.app-header{display:flex;align-items:center;justify-content:space-between;background:var(--brand-dark);color:#fff;padding:14px 28px}.app-header__brand{display:flex;align-items:center;gap:12px}.app-header__logo-img{height:32px;width:32px;border-radius:50%;background:#fff;display:block;flex-shrink:0}.app-header__wordmark{font-family:DM Sans,sans-serif;font-weight:400;font-size:24px;color:#fff;letter-spacing:-.5px;line-height:1}.app-header__title{font-size:15px;color:#ffffffbf;font-weight:400;letter-spacing:.3px;text-transform:none;line-height:1;padding-left:12px;border-left:1px solid rgba(255,255,255,.2)}.app-header__dept{display:flex;align-items:center;gap:8px}.app-header__dept-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#ffffff80}.app-header__dept select{background:#2d2d2d;color:#fff;border:1px solid #444;border-radius:4px;padding:6px 10px;font-size:14px}.app-header__dept-static{font-size:14px;font-weight:500;color:#ffffffe6}.app-header__user{display:flex;align-items:center;gap:10px;font-size:13px}.app-header__user-name{color:#ffffffd9}.app-header__signout{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:5px 12px;font-size:12px;cursor:pointer;transition:background .15s ease}.app-header__signout:hover{background:#ffffff1f}.tab-nav{display:flex;flex-wrap:nowrap;gap:0;background:var(--brand-dark);border-bottom:1px solid #333;overflow-x:auto;scrollbar-width:thin}.tab-nav__item{flex:1 1 0;text-align:center;color:#ffffff8c;text-decoration:none;padding:13px 14px;font-size:13px;letter-spacing:.3px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.08);border-bottom:2px solid transparent;transition:color .15s,background .15s}.tab-nav__item:last-child{border-right:none}.tab-nav__item:hover{color:#ffffffe6;background:#ffffff0d}.tab-nav__item--active{color:#fff;font-weight:600;background:#ffffff12;border-bottom-color:#fff}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#080b14c7,#080b1473 55%,#080b14b3)}.login-card{position:relative;z-index:1;width:390px;max-width:90vw;padding:46px 42px 40px;background:#ffffff17;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.18);border-radius:18px;box-shadow:0 24px 70px #00000080;text-align:center;color:#fff;animation:login-rise .5s ease}@keyframes login-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.login-card__logo{height:56px;width:56px;border-radius:50%;background:#fff;padding:7px;box-sizing:border-box;margin-bottom:22px;box-shadow:0 4px 14px #0000004d}.login-card__title{font-size:22px;font-weight:600;margin:0 0 8px;color:#fff;letter-spacing:-.2px}.login-card__subtitle{font-size:14px;line-height:1.5;color:#ffffffb8;margin:0 0 30px}.login-card__btn{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;padding:12px 18px;background:#fff;color:#3c4043;border:none;border-radius:9px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 2px 12px #00000040;transition:transform .12s ease,box-shadow .12s ease}.login-card__btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #00000059}.login-card__btn:active{transform:translateY(0)}.login-card__btn img{height:22px;width:auto;display:block}.login-card__footer{margin-top:24px;font-size:12px;color:#ffffff80}.kpi-card{position:relative;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--brand-dark);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;min-width:0}.kpi-card__label{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.kpi-card__value{font-size:26px;font-weight:700;color:var(--text);margin-top:4px}.kpi-card__sub{font-size:12px;color:var(--muted);margin-top:2px}.kpi-card--clickable{cursor:pointer;transition:box-shadow .12s ease,border-left-color .12s ease,transform .06s ease}.kpi-card--clickable:hover{border-left-color:var(--brand, #6ea8b7);box-shadow:0 2px 10px #0000001a}.kpi-card--clickable:active{transform:translateY(1px)}.kpi-card--clickable:focus-visible{outline:2px solid var(--brand, #6ea8b7);outline-offset:2px}.kpi-card__preview{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;background:var(--surface, #fff);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 24px #00000029;padding:12px 14px;cursor:pointer;animation:kpi-pop .1s ease-out}.kpi-card__preview:before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px}@keyframes kpi-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.kpi-preview__title{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:8px}.kpi-preview__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-bottom:7px}.kpi-preview__label{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-preview__val{font-size:12px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.kpi-preview__bar{grid-column:1 / -1;height:4px;border-radius:999px;background:var(--brand, #6ea8b7);opacity:.8;margin-top:-2px}.kpi-preview__foot{margin-top:9px;padding-top:8px;border-top:1px solid var(--divider, var(--border));font-size:11.5px;color:var(--muted)}.kpi-preview__empty{font-size:12px;color:var(--muted)}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.filter-bar select,.filter-bar__search{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:#fff}.filter-bar__search{flex:1;min-width:200px}.filter-bar__reset{background:var(--brand-dark);color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer}.filter-bar__reset:hover{background:var(--brand-mid)}.filter-bar__count{margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap}.filter-bar__count strong{color:var(--text)}.multiselect{position:relative}.multiselect__trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:#fff;cursor:pointer;max-width:220px}.multiselect__trigger--active{border-color:var(--brand-mid);background:var(--brand-light, #f0f4ff)}.multiselect__summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect__caret{color:var(--muted);font-size:11px}.multiselect__panel{position:absolute;z-index:30;top:calc(100% + 4px);left:0;min-width:240px;max-height:320px;overflow-y:auto;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 20px #0000001f;padding:4px}.multiselect__option{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:14px;border-radius:4px;cursor:pointer}.multiselect__option:hover{background:var(--brand-light, #f0f4ff)}.multiselect__option input{cursor:pointer}.multiselect__clear{display:block;width:100%;text-align:left;padding:6px 8px;margin-bottom:2px;border:none;border-bottom:1px solid var(--border);background:none;color:var(--brand-mid);font-size:13px;cursor:pointer}.multiselect__clear:hover{text-decoration:underline}.multiselect__empty{padding:8px;color:var(--muted);font-size:13px}.skeleton{display:block;background:var(--gray-100);border-radius:var(--radius-xs)}@media (prefers-reduced-motion: no-preference){.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 37%,var(--gray-100) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-page{padding-bottom:12px}.skeleton-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.skeleton-filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px}.skeleton-kpi{display:flex;flex-direction:column;justify-content:center;gap:10px}.skeleton-chart-block{flex:1;min-height:240px;border-radius:var(--radius)}.skeleton-cal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.skeleton-cal__week,.skeleton-cal__grid{display:grid;grid-template-columns:repeat(7,1fr)}.skeleton-cal__week{border-bottom:1px solid var(--border)}.skeleton-cal__week>.skeleton{margin:12px auto}.skeleton-cal__cell{min-height:92px;padding:8px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.skeleton-row{display:flex;align-items:center;gap:12px}.skeleton-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.skeleton-access-card{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px}.skeleton-access-members{display:flex;flex-direction:column;gap:12px;margin-top:12px}.data-table-wrap{padding:0;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{background:var(--bg);color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.4px;padding:10px 12px;border-bottom:2px solid var(--border);position:sticky;top:0;white-space:nowrap}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover{background:var(--bg)}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge--green{background:#d1fae5;color:#065f46}.badge--blue{background:#dbeafe;color:#1e40af}.badge--red{background:#fee2e2;color:#991b1b}.badge--amber{background:#fef3c7;color:#92400e}.badge--purple{background:#ede9fe;color:#5b21b6}.badge--gray{background:#f3f4f6;color:#4b5563}.due-label{font-weight:500}.due--overdue{color:#991b1b;font-weight:700}.due--30{color:#c2410c}.due--60{color:#b45309}.due--90{color:#1d4ed8}.recur-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:600}.recur--high{background:#1a1a1a;color:#fff}.recur--low{border:1px solid #ccc;color:#555;background:transparent}.data-table th.col--amount,.data-table td.col--amount{background:var(--accent-soft)}.data-table th.col--amount{color:var(--text-soft)}.trends-page{display:flex;flex-direction:column;gap:16px}.trends-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.trends-sub{margin:-6px 0 0;font-size:12px;max-width:70ch}.trends-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.trends-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px}.trends-slicer{display:flex;flex-direction:column;gap:6px}.trends-slicer__label{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:600}.trends-seg{display:inline-flex;border:1px solid var(--border, #e0e0de);border-radius:var(--radius, 6px);overflow:hidden;background:var(--surface, #fff)}.trends-seg__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-right:1px solid var(--border, #e0e0de);background:transparent;color:var(--text, #1a1a1a);font-size:12px;font-weight:500;padding:7px 13px;cursor:pointer;white-space:nowrap;transition:background .12s ease,color .12s ease}.trends-seg__btn:last-child{border-right:none}.trends-seg__btn:hover{background:var(--surface-alt, #f4f4f2)}.trends-seg__btn.is-active{background:var(--brand-dark, #1a1a1a);color:#fff;font-weight:600}.trends-chart-card{display:flex;flex-direction:column;min-height:440px}@media (max-width: 720px){.trends-toolbar{gap:14px}.trends-seg__btn{padding:7px 10px}}.mappings{max-width:1100px;margin:0 auto;padding:24px 28px 64px;color:#1a1a1a}.mappings__head h1{font-size:22px;font-weight:700;margin:0 0 6px}.mappings__lead{font-size:13px;line-height:1.55;color:#5c5c5a;max-width:820px;margin:0 0 20px}.mappings__tabs{display:flex;gap:4px;margin:10px 0 18px;border-bottom:1px solid #e0e0de}.mappings__tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 14px;font-size:13px;font-weight:600;color:#5c5c5a;cursor:pointer}.mappings__tab--active{color:#1a1a1a;border-bottom-color:#1a1a1a}.mappings__auto-tag{display:inline-block;margin-left:6px;padding:1px 6px;border:1px solid #ccc;border-radius:8px;font-size:10px;font-weight:600;color:#555;background:transparent}.mappings__excluded-tag{display:inline-block;margin-left:6px;padding:1px 6px;border:1px solid #e3b9b9;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#a13232;background:#fbeeee}.glprev-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.glprev-modal{background:#fff;width:min(1280px,96vw);height:min(860px,92vh);border-radius:12px;box-shadow:0 12px 48px #00000040;padding:24px 28px;display:flex;flex-direction:column;gap:14px;overflow:hidden}.glprev-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.glprev-modal__title{margin:0 0 6px;font-size:19px}.glprev-modal__sub{margin:0;font-size:13px;line-height:1.55;color:#555;max-width:100ch}.glprev-modal__headbtns{display:flex;align-items:center;gap:10px;flex-shrink:0}.glprev-modal__close{background:none;border:none;font-size:26px;line-height:1;cursor:pointer;color:#767674;padding:2px 6px}.glprev-modal__close:hover{color:#1a1a1a}.glprev__warn{margin:0;padding:8px 12px;border:1px solid #ecd9a0;border-radius:8px;background:#fdf6e3;font-size:13px}.glprev-modal__body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 1100px){.glprev-modal__body{grid-template-columns:1fr;overflow-y:auto}.glprev-modal{height:min(920px,94vh)}}.glprev__col{display:flex;flex-direction:column;min-height:0}.glprev__h{margin:0 0 8px;font-size:15px}.glprev__scroll{flex:1;min-height:0;overflow-y:auto;border:1px solid #ececea;border-radius:8px}.glprev__table{width:100%}.glprev__table th{position:sticky;top:0;background:#fafaf8;z-index:1}.glprev__table th,.glprev__table td{font-size:13.5px;padding:10px 14px}.glprev__subtext{font-size:11.5px;color:#999;margin-top:2px}.glprev__money{white-space:nowrap}.glprev__more{font-size:12px;margin:8px 0 0}.glprev__chip{display:inline-block;padding:3px 10px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}.glprev__chip--in{background:#eaf6ec;color:#1f7a35}.glprev__chip--ex{background:#fbeeee;color:#a13232}.glprev__chip--other{background:#f0f0ee;color:#777}.mappings__form{background:#f4f4f2;border:1px solid #e0e0de;border-radius:8px;padding:16px;margin-bottom:20px}.mappings__form-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.mappings__field{display:flex;flex-direction:column;gap:5px;min-width:150px}.mappings__field--grow{flex:1;min-width:200px}.mappings__field>span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#767674}.mappings__field>span em{font-weight:400;text-transform:none;letter-spacing:0}.mappings__field input,.mappings__field select{padding:8px 10px;border:1px solid #e0e0de;border-radius:6px;font-size:13px;font-family:inherit;background:#fff}.mappings__field input:disabled,.mappings__field select:disabled{background:#ecece9;color:#8a8a87}.mappings__check{display:flex;align-items:center;gap:6px;font-size:13px;padding-bottom:8px}.mappings__hint{font-size:12px;color:#767674;margin:10px 0 0;line-height:1.5}.mappings__form-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.mappings__btn{background:#fff;border:1px solid #e0e0de;border-radius:6px;padding:8px 16px;font-size:13px;font-family:inherit;cursor:pointer}.mappings__btn:hover:not(:disabled){border-color:#b8b8b4}.mappings__btn:disabled{opacity:.55;cursor:default}.mappings__btn--primary{background:#1a1a1a;color:#fff;border-color:#1a1a1a;font-weight:600}.mappings__btn--sm{padding:4px 10px;font-size:12px}.mappings__btn--danger{color:#b03a2e}.mappings__btn--danger:hover:not(:disabled){border-color:#b03a2e}.mappings__msg{font-size:12px}.mappings__msg--ok{color:#2e7d32}.mappings__msg--err{color:#b03a2e}.mappings__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.mappings__search{padding:8px 12px;border:1px solid #e0e0de;border-radius:6px;font-size:13px;font-family:inherit;width:280px;max-width:50%}.mappings__count{font-size:12px;color:#767674}.mappings__toolbar-actions{display:flex;align-items:center;gap:14px}.mappings__linkbtn{background:none;border:none;padding:0;font-size:12px;font-family:inherit;font-weight:600;color:#5c5c5a;cursor:pointer}.mappings__linkbtn:hover:not(:disabled){color:#1a1a1a;text-decoration:underline}.mappings__linkbtn:disabled{opacity:.4;cursor:default}.mappings__state{font-size:13px;color:#767674}.mappings__state--err{color:#b03a2e}.mappings__section{margin-top:10px}.mappings__section-toggle{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:9px 12px;background:#f4f4f2;border:1px solid #e0e0de;border-radius:8px;text-align:left;cursor:pointer}.mappings__section-toggle:hover{background:#ecece9;border-color:#d4d4d0}.mappings__section-chev{font-size:16px;line-height:1;color:#a0a09c;transition:transform .15s ease}.mappings__section-chev--open{transform:rotate(90deg)}.mappings__section h2{font-size:14px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}.mappings__section-count{font-size:11px;font-weight:600;color:#767674;background:#f0f0ee;border-radius:10px;padding:1px 8px}.mappings__empty{font-size:13px;color:#a0a09c;margin:6px 0 4px 12px}.mappings__table-scroll{margin-top:6px;max-height:320px;overflow-y:auto;background:#fff;border:1px solid #e0e0de;border-radius:8px}.mappings__table{width:100%;border-collapse:collapse;font-size:13px}.mappings__table th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#767674;padding:7px 12px;background:#fafaf9;border-bottom:1px solid #e0e0de;position:sticky;top:0;z-index:1}.mappings__table td{padding:6px 12px;border-bottom:1px solid #f0f0ee}.mappings__table tr:last-child td{border-bottom:none}.mappings__row--inactive{opacity:.5}.mappings__value{font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:600}.mappings__name{color:#5c5c5a}.mappings__muted{color:#c4c4c0}.mappings__actions-col{text-align:right;white-space:nowrap}.mappings__actions-col .mappings__btn{margin-left:6px}.mappings__badge{display:inline-block;font-size:11px;font-weight:700;border-radius:4px;padding:2px 8px}.mappings__badge--HR{background:#e8f0fe;color:#1a56b8}.mappings__badge--IT{background:#eaf6ec;color:#1f7a35}.mappings__value .mappings__badge{margin-left:8px}.mappings__toggle{background:none;border:1px solid #e0e0de;border-radius:12px;padding:2px 12px;font-size:11px;font-weight:600;cursor:pointer;color:#5c5c5a}.mappings__toggle:hover:not(:disabled){border-color:#b8b8b4}.richtext{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}.richtext:focus-within{border-color:var(--brand, #6ea8b7)}.richtext__toolbar{display:flex;align-items:center;gap:2px;padding:6px 8px;border-bottom:1px solid var(--border);background:var(--surface-alt, #fafaf9);flex-wrap:wrap}.richtext__btn{background:none;border:1px solid transparent;border-radius:5px;min-width:28px;padding:4px 7px;font-size:13px;line-height:1.2;cursor:pointer;color:var(--text)}.richtext__btn:hover{background:#0000000f;border-color:var(--border)}.richtext__toolbar-sep{width:1px;height:18px;background:var(--border);margin:0 6px}.richtext__area{flex:1;overflow-y:auto;padding:14px 16px;font-size:13.5px;line-height:1.6;color:var(--text);outline:none;white-space:pre-wrap;overflow-wrap:break-word}.richtext__area:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.richtext__area img{max-width:100%;height:auto;border:1px solid var(--border);border-radius:6px;margin:4px 0}.notes{display:flex;gap:0;height:calc(100vh - 150px);min-height:420px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.notes__nav{width:300px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface-alt, #fafaf9);overflow-y:auto}.notes__nav-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 8px;position:sticky;top:0;background:var(--surface-alt, #fafaf9);border-bottom:1px solid var(--border)}.notes__nav-title{font-weight:700;font-size:13px}.notes__nav-tools{display:flex;gap:6px}.notes__newbtn{background:#fff;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;color:var(--text);padding:4px 9px;line-height:1.2;white-space:nowrap}.notes__newbtn:hover{border-color:var(--brand, #6ea8b7)}.notes__nav-target{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px;font-size:11.5px;color:var(--muted);border-bottom:1px solid var(--border)}.notes__nav-target strong{color:var(--text)}.notes__top-reset{background:none;border:none;cursor:pointer;font-size:11.5px;font-weight:600;color:var(--brand-dark, #38607a);padding:2px 4px;white-space:nowrap}.notes__top-reset:hover{text-decoration:underline}.notes-tree__actions button{background:none;border:none;cursor:pointer;font-size:11px;color:var(--muted);padding:2px 4px;line-height:1}.notes-tree__actions button:hover{color:var(--text);text-decoration:underline}.notes-tree__actions button:disabled{opacity:.35;cursor:default}.notes-tree__actions button:disabled:hover{color:var(--muted);text-decoration:none}.notes-tree__list{list-style:none;margin:0;padding:4px 0}.notes-tree__item{display:flex;align-items:center;gap:6px;padding:5px 8px;cursor:pointer;font-size:13px;border-radius:4px;-webkit-user-select:none;user-select:none}.notes-tree__item:hover{background:#0000000d}.notes-tree__item--active{background:#6ea8b733;font-weight:600}.notes-tree__item--dropover{background:#6ea8b747;outline:1.5px dashed var(--brand, #6ea8b7);outline-offset:-1.5px}.notes-tree__item--dragging{opacity:.45}.notes__nav--dropover{background:#6ea8b714}.notes-tree__caret{flex-shrink:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;font-size:9px;line-height:1;color:var(--muted);transition:transform .12s ease}.notes-tree__caret--open{transform:rotate(90deg)}.notes-tree__caret--spacer{cursor:default}.notes-tree__caret:hover{color:var(--text)}.notes-tree__icon{flex-shrink:0}.notes-tree__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-tree__actions{display:none;gap:2px;flex-shrink:0}.notes-tree__item:hover .notes-tree__actions{display:flex}.notes-tree__item--editing{cursor:default}.notes-tree__item--editing:hover{background:transparent}.notes-tree__edit{flex:1;min-width:0;font-size:13px;font-family:inherit;color:var(--text);background:#fff;border:1px solid var(--brand, #6ea8b7);border-radius:3px;padding:1px 5px;outline:none}.notes-tree__edit:focus{box-shadow:0 0 0 2px #6ea8b740}.notes-tree__confirm{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.notes-tree__confirm-q{font-size:11px;color:var(--muted);white-space:nowrap}.notes-tree__confirm-yes,.notes-tree__confirm-no{background:none;border:none;cursor:pointer;font-size:12px;line-height:1;padding:2px 4px;border-radius:3px}.notes-tree__confirm-yes{color:#b03a2e;font-weight:700}.notes-tree__confirm-yes:hover{background:#b03a2e1f}.notes-tree__confirm-no{color:var(--muted)}.notes-tree__confirm-no:hover{color:var(--text)}.notes__empty,.notes__nav-foot{padding:14px 12px;font-size:12px;color:var(--muted)}.notes__nav-foot{margin-top:auto;border-top:1px solid var(--border)}.notes__content{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.notes__placeholder{padding:32px;max-width:620px}.notes__placeholder h2{margin:0 0 8px}.notes__editor{display:flex;flex-direction:column;height:100%;padding:20px 24px;gap:10px}.notes__title-input{font-size:20px;font-weight:700;border:none;border-bottom:1px solid transparent;padding:4px 0;background:transparent;color:var(--text)}.notes__title-input:focus{outline:none;border-bottom-color:var(--border)}.notes__editor-meta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.notes__dirty{margin-left:auto}.notes__dirty--on{color:#b45309;font-weight:600}.notes__editor-actions{display:flex;gap:10px}.notes__save{background:#1a1a1a;color:#fff;border:none;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer}.notes__save:disabled{opacity:.45;cursor:default}.notes__revert{background:none;border:1px solid var(--border);border-radius:6px;padding:8px 16px;font-size:13px;cursor:pointer;color:var(--text)}.docs{display:flex;gap:20px;align-items:flex-start}.docs__nav{flex:0 0 232px;position:sticky;top:20px;display:flex;flex-direction:column;gap:2px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 12px}.docs__nav-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:4px 10px 10px}.docs__nav-item{text-align:left;width:100%;padding:9px 12px;border-radius:var(--radius-sm);font-size:var(--text-md);color:var(--text-soft);border-left:2px solid transparent;transition:background .12s ease,color .12s ease}.docs__nav-item:hover{background:var(--surface-hover);color:var(--text)}.docs__nav-item--active{background:var(--accent-soft);color:var(--text);font-weight:600;border-left-color:var(--brand-dark)}.docs__nav-foot{margin-top:12px;padding:12px 10px 4px;border-top:1px solid var(--divider);font-size:var(--text-xs);color:var(--muted);line-height:1.5}.docs__nav-group{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:14px 10px 6px;margin-top:6px;border:none;border-top:1px solid var(--divider);background:none;text-align:left;cursor:pointer}.docs__nav-group:hover{color:var(--text-soft)}.docs__nav-caret{font-size:10px;line-height:1;color:var(--muted);transition:transform .15s ease}.docs__nav-caret--closed{transform:rotate(-90deg)}.docs-diagram-img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:6px 0 16px}.docs-diagram-ph{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;min-height:170px;padding:26px 20px;margin:6px 0 16px;border:1.5px dashed var(--border);border-radius:var(--radius);background:var(--surface-soft);color:var(--muted)}.docs-diagram-ph strong{color:var(--text-soft);font-size:var(--text-lg)}.docs-diagram-ph span{font-size:var(--text-sm)}.docs-stack{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 16px}.docs-stack span{font-size:var(--text-sm);font-weight:600;padding:5px 11px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border);color:var(--text-soft)}.docs__content{flex:1;min-width:0;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 34px 36px;max-width:860px}.docs__content article>*:first-child{margin-top:0}.docs-head{border-bottom:2px solid var(--brand-dark);padding-bottom:14px;margin-bottom:20px}.docs-head h1{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.01em;margin:0}.docs-lead{font-size:var(--text-lg);color:var(--text-soft);margin:10px 0 0;line-height:1.5}.docs__content h2.docs-h2{font-size:var(--text-lg);font-weight:700;margin:28px 0 10px;padding-top:6px}.docs__content h3.docs-h3{font-size:var(--text-md, 1rem);font-weight:700;margin:20px 0 8px}.docs__content p{margin:0 0 12px;color:var(--text)}.docs__content strong{font-weight:700}.docs-list,.docs-steps{margin:0 0 14px;padding-left:22px}.docs-list li,.docs-steps li{margin-bottom:7px}.docs-steps{counter-reset:step;list-style:none;padding-left:0}.docs-steps li{position:relative;padding:10px 14px 10px 44px;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:9px;background:var(--surface)}.docs-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:12px;top:10px;width:22px;height:22px;background:var(--brand-dark);color:var(--text-inverse);border-radius:6px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.docs-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:12px}.docs-card--accent{border-left:4px solid var(--brand-dark)}.docs-card h3{font-size:var(--text-lg);font-weight:700;margin:0 0 6px}.docs-card__role{color:var(--muted);font-weight:500;font-size:var(--text-md)}.docs-card p{margin:0;font-size:var(--text-base);color:var(--text-soft)}.docs-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 12px}.docs-grid2 .docs-card{background:var(--surface-soft);margin-bottom:0}.docs-callout{border-left:4px solid var(--info);background:var(--info-soft);padding:14px 18px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:16px 0}.docs-callout strong{display:block;margin-bottom:4px}.docs-callout p{margin:0;color:var(--text-soft)}.docs-foot{color:var(--muted);font-size:var(--text-sm);line-height:1.55}.docs-flow{display:flex;align-items:stretch;margin:6px 0 16px}.docs-flow__seg{display:flex;align-items:stretch;flex:1}.docs-flow__node{flex:1;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:13px 11px;text-align:center}.docs-flow__node .t{font-weight:700;font-size:var(--text-base)}.docs-flow__node .d{font-size:var(--text-xs);color:var(--muted);margin-top:4px;line-height:1.4}.docs-flow__node--snow{border-top:3px solid var(--chart-cost-center)}.docs-flow__node--api{border-top:3px solid var(--success)}.docs-flow__node--ui{border-top:3px solid var(--brand-dark)}.docs-flow__node--sap{background:var(--surface-soft)}.docs-flow__arrow{flex:0 0 30px;display:flex;align-items:center;justify-content:center;color:var(--brand-dark);font-size:22px;font-weight:700}.docs-flow__tag{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-top:7px;padding:1px 7px;border-radius:999px;background:var(--status-default-bg);color:var(--status-default-text)}.docs-flow__tag--snow{background:var(--status-closed-bg);color:var(--status-closed-text)}.docs-flow__tag--api{background:var(--status-open-bg);color:var(--status-open-text)}.docs-flow__tag--ui{background:var(--accent-soft);color:var(--brand-dark)}.docs-flow__side{display:flex;align-items:center;gap:14px;background:#faf8fd;border:1.5px dashed var(--chart-gl);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:16px}.docs-flow__side .lbl{font-weight:700;color:#6d4caa;font-size:var(--text-md);flex:0 0 auto}.docs-flow__side .txt{font-size:var(--text-sm);color:var(--text-soft)}.docs__content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 5px;white-space:nowrap}.docs-table code{white-space:normal}.docs-derived{color:var(--muted);font-style:italic}.docs-tablewrap{overflow-x:auto;margin:6px 0 14px}.docs-table{width:100%;border-collapse:collapse;font-size:var(--text-md)}.docs-table th,.docs-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--divider);vertical-align:top}.docs-table thead th{background:var(--brand-dark);color:var(--text-inverse);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;border-bottom:none}.docs-table tbody tr:nth-child(2n){background:var(--surface-soft)}.docs-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.docs-table th.c,.docs-table td.c{text-align:center;width:64px}.docs-table--confirm td:first-child{white-space:nowrap}.docs-chk{display:inline-block;width:16px;height:16px;border:1.5px solid var(--muted);border-radius:3px}.docs-example{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.docs-example>p:first-child{margin-top:0}.docs-example__rec{display:flex;gap:22px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:14px}.docs-example__rec div{display:flex;flex-direction:column;gap:2px}.docs-example__rec .k{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.docs-example__rec .v{font-weight:600;font-size:var(--text-base)}@media (max-width: 900px){.docs{flex-direction:column}.docs__nav{position:static;flex:1 1 auto;width:100%;flex-direction:row;flex-wrap:wrap}.docs__nav-title,.docs__nav-foot,.docs__nav-group{display:none}.docs__content{max-width:none;padding:20px}.docs-grid2{grid-template-columns:1fr}}:root{--brand-dark: #1a1a1a;--brand-mid: #2d2d2d;--brand-white: #ffffff;--gray-25: #fcfcfb;--gray-50: #f8f8f6;--gray-100: #f4f4f2;--gray-150: #eeeeeb;--gray-200: #e0e0de;--gray-300: #d2d2cf;--gray-400: #b3b3af;--gray-500: #92928d;--gray-600: #767674;--gray-700: #5b5b58;--gray-800: #3c3c39;--gray-900: #1a1a1a;--accent: var(--brand-dark);--accent-hover: var(--brand-mid);--accent-soft: #f0f0ee;--success: #2e7d32;--success-soft: #edf6ee;--warning: #b7791f;--warning-soft: #fbf4e8;--danger: #b03a2e;--danger-soft: #faeeec;--info: #2563eb;--info-soft: #eef4ff;--bg: var(--gray-100);--bg-subtle: var(--gray-50);--surface: var(--brand-white);--surface-soft: var(--gray-25);--surface-muted: var(--gray-50);--surface-hover: var(--accent-soft);--text: var(--gray-900);--text-soft: var(--gray-700);--muted: var(--gray-600);--text-inverse: var(--brand-white);--border: var(--gray-200);--border-strong: var(--gray-300);--divider: var(--gray-150);--link: var(--brand-dark);--link-hover: var(--brand-mid);--input-bg: var(--surface);--input-border: var(--border);--input-border-focus: var(--brand-dark);--panel-bg: var(--surface);--panel-border: var(--border);--status-open-bg: #eef6f3;--status-open-text: #206a52;--status-review-bg: #fbf4e8;--status-review-text: #8a5a13;--status-closed-bg: #eef3fb;--status-closed-text: #2d5ea8;--status-cancelled-bg: #f1f1f0;--status-cancelled-text: #6b6b67;--status-default-bg: #f4f4f2;--status-default-text: #4a4a47;--chart-vendor: #6ea8b7;--chart-cost-center: #69a6d1;--chart-gl: #9b7bd1;--chart-grid: #ececea;--chart-status-open: #0f766e;--chart-status-review: #b45309;--chart-status-closed: #2563eb;--chart-status-requested: #65a30d;--chart-status-new-vendor: #7c3aed;--chart-status-cancelled: #6b7280;--chart-status-no-po: #9ca3af;--radius-xs: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 10px rgba(0, 0, 0, .08);--font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--app-max-width: 1600px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html{margin:0;padding:0}body{margin:0;padding:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,canvas{display:block;max-width:100%}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;background:none}table{width:100%;border-collapse:collapse}th,td{text-align:left;vertical-align:middle}.app-main{max-width:var(--app-max-width);margin:0 auto;padding:20px}.card,.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:16px}.section-stack{display:flex;flex-direction:column;gap:18px}.muted{color:var(--muted)}.empty-state{padding:48px 24px;text-align:center;color:var(--muted)}.page-title{font-size:var(--text-xl);font-weight:700;margin-bottom:6px}.section-title{font-size:var(--text-lg);font-weight:600;margin-bottom:8px}.subtle-divider{width:100%;height:1px;background:var(--divider)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:var(--text-md);font-weight:500;line-height:1;transition:background .12s ease,border-color .12s ease,color .12s ease}.btn:hover{background:var(--surface-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-dark);color:var(--text-inverse);border-color:var(--brand-dark)}.btn-primary:hover{background:var(--brand-mid);border-color:var(--brand-mid)}.btn-sm{min-height:28px;padding:4px 10px;font-size:var(--text-sm)}.input,.select,.search-input{width:100%;min-height:36px;padding:8px 12px;border:1px solid var(--input-border);border-radius:var(--radius);background:var(--input-bg);color:var(--text);font-size:var(--text-md)}.input:focus,.select:focus,.search-input:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 2px #1a1a1a14}.dashboard-page{display:flex;flex-direction:column;gap:18px}.kpi-grid,.dashboard-kpi-grid{display:grid;gap:14px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:18px}.dashboard-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dashboard-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.chart-card{min-height:340px;display:flex;flex-direction:column}.chart-card-header{margin-bottom:10px}.chart-card-header h3{margin:0 0 2px;font-size:var(--text-base);font-weight:600;color:var(--text)}.chart-card-header p{margin:0;font-size:var(--text-sm);color:var(--muted)}.chart-canvas-wrap{position:relative;flex:1;min-height:250px}.filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end}.filter-field{display:flex;flex-direction:column;gap:5px;min-width:0}.filter-label{font-size:var(--text-xs);font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.filter-actions{display:flex;align-items:center;gap:8px}.table-shell{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-scroll-shell{max-height:none;overflow:visible;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow)}.table-scroll-shell table{min-width:0}@media (max-width: 1500px){.table-scroll-shell{overflow-x:auto}.table-scroll-shell table{min-width:1200px}}.table-scroll-shell thead th{position:sticky;top:0;z-index:2;background:var(--surface);border-bottom:1px solid var(--border)}.table-scroll-shell th,.table-scroll-shell td{padding:10px 12px;font-size:var(--text-md);border-bottom:1px solid var(--border);white-space:nowrap}.table-scroll-shell tbody tr:hover{background:var(--surface-soft)}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead th{font-size:var(--text-xs);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.data-table tbody td{color:var(--text)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .cell-wrap{white-space:normal;line-height:1.35}.data-table .cell-number{text-align:right;font-variant-numeric:tabular-nums}.data-table .cell-muted{color:var(--muted)}.table-scroll-shell:focus-within{box-shadow:var(--shadow),0 0 0 2px #1a1a1a0f}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:var(--text-md);color:var(--muted)}.pagination__controls{display:flex;align-items:center;gap:10px}.pagination__controls button{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);cursor:pointer;font-size:var(--text-md)}.pagination__controls button:hover:not(:disabled){background:var(--surface-soft)}.pagination__controls button:disabled{opacity:.45;cursor:not-allowed}.pagination__page{color:var(--text)}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;line-height:1;border:1px solid transparent}.badge--open{background:var(--status-open-bg);color:var(--status-open-text)}.badge--review{background:var(--status-review-bg);color:var(--status-review-text)}.badge--closed{background:var(--status-closed-bg);color:var(--status-closed-text)}.badge--cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-text)}.badge--default{background:var(--status-default-bg);color:var(--status-default-text)}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.calendar-month__name{font-weight:600}.calendar-month__total{font-size:20px;font-weight:700;color:var(--brand-dark);margin:4px 0}.calendar-month--active{border-left:3px solid var(--brand-dark)}.calendar-month__list{margin-top:8px;padding-left:0;list-style:none;font-size:11px;color:var(--muted)}.calendar-month__list li{padding:2px 0;border-top:1px solid var(--border)}@media (max-width: 1200px){.dashboard-chart-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.app-main{padding:14px}.dashboard-kpi-grid,.dashboard-chart-grid,.kpi-grid,.filter-grid,.calendar-grid{grid-template-columns:1fr}.chart-card{min-height:300px}}