@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap";.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;padding:1.5rem;z-index:100000}.confirm-dialog{width:min(420px,100%);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:1.5rem}.confirm-dialog__title{margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.confirm-dialog__question{margin:0;color:var(--muted);line-height:1.5}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem}.confirm-dialog__actions .btn{white-space:nowrap}.management-page,.clients-page{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.management-page>.clients-nav-bar,.clients-page>.clients-nav-bar{margin-bottom:0}.clients-page{position:relative}.form-group{display:grid;gap:.5rem;margin-top:.75rem;margin-bottom:1rem}.form-group:first-of-type{margin-top:.5rem}.form-grid--columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.form-grid>.form-group,.form-grid--columns>.form-group{min-width:0;margin:0}.form-grid-field-wide{grid-column:1 / -1}@media (max-width: 480px){.form-grid--columns{grid-template-columns:minmax(0,1fr)}}.field-label,.form-group label{font-size:14px;font-weight:500;color:#111827}.field-required{color:var(--danger)}.field-hint{color:var(--muted);font-size:.78rem;font-weight:400}.field-error{color:var(--danger);font-size:.78rem;font-weight:400}.data-table-th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.data-table-th-sort{margin-left:.25rem;color:var(--accent, #2563eb)}.check-row{display:inline-flex;align-items:flex-start;gap:.5rem;color:var(--sidebar-text);font-size:.9rem;cursor:pointer}.check-row input{flex-shrink:0;margin:.25em 0 0}.check-row:has(input:disabled){color:var(--muted);cursor:default}.form-group .check-row{font-size:.9rem;font-weight:400;color:var(--sidebar-text)}.form-group .check-row:has(input:disabled){color:var(--muted)}.muted-text{color:var(--muted);font-size:.9rem}.worker-status{display:grid;gap:.5rem;justify-items:start}.data-table-empty-cell.state-message--compact{padding:.5rem 0;text-align:left}.data-table-empty-cell.state-message--error{color:var(--danger)}.data-table-empty-cell{color:var(--muted);padding:1.25rem .75rem;text-align:center}.notice{padding:.9rem 1rem;border-radius:14px;border:1px solid transparent}.notice--error{border-color:#eb575740;background:#eb575714;color:var(--danger)}.notice--success{border-color:#10b98147;background:#10b9811a;color:#047857}.notice--warning{border-color:#f2994a4d;background:#f2994a1f;color:#b45309}.notice--info{border-color:var(--border);background:#0f172a0a;color:var(--muted)}.data-table-scroll{min-width:0;max-width:100%;overflow-x:auto}.data-table--fixed{table-layout:fixed}.data-table--fixed th,.data-table--fixed td{overflow-wrap:anywhere}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr.data-table-expanded-row:hover{background:transparent}.token-input-wrapper{position:relative;display:flex;align-items:center}.token-input-wrapper .input{padding-right:2.75rem}.token-visibility-toggle{position:absolute;right:.4rem;border:none;background:transparent;cursor:pointer;color:var(--muted);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.token-visibility-toggle:hover:not(:disabled){color:#111827;background:#0f172a0f}.token-visibility-toggle svg{width:18px;height:18px;stroke:currentColor}.token-visibility-toggle:disabled{cursor:not-allowed;color:var(--border)}.ui-floating-panel{position:fixed;z-index:20000;box-sizing:border-box;font-family:inherit}.ui-select-trigger{font:inherit;text-align:left;cursor:pointer;min-width:0}.ui-select-trigger>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-trigger.ui-select-trigger--inline{width:100%;padding:.45rem .6rem;border-color:transparent;background:transparent;color:var(--accent);text-align:right;border-radius:10px;box-shadow:none}.ui-select-trigger.ui-select-trigger--inline:hover:not(:disabled){background:var(--color-primary-soft, #eff6ff)}.ui-select-trigger.ui-select-trigger--inline:disabled{color:var(--text);background:transparent;opacity:1;cursor:default}.ui-select-native{position:fixed!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;opacity:0;pointer-events:none;clip-path:inset(50%)}.ui-select-menu{overflow:auto;padding:.35rem;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 18px 44px #0f172a29}.ui-select-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.65rem .75rem;border:0;border-radius:10px;background:transparent;color:var(--text, #111827);font:inherit;text-align:left;cursor:pointer}.ui-select-option:hover:not(:disabled),.ui-select-option--active:not(:disabled){background:#f1f5f9}.ui-select-option[aria-selected=true]{color:var(--accent)}.ui-select-option:disabled{color:var(--muted);cursor:default}.ui-select-group{padding:.65rem .75rem .35rem;color:var(--muted);font-size:.85rem}.file-picker{display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap}.file-picker__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-picker__button{cursor:pointer}.file-picker__input:disabled+.file-picker__button{opacity:.6;cursor:default;pointer-events:none}.file-picker__input:focus-visible+.file-picker__button{outline:2px solid var(--accent-soft);outline-offset:2px}.file-picker__names{color:var(--muted);font-size:.85rem;word-break:break-word}.ui-toasts{position:fixed;top:1.25rem;left:50%;transform:translate(-50%);z-index:100001;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:min(480px,calc(100vw - 2.5rem));pointer-events:none}.ui-toast{position:relative;width:100%;pointer-events:auto;background:var(--surface);box-shadow:var(--shadow),0 2px 8px #1118271f;border-radius:14px;animation:ui-toast-in .18s ease-out}.ui-toast .notice{margin:0;padding-right:2.25rem;overflow-wrap:anywhere}.ui-toast .notice--error{border-color:#eb575766;background:#eb575729}.ui-toast .notice--success{border-color:#10b98173;background:#10b9812e}.ui-toast .notice--warning{border-color:#f2994a73;background:#f2994a33}.ui-toast .notice--info{background:#0f172a12}.ui-toast__close{position:absolute;top:.35rem;right:.5rem;border:none;background:transparent;color:inherit;opacity:.65;font-size:1.15rem;line-height:1;cursor:pointer;padding:.15rem .25rem}.ui-toast__close:hover{opacity:1}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(-.5rem)}}@media (prefers-reduced-motion: reduce){.ui-toast{animation:none}}.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;min-width:0;width:100%}.filter-bar>.filter-field{display:flex;flex-direction:column;gap:.5rem;flex:1 1 15rem;min-width:12rem;max-width:24rem;margin:0}.filter-bar>.filter-field--search{flex-basis:16rem;max-width:none}.filter-bar>.filter-field--date{flex:0 0 10.5rem;min-width:10.5rem}.filter-bar .filter-field>.field-label{margin:0}.filter-bar .filter-field .input,.filter-bar .filter-field .select,.filter-bar .filter-field .clearable-select,.filter-bar .filter-field .product-remote-select{width:100%;min-width:0;max-width:none}.filter-bar .filter-field .input,.filter-bar .filter-field .ui-select-trigger{min-height:44px}.filter-bar>.btn,.filter-bar>.check-row{min-height:44px;display:inline-flex;align-items:center;margin:0}.filter-bar--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.filter-bar--grid>.filter-field{min-width:0;max-width:none}.filter-bar-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;min-width:0}.filter-bar-actions>.check-row,.filter-bar-actions>.btn{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin:0}.filter-bar-actions>.check-row input{flex-shrink:0}.filter-bar .check-row input{margin-top:0}.filter-range{display:flex;gap:1rem;min-width:0}.filter-range>.filter-field{display:flex;flex-direction:column;gap:.5rem;flex:1 1 0;min-width:0;margin:0}.filter-bar>.filter-range{flex:0 1 22rem;max-width:100%}.filter-bar--grid>.filter-range{grid-column:span 2}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.section-header{margin-top:1.5rem}.section-header:first-child{margin-top:0}.page-header__title-row{display:flex;align-items:center;gap:.75rem;min-width:0;min-height:2.8rem}.page-header__text{min-width:0}.page-header .page-title{margin:0;font-family:var(--font-display);font-size:1.5rem}.page-header.section-header .page-title{font-size:1.15rem}.page-header__subtitle{margin-top:.35rem;color:var(--muted);font-size:.9rem}.page-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto}.page-header__actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.page-header__actions .btn>svg{display:block;flex-shrink:0}.page-header>.filter-bar{flex-basis:100%}.page-header__back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:1px solid var(--border);border-radius:10px;background:#0f172a0a;color:var(--muted);transition:background .2s ease,color .2s ease}.page-header__back:hover{background:#0f172a14;color:var(--text)}.ui-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0f172a73}.ui-modal{display:flex;flex-direction:column;max-height:calc(100vh - 3rem);border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.ui-modal--m{width:min(560px,100%)}.ui-modal--l{width:min(960px,100%)}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.ui-modal__header h2{margin:0;font-family:var(--font-display);font-size:1.1rem}.ui-modal__close{border:none;background:transparent;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 .25rem}.ui-modal__close:hover{color:var(--text)}.ui-modal__body{padding:1.25rem 1.5rem;overflow:auto}.ui-modal__footer{display:flex;justify-content:flex-end;gap:.5rem;flex-shrink:0;padding:1rem 1.5rem;border-top:1px solid var(--border)}.ui-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:10000;opacity:0;pointer-events:none;transition:opacity .2s ease}.ui-drawer-overlay--open{opacity:1;pointer-events:auto}.ui-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:100%;background:var(--surface);z-index:10001;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px #0f172a1a;display:flex;flex-direction:column}.ui-drawer--wide{width:560px}.ui-drawer--open{transform:translate(0)}.ui-drawer__header{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.ui-drawer__header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.ui-drawer__header-actions+.ui-drawer__close{margin-left:-.5rem}.ui-drawer__header-extra{flex-basis:100%}.ui-drawer__header h2{margin:0;font-family:var(--font-display);font-size:1.1rem}.ui-drawer__close{border:none;background:transparent;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 .25rem}.ui-drawer__close:hover{color:var(--text)}.ui-drawer__body{flex:1;padding:1.5rem;overflow-y:auto}.ui-drawer__body h3{margin:1.5rem 0 .75rem;font-family:var(--font-display);font-size:1rem;font-weight:600}.ui-drawer__footer{display:flex;justify-content:flex-end;gap:.5rem;flex-shrink:0;padding:1rem 1.5rem;border-top:1px solid var(--border)}@media (max-width: 640px){.ui-drawer,.ui-drawer--wide{width:100%}}.data-table td:has(>.ui-action-menu),td:has(>.ui-action-menu){text-align:right}.ui-action-menu{position:relative;display:inline-flex}.ui-action-menu__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:10px;cursor:pointer;transition:all .2s ease}.ui-action-menu__btn:hover,.ui-action-menu__btn[aria-expanded=true]{background:#f8fafc;color:var(--text);border-color:var(--accent)}.ui-action-menu__list{min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:auto}.ui-action-menu__item{display:block;width:100%;padding:.65rem 1rem;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:.9rem;text-align:left;white-space:nowrap;cursor:pointer;transition:background .15s ease}.ui-action-menu__item:hover:not(:disabled){background:#0f172a0a}.ui-action-menu__item:disabled{color:var(--muted);cursor:not-allowed}.ui-action-menu__item--danger{color:var(--danger)}.ui-action-menu__item--danger:hover:not(:disabled){background:#ef444414}.ui-tabs__scroll{min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.ui-tabs__list{min-width:max-content}.ui-tabs__actions{display:flex;gap:.5rem;margin-left:auto}.ui-tabs__actions .btn{white-space:nowrap}.ui-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:.5rem;box-shadow:var(--shadow)}.ui-tabs .clients-tabs{display:inline-flex;gap:.5rem;background:transparent;border-radius:0;padding:0;border:none}.ui-tabs .clients-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.25rem;border:none;background:transparent;color:var(--muted);font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;gap:.5rem}.ui-tabs .clients-tab:hover:not(.clients-tab--active){color:var(--text);background:#0f172a0a}.ui-tabs .clients-tab--active{color:#0989d2;background:#0989d21f;font-weight:600}.table-pagination{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding:.6rem 0;background:transparent;overflow-x:auto}.table-pagination__count{display:inline-flex;align-items:center;gap:.5rem;margin-right:auto;color:#475569;font-size:.9rem;white-space:nowrap}.table-pagination__count span+span{padding-left:.5rem;border-left:1px solid var(--border);color:var(--muted);font-size:.82rem}.table-pagination__page-size{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.82rem;font-weight:700;white-space:nowrap}.table-pagination__page-size .select{width:74px;min-width:74px}.table-pagination__actions{display:inline-flex;justify-content:flex-end;gap:.5rem;flex:0 0 auto;white-space:nowrap}.table-pagination__actions .btn{min-width:86px;padding-inline:.8rem}@media (max-width: 760px){.table-pagination,.table-pagination__actions{justify-content:flex-start}}.table-container{min-width:0;background:var(--surface);border-radius:20px;border:1px solid var(--border);padding:.5rem 1rem 1rem;box-shadow:var(--shadow)}.clients-table-wrap{background:var(--surface);border-radius:20px;border:1px solid var(--border);padding:2.25rem;box-shadow:var(--shadow)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.75rem .5rem;border-bottom:1px solid var(--border);text-align:left;font-size:.95rem}.data-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.clients-table-wrap .data-table th,.clients-table-wrap .data-table td{padding:.75rem .5rem;border-bottom:1px solid var(--border);text-align:left}.data-table-nowrap{white-space:nowrap}.data-table td.data-table-empty-cell{padding:1.25rem .75rem;text-align:center}.clients-table-wrap .data-table--clients-list th{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.clients-table-wrap .data-table--clients-list td{font-size:.8rem}.clients-table-wrap .data-table th:not(.clients-table-th){font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.clients-table-col-gear{width:40px;min-width:40px;padding:.35rem!important;vertical-align:middle;border-right:1px solid var(--border)}.data-table-secondary{display:block;color:var(--muted);margin-top:.3rem;overflow-wrap:anywhere}.data-table-scroll--matrix{max-height:70vh}.data-table--matrix{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}.data-table--matrix caption{padding-bottom:.75rem;text-align:left}.data-table--matrix thead th{position:sticky;top:0;z-index:1;background:var(--surface)}.clients-table-wrap .data-table--matrix td,.clients-table-wrap .data-table--matrix thead th:not(:first-child){text-align:right;white-space:nowrap}.clients-table-wrap .data-table.data-table--matrix tbody th{text-transform:none;letter-spacing:normal;font-size:.8rem;color:var(--text)}.data-table--matrix th:first-child{position:sticky;left:0;background:var(--surface);text-align:left}.data-table--matrix thead th:first-child{z-index:2}.data-table-total td,.data-table-total th{font-weight:600}.data-table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.data-table th[draggable=true]{-webkit-user-select:none;user-select:none}.data-table th:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.data-table .clients-table-th--drag-over{background:var(--accent-soft);border-left:2px solid var(--accent)}.table-column-settings{position:relative;display:inline-flex;justify-content:flex-end}.table-column-settings--cell{justify-content:center}.table-column-settings__toggle{width:36px;height:36px;border-radius:10px;font-size:16px;line-height:1}.table-column-settings__cell-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s,background .15s}.table-column-settings__cell-toggle:hover{color:var(--accent);background:#0f172a0f}.table-column-settings__menu{width:min(320px,calc(100vw - 2rem));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 22px 48px #0f172a2e}.table-column-settings__menu--cell{width:max-content;min-width:min(220px,calc(100vw - 1rem))}.table-column-settings__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .85rem;border-bottom:1px solid var(--border);color:var(--muted);font-size:.82rem;font-weight:700}.table-column-settings__header button{border:0;background:transparent;color:var(--accent);cursor:pointer;font:inherit;font-weight:700;padding:0}.table-column-settings__list{display:grid;gap:.1rem;min-height:0;max-height:320px;overflow:auto;padding:.45rem}.table-column-settings__item{display:flex;align-items:center;gap:.55rem;border-radius:10px;cursor:pointer;font-size:.88rem;padding:.45rem .5rem}.table-column-settings__item:hover{background:#2f80ed14}.table-column-settings__item input{margin:0}.sidebar{background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;padding:1.75rem 1.5rem;height:100vh;position:sticky;top:0;z-index:30}.sidebar-header{display:flex;justify-content:center;align-items:center;position:relative}.sidebar-brand{display:flex;align-items:center;justify-content:center;width:100%}.brand-mark{width:min(170px,100%);height:54px;border-radius:14px;object-fit:contain;background:#fff;padding:10px 12px;border:1px solid rgba(15,23,42,.08);box-shadow:0 8px 18px #0f172a14}.sidebar-close{display:none;border:none;background:#0f172a14;color:inherit;position:absolute;right:0;top:0;width:34px;height:34px;border-radius:10px;cursor:pointer;transition:background .2s ease}.sidebar-close:hover{background:#0f172a24}.sidebar-nav{flex:1;margin-top:2rem;display:flex;flex-direction:column;gap:.35rem;min-height:0;overflow-y:auto;padding-right:.15rem}.sidebar-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#0f172a80;margin-bottom:.5rem}.sidebar-link,.sidebar-sublink,.sidebar-group{display:flex;align-items:center;justify-content:space-between;padding:.48rem .85rem;border-radius:12px;color:inherit;text-decoration:none;border:none;background:transparent;cursor:pointer;font-size:.95rem;line-height:1.25;font-family:inherit;transition:background .2s ease,transform .2s ease}.sidebar-link:hover,.sidebar-sublink:hover,.sidebar-group:hover{background:#0f172a0f;transform:translate(2px)}.sidebar-link.active,.sidebar-group.active,.sidebar-sublink.active{background:#0989d21f;color:#0989d2;font-weight:600}.sidebar-group-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem;align-items:center}.sidebar-direct-link{width:100%;min-width:0}.sidebar-toggle{width:34px;height:34px;border:none;border-radius:10px;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:#0f172a0f}.sidebar-task-badge{min-width:22px;height:22px;border-radius:999px;background:#d92d20;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;line-height:1;font-weight:700;padding:0 6px;margin-left:.75rem}.sidebar-caret{transition:transform .2s ease;font-size:.8rem;opacity:.7;margin-left:.75rem}.sidebar-caret.open{transform:rotate(180deg)}.sidebar-submenu{display:grid;gap:.22rem;margin-top:.22rem;padding-left:.75rem;max-height:0;overflow:hidden;transition:max-height .3s ease}.sidebar-submenu.open{max-height:360px;overflow-y:auto}.sidebar-sublink{font-size:.9rem;padding:.34rem .75rem}.sidebar-empty{padding:.75rem .85rem;border-radius:12px;background:#0f172a0d;color:#0f172a9e;font-size:.9rem}.sidebar-footer{margin-top:auto;padding-top:1.25rem;border-top:1px solid rgba(15,23,42,.08);display:grid;gap:.85rem}.sidebar-profile{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:inherit;text-decoration:none;position:relative}.sidebar-profile-link{display:flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none;min-width:0}.sidebar-avatar{width:42px;height:42px;border-radius:14px;background:#0f172a14;display:flex;align-items:center;justify-content:center;font-weight:600;overflow:hidden}.sidebar-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-name{font-weight:600;word-break:break-word}.sidebar-meta{font-size:.75rem;color:#0f172a8c}.sidebar-notifications{position:relative;display:flex;align-items:center}.sidebar-notifications-button{position:relative;border:1px solid rgba(15,23,42,.12);background:#0f172a0a;width:38px;height:38px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease}.sidebar-notifications-button:hover{background:#0f172a14;border-color:#0f172a33}.sidebar-notifications-button svg{width:20px;height:20px;fill:currentColor}.sidebar-notifications-badge{position:absolute;top:-5px;right:-6px;min-width:20px;height:20px;border-radius:999px;background:#d92d20;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;line-height:1;font-weight:700;padding:0 5px}.sidebar-notifications-dropdown{position:absolute;left:calc(100% + 12px);right:auto;bottom:0;width:min(360px,calc(100vw - 48px));background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:12px;box-shadow:0 16px 28px #0f172a2e;z-index:60}.sidebar-notifications-head{display:flex;align-items:center;justify-content:space-between;padding:.7rem .85rem;border-bottom:1px solid rgba(15,23,42,.08);gap:.75rem}.sidebar-notifications-title{font-weight:700;font-size:.92rem}.sidebar-notifications-readall{border:none;background:transparent;color:#0989d2;cursor:pointer;font-size:.78rem;font-weight:600;padding:0}.sidebar-notifications-readall:disabled{color:#0f172a73;cursor:default}.sidebar-notifications-state{padding:.95rem .85rem;font-size:.84rem;color:#0f172ab3}.sidebar-notifications-state-error{color:#b42318}.sidebar-notifications-list{max-height:300px;overflow-y:auto}.sidebar-notification-item{width:100%;text-align:left;background:transparent;border-bottom:1px solid rgba(15,23,42,.06);padding:.65rem .85rem}.sidebar-notification-item:hover{background:#0f172a0a}.sidebar-notification-item.unread{background:#0989d212}.sidebar-notification-row{display:flex;align-items:center;justify-content:flex-end}.sidebar-notification-date{font-size:.74rem;color:#0f172a9e}.sidebar-notification-title{margin-top:.32rem;font-size:.84rem;font-weight:700}.sidebar-notification-message{margin-top:.25rem;font-size:.8rem;color:#0f172ac7;line-height:1.25}.sidebar-notification-link{margin-top:.2rem;border:none;background:transparent;color:#0b65d8;font-size:.84rem;font-weight:700;cursor:pointer;padding:0;text-decoration:none}.sidebar-logout{border:none;background:#0f172a14;color:inherit;padding:.5rem .75rem;border-radius:10px;cursor:pointer;transition:background .2s ease}.sidebar-logout:hover{background:#0f172a29}.sidebar-overlay{display:none}@media (max-width: 1100px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translate(-110%);transition:transform .3s ease;z-index:20}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0509108c;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:15}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.sidebar-close{display:inline-flex;align-items:center;justify-content:center}.sidebar-notifications-dropdown{left:auto;right:0;bottom:calc(100% + 10px);width:min(320px,calc(100vw - 32px));max-height:min(70vh,420px)}.sidebar-notifications-list{max-height:min(56vh,320px)}}.sidebar-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border:none;background:none;font:inherit;text-align:left;cursor:pointer}.sidebar-group-chevron{flex-shrink:0;transition:transform .15s ease}.sidebar-procurement-badge{flex-shrink:0;min-width:22px;min-height:22px;padding:2px 6px;margin-left:auto;border-radius:999px;background:#0989d2;color:#fff;font-size:.75rem;line-height:1.2;font-weight:700;text-align:center}.sidebar-group-chevron--open{transform:rotate(180deg)}.sidebar-group-items{display:flex;flex-direction:column}.sidebar-group-item{padding-left:1.75rem;font-size:.88rem;white-space:nowrap}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;background:var(--app-bg)}.app-content{display:flex;flex-direction:column;min-height:100vh;min-width:0;position:relative;overflow:clip}.role-preview-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:58px;padding:.65rem 1.25rem;border-bottom:1px solid #e7c77d;background:#fff8e8;color:#5f4514;flex-shrink:0}.role-preview-banner__text{display:flex;align-items:baseline;gap:.75rem;min-width:0}.role-preview-banner__text strong{white-space:nowrap}.role-preview-banner__text span{color:#725c31;font-size:.88rem}.role-preview-banner__exit{flex-shrink:0;padding:.5rem .8rem;border:1px solid #c99d3f;border-radius:10px;background:#fff;color:#5f4514;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.role-preview-banner__exit:hover{background:#fffdf7}.burger-trigger{display:none;position:fixed;top:1rem;left:1rem;z-index:10;width:44px;height:44px;padding:0;border:none;border-radius:12px;background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:background .2s ease,transform .2s ease}.burger-trigger:hover{background:var(--sidebar-accent)}.burger-trigger:active{transform:scale(.98)}.burger-line{display:block;width:20px;height:2px;border-radius:1px;background:var(--sidebar-text);transition:transform .2s ease,opacity .2s ease}.page{flex:1;min-width:0;overflow:clip;display:flex;flex-direction:column;padding:2.5rem 2.5rem 3.5rem}.page--tasks{padding:0}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.burger-trigger{display:flex}.app-shell--role-preview .burger-trigger{top:5.25rem}.page{padding:4rem 1.5rem 3rem}}@media (max-width: 720px){.role-preview-banner{align-items:flex-start;padding:.7rem 1rem}.role-preview-banner__text{align-items:flex-start;flex-direction:column;gap:.1rem}.role-preview-banner__text span{display:none}.page{padding:4rem 1.1rem 2.5rem}}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#fef9f5,#f2f4f9 55%,#eef1f7);padding:2rem 1.5rem}.login-card{width:min(420px,100%);background:var(--surface);border-radius:24px;padding:2.5rem 2.25rem;border:1px solid var(--border);box-shadow:var(--shadow)}.login-header{display:grid;gap:.5rem;margin-bottom:1.75rem;justify-items:center}.login-logo{width:min(240px,100%);height:88px;border-radius:18px;background:#fff;padding:16px 18px;border:1px solid var(--border);box-shadow:var(--shadow);object-fit:contain}.login-form{display:grid;gap:1rem}.login-field{display:grid;gap:.4rem;font-size:.9rem}.login-error{background:#ef44441a;color:var(--danger);padding:.5rem .75rem;border-radius:10px;font-size:.85rem}.login-btn{cursor:pointer;min-height:44px;margin-top:.25rem}.login-btn:disabled{opacity:.8;cursor:wait}.section-tabs-bar{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.section-tabs-list{min-width:max-content}.section-tabs-bar{display:flex;margin-bottom:1.5rem;padding:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:16px}.section-tabs-list{display:inline-flex;gap:.5rem}.section-tabs-list .clients-tab{display:inline-flex;align-items:center;padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;color:var(--muted);text-decoration:none;white-space:nowrap}.section-tabs-list .clients-tab--active{color:var(--accent);background:var(--accent-soft);font-weight:600}.section-tabs-list .clients-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0d1018;background-color:#f4f5f8;--font-display: "Manrope", sans-serif;--app-bg: #f5f6f9;--surface: #ffffff;--border: #e6e9ef;--muted: #6b7280;--sidebar: #ffffff;--sidebar-text: #111827;--sidebar-accent: #eef2f7;--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .12);--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--shadow: 0 18px 45px rgba(17, 24, 39, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--app-bg)}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.page-title{font-family:var(--font-display);font-size:1.5rem;margin:0 0 .5rem}.page-subtitle{color:var(--muted);margin:0 0 2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow)}.card-title{margin:0 0 1rem;font-size:1.05rem;font-weight:600}.btn{border:none;background:var(--accent);color:#fff;padding:.65rem 1.1rem;border-radius:12px;cursor:pointer;font-size:1rem;line-height:1.5;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.btn-sm{font-size:.85rem;padding:.35rem .6rem}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #2563eb40}.btn:disabled{opacity:.5;cursor:not-allowed}.link-button{padding:0;border:0;background:none;font:inherit;color:var(--primary, #2563eb);text-decoration:none;cursor:pointer}.btn-secondary{background:#e5e7eb;color:#111827}.btn-ghost{background:transparent;color:var(--accent)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{box-shadow:0 10px 20px #ef444440}.input,.select,.textarea{font:inherit;width:100%;min-width:0;border-radius:12px;border:1px solid var(--border);padding:.6rem .75rem;background:#fff}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.45rem;background:#fff url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%2364748B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat calc(100% - .85rem) 50% / 1.25rem 1.25rem;transition:border-color .2s ease,box-shadow .2s ease}.input[type=color]{width:4rem;height:2.5rem;padding:.25rem;cursor:pointer}.input::-webkit-datetime-edit-fields-wrapper{padding:0}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.input:disabled,.input[readonly],.select:disabled,.textarea:disabled,.textarea[readonly]{background:var(--surface-muted, #f5f6f8);color:#4b5563;cursor:default}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger, #dc2626);background:var(--danger-soft, #fef2f2)}.form-grid{display:grid;gap:1rem}.badge{display:inline-flex;align-items:center;white-space:nowrap;gap:.4rem;padding:.2rem .6rem;border-radius:999px;background:#f3f4f6;font-size:.75rem;font-weight:600;color:#111827}.badge.success{background:#10b98126;color:var(--success)}.badge.warning{background:#f59e0b2e;color:var(--warning)}.badge.muted{background:#6b72802e;color:#4b5563}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{padding:.8rem .6rem;border-bottom:1px solid var(--border);text-align:left}.table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.table tbody tr:hover{background:#f8fafc}.loading-screen{min-height:100vh;display:grid;place-items:center;background:var(--app-bg)}.loading-spinner{width:48px;height:48px;border-radius:50%;border:4px solid #e5e7eb;border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-loader{background-color:#0000001c;border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out .5s infinite}@media (prefers-color-scheme: dark){.skeleton-loader{background-color:#ffffff1a}}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}