html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}:root{--bg-app: #f8fafc;--bg-sidebar: #f5f5f5;--bg-sidebar-header: transparent;--border-sidebar: #e2e8f0;--text-primary: #111827;--text-secondary: #6b7280;--text-link: #374151;--link-hover-bg: #d8e2ee;--link-hover-color: #07111d;--bg-close-btn: #fff;--border-close-btn: #d1d5db;--color-close-btn: #374151;--bg-table-header: #f9fafb;--bg-content: transparent;--topbar-bg: rgba(255, 255, 255, .94);--topbar-border: #e5e7eb;--topbar-btn-bg: #fff;--topbar-btn-border: #d1d5db;--topbar-btn-color: #111827;--user-email-color: #6b7280;--logout-bg: none;--logout-border: #d1d5db;--logout-color: #374151;--logout-hover-bg: #fee2e2;--logout-hover-border: #fca5a5;--logout-hover-color: #dc2626;--sublink-color: #4b5563;--sublink-hover-bg: #e8f0f8;--sublink-active-bg: #e0f2fe;--sublink-active-color: #0369a1;--group-btn-color: #374151}[data-theme=dark]{--bg-app: #111111;--bg-sidebar: #1a1a1a;--border-sidebar: #2d2d2d;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-link: #d1d5db;--link-hover-bg: #252525;--link-hover-color: #f9fafb;--bg-close-btn: #2a2a2a;--border-close-btn: #3a3a3a;--color-close-btn: #d1d5db;--bg-table-header: #1f1f1f;--bg-content: transparent;--topbar-bg: rgba(17, 17, 17, .96);--topbar-border: #2d2d2d;--topbar-btn-bg: #1f1f1f;--topbar-btn-border: #3a3a3a;--topbar-btn-color: #f3f4f6;--user-email-color: #9ca3af;--logout-bg: none;--logout-border: #3a3a3a;--logout-color: #d1d5db;--logout-hover-bg: #2d1515;--logout-hover-border: #7f1d1d;--logout-hover-color: #f87171;--sublink-color: #9ca3af;--sublink-hover-bg: #252525;--sublink-active-bg: #1e3a4a;--sublink-active-color: #38bdf8;--group-btn-color: #d1d5db}.app-container{display:flex;min-height:100dvh;height:100dvh;overflow:hidden;background:var(--bg-app)}.app-container--compact{display:block;height:auto;overflow:visible}.sidebar{width:240px;background:var(--bg-sidebar);border-right:1px solid var(--border-sidebar);display:flex;flex-direction:column;font-size:.8rem;flex-shrink:0;z-index:30}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-sidebar)}.sidebar-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sidebar-header h1{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.sidebar-subtitle{font-size:.72rem;color:var(--text-secondary);margin:0}.sidebar-close-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border-close-btn);border-radius:999px;background:var(--bg-close-btn);color:var(--color-close-btn);cursor:pointer}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:6px;color:var(--text-link);text-decoration:none;font-weight:500;transition:background .15s,color .15s}.sidebar-link:hover{background:var(--link-hover-bg);color:var(--link-hover-color)}.sidebar-link--active{background:linear-gradient(135deg,#008195,#00a8c0);color:#fff}.sidebar-link--active:hover{background:linear-gradient(135deg,#007080,#0096ad);color:#fff}.sidebar-link--locked{cursor:default;opacity:.45;pointer-events:none}.sidebar-group-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;border-radius:6px;border:none;background:none;color:var(--group-btn-color);font-size:.8rem;font-weight:500;cursor:pointer;text-align:left;transition:background .15s}.sidebar-group-btn:hover{background:var(--link-hover-bg);color:var(--link-hover-color)}.sidebar-submenu{display:flex;flex-direction:column;gap:1px;padding-left:12px;margin-top:2px}.sidebar-sublink{display:block;padding:7px 12px;border-radius:5px;color:var(--sublink-color);text-decoration:none;font-size:.77rem;transition:background .15s,color .15s;border-left:2px solid transparent}.sidebar-sublink:hover{background:var(--sublink-hover-bg);color:var(--link-hover-color)}.sidebar-sublink--active{background:var(--sublink-active-bg);color:var(--sublink-active-color);border-left-color:#00a8c0;font-weight:600}.sidebar-footer{padding:14px 16px;border-top:1px solid var(--border-sidebar)}.sidebar-footer-actions{display:flex;align-items:center;gap:8px}.sidebar-user{margin-bottom:10px}.sidebar-user-email{font-size:.72rem;color:var(--user-email-color);word-break:break-all}.sidebar-logout{display:flex;align-items:center;gap:6px;flex:1;padding:7px 10px;background:var(--logout-bg);border:1px solid var(--logout-border);border-radius:6px;color:var(--logout-color);font-size:.78rem;cursor:pointer;transition:background .15s}.sidebar-logout:hover{background:var(--logout-hover-bg);border-color:var(--logout-hover-border);color:var(--logout-hover-color)}.sidebar-theme-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border:1px solid var(--logout-border);border-radius:6px;background:var(--logout-bg);color:var(--logout-color);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.sidebar-theme-btn:hover{background:var(--link-hover-bg);border-color:#00a8c0;color:#00a8c0}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.content{flex:1;padding:30px;overflow-y:auto;min-width:0}.mobile-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-menu-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--topbar-btn-border);border-radius:12px;background:var(--topbar-btn-bg);color:var(--topbar-btn-color);cursor:pointer;flex-shrink:0}.mobile-topbar-copy{display:flex;flex-direction:column;min-width:0}.mobile-topbar-eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#00a8c0}.mobile-topbar-title{font-size:.98rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;border:none;background:#0f172a5c;z-index:25}@media(max-width:1023px){.sidebar--drawer{position:fixed;top:0;left:0;bottom:0;width:min(320px,calc(100vw - 52px));max-width:100%;height:100dvh;transform:translate(-100%);transition:transform .24s ease;box-shadow:0 24px 60px #0f172a38}.sidebar--open{transform:translate(0)}.main-content{min-height:calc(100dvh - 65px)}.content{padding:24px 20px 28px}}@media(max-width:767px){.content{padding:18px 14px 24px}}:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}:root{--ds-label-color: #4b5563;--ds-field-border: #d1d5db;--ds-field-bg: #fafafa;--ds-field-bg-focus: #fff;--ds-field-color: #111827;--ds-hint-color: #9ca3af;--ds-btn-muted-bg: #fff;--ds-btn-muted-border: #d1d5db;--ds-btn-muted-color: #4b5563;--ds-error-bg: #fee2e2;--ds-error-border: #fca5a5;--ds-error-color: #b91c1c;--ds-table-title-color: #111827;--ds-table-sub-color: #64748b;--bm-table-shell-bg: #fff;--bm-table-shell-border: #e5e7eb;--bm-table-header-bg: #f9fafb;--bm-table-th-color: #4b5563;--bm-table-td-color: #111827;--bm-table-empty-color: #6b7280;--bm-pagination-bg: #fafafa;--bm-pagination-border: #e5e7eb;--bm-pagination-meta-color: #666;--bm-pagination-btn-bg: #fff;--bm-pagination-btn-border: #ddd;--bm-pagination-btn-color: #333;--ds-mobile-card-bg: #fff;--ds-mobile-card-border: #e2e8f0;--ds-mobile-card-name-color: #111827;--ds-mobile-label-color: #9ca3af;--ds-mobile-value-color: #111827;--ds-mobile-footer-border: #f1f5f9;--ds-mobile-action-bg: #fff}[data-theme=dark]{--ds-label-color: #9ca3af;--ds-field-border: #3a3a3a;--ds-field-bg: #1f1f1f;--ds-field-bg-focus: #252525;--ds-field-color: #f3f4f6;--ds-hint-color: #6b7280;--ds-btn-muted-bg: #1f1f1f;--ds-btn-muted-border: #3a3a3a;--ds-btn-muted-color: #d1d5db;--ds-error-bg: #2d1515;--ds-error-border: #7f1d1d;--ds-error-color: #f87171;--ds-table-title-color: #f3f4f6;--ds-table-sub-color: #9ca3af;--bm-table-shell-bg: #1a1a1a;--bm-table-shell-border: #2d2d2d;--bm-table-header-bg: #1f1f1f;--bm-table-th-color: #9ca3af;--bm-table-td-color: #e5e7eb;--bm-table-empty-color: #9ca3af;--bm-pagination-bg: #1f1f1f;--bm-pagination-border: #2d2d2d;--bm-pagination-meta-color: #9ca3af;--bm-pagination-btn-bg: #252525;--bm-pagination-btn-border: #3a3a3a;--bm-pagination-btn-color: #d1d5db;--ds-mobile-card-bg: #1a1a1a;--ds-mobile-card-border: #2d2d2d;--ds-mobile-card-name-color: #f3f4f6;--ds-mobile-label-color: #6b7280;--ds-mobile-value-color: #e5e7eb;--ds-mobile-footer-border: #2a2a2a;--ds-mobile-action-bg: #1f1f1f}.ds-field-label-compact{display:block;margin-bottom:4px;font-weight:500;font-size:.72rem;color:var(--ds-label-color)}.ds-field-control-compact{width:100%;padding:8px 10px;border-radius:6px;border:1px solid var(--ds-field-border);font-size:.85rem;background:var(--ds-field-bg);color:var(--ds-field-color);box-sizing:border-box}.ds-field-control-compact:focus{outline:none;border-color:#00a8c0;box-shadow:0 0 0 3px #00a8c01f;background:var(--ds-field-bg-focus)}.ds-field-control-compact--textarea{resize:vertical}.ds-field-required{color:#ef4444}.ds-field-hint{display:block;font-size:.68rem;color:var(--ds-hint-color);margin-top:3px}.ds-form-grid{display:grid;gap:14px;margin-bottom:14px}.ds-form-grid--2col{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-form-grid--3col{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-form-grid--4col{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:960px){.ds-form-grid--3col,.ds-form-grid--4col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ds-form-grid--2col,.ds-form-grid--3col{grid-template-columns:1fr}}.ds-form-actions{display:flex;gap:8px;justify-content:flex-end;width:100%}@media(max-width:767px){.ds-form-actions{flex-direction:column-reverse}.ds-form-actions>*{width:100%}}.ds-btn-muted{padding:8px 14px;border-radius:6px;border:1px solid var(--ds-btn-muted-border);background:var(--ds-btn-muted-bg);color:var(--ds-btn-muted-color);cursor:pointer;font-size:.82rem;font-weight:500}.ds-btn-primary{padding:8px 16px;border-radius:6px;border:none;background:linear-gradient(135deg,#008195,#00a8c0);color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.ds-btn-primary:disabled,.ds-btn-muted:disabled{opacity:.6;cursor:not-allowed}.ds-form-error-banner{margin-bottom:14px;background:var(--ds-error-bg);border:1px solid var(--ds-error-border);color:var(--ds-error-color);padding:10px 12px;border-radius:6px;font-size:.78rem}.ds-table-title{font-weight:700;color:var(--ds-table-title-color)}.ds-table-sub{color:var(--ds-table-sub-color);font-size:.72rem;line-height:1.45}.ds-table-sub--danger{color:#dc2626}.ds-table-text-center{text-align:center}.ds-table-text-right{text-align:right}.ds-table-value-mono{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,Fira Code,IBM Plex Mono,monospace}.ds-table-value-mono--success{color:#0f766e;font-weight:700}.ds-table-value-mono--danger{color:#b91c1c;font-weight:700}.ds-cf-mobile-list{padding:10px;display:flex;flex-direction:column;gap:10px}.ds-cf-mobile-card{border:1px solid var(--ds-mobile-card-border);border-radius:10px;background:var(--ds-mobile-card-bg);padding:12px;display:flex;flex-direction:column;gap:10px}.ds-cf-mobile-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ds-cf-mobile-card-name{font-size:.82rem;font-weight:700;color:var(--ds-mobile-card-name-color)}.ds-cf-mobile-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.ds-cf-mobile-label{margin-bottom:2px;font-size:.62rem;color:var(--ds-mobile-label-color);text-transform:uppercase;letter-spacing:.03em}.ds-cf-mobile-value{font-size:.75rem;color:var(--ds-mobile-value-color);font-weight:500;line-height:1.45}.ds-cf-mobile-value--money{color:#0f766e;font-weight:700}.ds-cf-mobile-card-footer{display:flex;gap:6px;border-top:1px solid var(--ds-mobile-footer-border);padding-top:8px}.ds-cf-mobile-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border-radius:6px;border:1px solid;font-size:.72rem;font-weight:600;cursor:pointer;background:#fff}.ds-cf-mobile-action-btn:disabled{opacity:.45;cursor:not-allowed}.ds-cf-mobile-action-btn--edit{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.ds-cf-mobile-action-btn--delete{flex:0 0 auto;padding:6px 10px;background:#fef2f2;border-color:#fecaca;color:#dc2626}.bm-table-shell{border:1px solid var(--bm-table-shell-border);border-radius:10px;overflow:hidden;background:var(--bm-table-shell-bg)}.bm-table-scroll{overflow-x:auto}.bm-table{width:100%;border-collapse:collapse;font-size:.78rem}.bm-table thead tr{background:var(--bm-table-header-bg)}.bm-table-th{padding:10px 12px;text-align:left;border-bottom:1px solid var(--bm-table-shell-border);color:var(--bm-table-th-color);font-weight:700;white-space:nowrap}.bm-table-td{padding:10px 12px;color:var(--bm-table-td-color);vertical-align:middle}.bm-table-empty{padding:24px 12px;color:var(--bm-table-empty-color);text-align:center}.bm-table-cell-stack{display:flex;flex-direction:column;gap:3px}.bm-pagination{padding:10px 12px;border-top:1px solid var(--bm-pagination-border);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;background:var(--bm-pagination-bg)}.bm-pagination-meta{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--bm-pagination-meta-color)}.bm-pagination-nav{display:flex;gap:4px}.bm-pagination-btn{padding:5px 9px;border-radius:4px;border:1px solid var(--bm-pagination-btn-border);background:var(--bm-pagination-btn-bg);color:var(--bm-pagination-btn-color);cursor:pointer;font-size:.72rem}.bm-pagination-btn:disabled{opacity:.5;cursor:not-allowed}