@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.navbar{background-color:var(--color-sidebar-bg);border-bottom:1px solid var(--color-sidebar-border);padding:0 var(--spacing-6);height:var(--navbar-height);position:sticky;top:0;z-index:100;display:flex;align-items:center}.navbar-container{max-width:var(--max-content-width);margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;transition:opacity var(--transition)}.navbar-logo:hover{opacity:.9}.navbar-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary),#0550ae);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.navbar-logo-text{font-size:18px;font-weight:600;color:var(--color-sidebar-text-active);letter-spacing:-.01em}.navbar-menu{display:flex;gap:var(--spacing-6);align-items:center}.navbar-link{color:var(--color-sidebar-text);font-weight:500;font-size:14px;text-decoration:none;transition:color var(--transition);position:relative}.navbar-link:hover{color:var(--color-sidebar-text-hover)}.navbar-link-active{color:var(--color-sidebar-text-active)}.navbar-link-active:after{content:"";position:absolute;bottom:-20px;left:0;right:0;height:2px;background-color:var(--color-primary)}.navbar-user-menu{display:flex;align-items:center;gap:var(--spacing-3)}.navbar-user-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--color-sidebar-text);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition)}.navbar-user-button:hover{background-color:var(--color-sidebar-hover);color:var(--color-sidebar-text-hover);border-color:var(--color-sidebar-border)}.navbar-divider{width:1px;height:20px;background-color:var(--color-sidebar-border)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background-color:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);display:flex;flex-direction:column;z-index:50}.sidebar-portal-inspector,.sidebar-portal-contractor,.sidebar-portal-municipality,.sidebar-portal-site_admin{background-color:var(--color-sidebar-bg)}.sidebar-header{padding:20px 16px;border-bottom:1px solid var(--color-sidebar-border);background:var(--color-surface)}.sidebar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;height:100%;width:100%}.sidebar-logo-image{width:100%;height:100%;max-height:clamp(80px,15vh,140px);object-fit:contain;filter:grayscale(0%) brightness(.95) contrast(1.05);opacity:.95}.sidebar-logo-icon{width:32px;height:32px;background:var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #a12e2a33}.sidebar-logo-text{font-size:17px;font-weight:700;color:#1a1a1a;letter-spacing:-.02em}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar-nav-group{margin-bottom:24px}.sidebar-nav-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999;padding:8px 12px;margin-bottom:4px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:8px;color:var(--color-sidebar-text);font-size:14px;font-weight:500;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);margin-bottom:4px}.sidebar-nav-item:hover{background-color:var(--color-sidebar-hover);color:var(--color-sidebar-text-hover)}.sidebar-nav-item-active{background-color:var(--color-sidebar-active);color:var(--color-sidebar-text-active)}.sidebar-nav-item-active:hover{background-color:var(--color-sidebar-active)}.sidebar-nav-icon{width:20px;height:20px;flex-shrink:0}.sidebar-footer{padding:16px;border-top:1px solid #e5e7eb}.sidebar-user{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.sidebar-user:hover{background-color:#fff}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:14px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:12px;color:#666;text-transform:capitalize}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s ease-in-out;box-shadow:2px 0 8px #0000001a}.sidebar.sidebar-open{transform:translate(0)}.sidebar-toggle{position:fixed;top:12px;left:12px;z-index:60;width:40px;height:40px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:40;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.sidebar-overlay.sidebar-overlay-visible{opacity:1;pointer-events:auto}}@media(min-width:769px){.sidebar-toggle,.sidebar-overlay{display:none}}.dashboard-layout{min-height:100vh;background-color:var(--color-background)}.dashboard-content{margin-left:var(--sidebar-width);min-height:100vh}.dashboard-main{padding:var(--spacing-8);width:100%}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}@media(max-width:768px){.dashboard-content{margin-left:0;padding-top:60px}.dashboard-main{padding:var(--spacing-4)}.stat-grid{grid-template-columns:1fr;gap:var(--spacing-4)}}:root{--color-bg-base: #F5F3EF;--color-bg-surface: #ffffff;--color-bg-hover: #EBE9E4;--color-bg-active: #E5E2DC;--color-primary: #A12E2A;--color-primary-hover: #8A2623;--color-primary-light: #F5E8E7;--color-text-primary: #2F2F2F;--color-text-secondary: #58595B;--color-text-tertiary: #737373;--color-border: #E5E2DC;--color-border-light: #EBE9E4;--color-success: #5E8D6A;--color-success-light: #E8F1EA;--color-warning: #C2A15A;--color-warning-light: #F8F3E9;--color-error: #B14A3F;--color-error-light: #F5EAE8;--color-info: #6C7A89;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .16);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-base);color:var(--color-text-primary);font-size:15px;line-height:1.5}.modern-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:24px;flex-wrap:wrap;gap:16px}.modern-page-header-left{flex:1}.modern-page-title{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0 0 4px;letter-spacing:-.02em}.modern-page-subtitle{font-size:14px;color:var(--color-text-secondary);margin:0;font-weight:400}.modern-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.modern-search-wrapper{position:relative;flex:1;min-width:240px;max-width:400px}.modern-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.modern-input{width:100%;height:40px;padding:0 12px 0 40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:14px;font-weight:400;transition:all var(--transition-fast);outline:none}.modern-input:hover{border-color:var(--ds-color-slate-300)}.modern-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f7ff71a;background:#fff}.modern-input::placeholder{color:var(--color-text-tertiary)}.modern-select{height:40px;padding:0 32px 0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.modern-select:hover{border-color:var(--ds-color-slate-300);background:#fff}.modern-select:active{border-color:var(--color-primary)}.modern-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f7ff71a}.modern-button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;outline:none;line-height:1}.modern-button-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.modern-button-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.modern-button-primary:active{transform:translateY(0)}.modern-button-secondary{background:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.modern-button-secondary:hover{background:var(--color-bg-hover);border-color:var(--ds-color-slate-300);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.modern-button-secondary:active{transform:translateY(0)}.modern-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.modern-button-icon{padding:0;width:40px;height:40px;justify-content:center}.modern-button-group{display:flex;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-surface)}.modern-button-group .modern-button{border-radius:0;border:none;border-right:1px solid var(--color-border)}.modern-button-group .modern-button:last-child{border-right:none}.modern-button-group .modern-button.active{background:var(--color-primary-light);color:var(--color-primary)}.modern-card{background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:20px;transition:all var(--transition-base);box-shadow:var(--shadow-sm);animation:fadeIn .3s ease-out}.modern-card:hover{box-shadow:var(--shadow-md)}.modern-card-clickable{cursor:pointer}.modern-card-clickable:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f;border-color:var(--ds-color-slate-300)}.modern-card-clickable:active{transform:translateY(-2px);box-shadow:var(--shadow-md)}.modern-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.modern-avatar{flex-shrink:0;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;text-transform:uppercase}.modern-card-content{flex:1;min-width:0}.modern-card-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px;display:flex;align-items:center;gap:8px}.modern-card-subtitle{font-size:14px;color:var(--color-text-secondary);margin:0 0 8px}.modern-card-meta{display:flex;flex-direction:column;gap:4px}.modern-card-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-tertiary)}.modern-card-stats{display:flex;gap:16px;padding-top:12px;margin-top:12px;border-top:1px solid var(--color-border-light)}.modern-stat{display:flex;align-items:center;gap:6px}.modern-stat-icon{color:var(--color-text-tertiary)}.modern-stat-value{font-size:13px;font-weight:600;color:var(--color-text-primary)}.modern-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;line-height:1}.modern-badge-success{background:var(--color-success-light);color:var(--color-success)}.modern-badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.modern-badge-error{background:var(--color-error-light);color:var(--color-error)}.modern-badge-dot{width:6px;height:6px;border-radius:50%}.modern-grid{display:grid;gap:16px}.modern-grid-2{grid-template-columns:repeat(2,1fr)}.modern-grid-3{grid-template-columns:repeat(3,1fr)}.modern-grid-auto{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}@media(max-width:1200px){.modern-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.modern-grid-2,.modern-grid-3,.modern-grid-auto{grid-template-columns:1fr}.modern-toolbar{flex-direction:column;align-items:stretch}.modern-search-wrapper{max-width:none}.modern-divider{display:none}.modern-page-title{font-size:22px}.modern-button-group{width:100%;justify-content:space-between}}.modern-divider{height:24px;width:1px;background:var(--color-border);margin:0 4px}.modern-loading{display:flex;align-items:center;justify-content:center;padding:80px 24px;color:var(--color-text-secondary);font-size:14px}.modern-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.modern-empty-state-icon{width:64px;height:64px;margin-bottom:16px;color:var(--color-text-tertiary)}.modern-empty-state-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.modern-empty-state-description{font-size:14px;color:var(--color-text-secondary);margin:0 0 24px;max-width:400px}.modern-divider{width:1px;height:32px;background:var(--color-border);margin:0 4px}.modern-tooltip{position:relative}.modern-tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 12px;background:var(--ds-color-slate-900);color:#fff;font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:1000;animation:fadeIn .2s ease-out}.modern-button-group .modern-button:hover{background:var(--ds-color-slate-100);z-index:1}.modern-grid{animation:fadeIn .4s ease-out}.modern-grid>*{animation:scaleIn .3s ease-out;animation-fill-mode:both}.modern-grid>*:nth-child(1){animation-delay:.05s}.modern-grid>*:nth-child(2){animation-delay:.1s}.modern-grid>*:nth-child(3){animation-delay:.15s}.modern-grid>*:nth-child(4){animation-delay:.2s}.modern-grid>*:nth-child(5){animation-delay:.25s}.modern-grid>*:nth-child(6){animation-delay:.3s}.modern-table-container{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;animation:fadeIn .3s ease-out}.modern-table{width:100%;border-collapse:collapse}.modern-table thead{background:var(--color-bg-base);border-bottom:2px solid var(--color-border)}.modern-table thead th{padding:16px 20px;text-align:left;font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.modern-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast)}.modern-table tbody tr:last-child{border-bottom:none}.modern-table tbody td{padding:16px 20px;color:var(--color-text-primary)}.modern-table-row-clickable{cursor:pointer}.modern-table-row-clickable:hover{background-color:var(--color-bg-hover)}.modern-table-row-clickable:active{background-color:var(--color-bg-active)}@media(prefers-reduced-motion:reduce){.modern-grid>*{animation:none}.modern-card,.modern-table-container{animation:none}}@keyframes lv-bulk-slide{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.lv-filter-bar{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;background:#fafaf8;border-bottom:1px solid #F0EDE8}.lv-tabs{display:flex;align-items:center;gap:1px}.lv-tab{display:flex;align-items:center;gap:6px;padding:0 11px;height:32px;background:transparent;border:none;cursor:pointer;font-family:"IBM Plex Sans",var(--font-sans);font-size:12.5px;font-weight:500;color:#78716c;border-radius:6px;white-space:nowrap;transition:color .12s,background .12s;letter-spacing:.01em}.lv-tab:hover{color:#44403c;background:#edebe6}.lv-tab.active{color:#1c1917;background:#fff;box-shadow:0 1px 2px #00000012,0 0 0 1px #00000012}.lv-tab-badge{font-size:10px;font-weight:700;line-height:1;border-radius:10px;padding:2px 5px;transition:all .15s}.lv-tab-badge-alert{background:#fef3c7;color:#d97706}.lv-tab.active .lv-tab-badge-alert{background:#d97706;color:#fff}.lv-tab-badge-neutral{background:#f0ede8;color:#78716c}.lv-tab.active .lv-tab-badge-neutral{background:#e5e2dc;color:#44403c}.lv-sort-strip{display:flex;align-items:center;gap:1px;padding-right:4px}.lv-sort-label{font-size:10px;font-weight:600;color:#c4bdb5;letter-spacing:.07em;text-transform:uppercase;margin-right:6px}.lv-sort-btn{display:flex;align-items:center;gap:4px;height:26px;padding:0 8px;background:transparent;border:none;cursor:pointer;font-family:"IBM Plex Sans",var(--font-sans);font-size:11.5px;font-weight:500;color:#a8a29e;border-radius:5px;transition:color .1s,background .1s;letter-spacing:.02em}.lv-sort-btn:hover{color:#57534e;background:#ede9e3}.lv-sort-btn.active{color:#1c1917;font-weight:600}.lv-sort-arrows{display:flex;flex-direction:column;gap:1px}.lv-bulk-outer{overflow:hidden;transition:height .2s cubic-bezier(.4,0,.2,1)}.lv-bulk-bar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:44px;background:#1c1917}.lv-bulk-bar.animating{animation:lv-bulk-slide .18s ease}.lv-bulk-count{font-size:13px;font-weight:500;color:#d6d3d1}.lv-bulk-count strong{font-family:"IBM Plex Mono",var(--font-mono);font-size:13px;color:#fff;margin-right:4px}.lv-bulk-actions{display:flex;align-items:center;gap:5px}.lv-bulk-btn{display:flex;align-items:center;gap:5px;height:27px;padding:0 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.13);border-radius:5px;cursor:pointer;font-family:"IBM Plex Sans",var(--font-sans);font-size:12px;font-weight:500;color:#fff;transition:background .1s;letter-spacing:.01em}.lv-bulk-btn:hover{background:#ffffff26}.lv-bulk-btn.amber{color:#fcd34d;border-color:#d9770666}.lv-bulk-btn.amber:hover{background:#d9770633}.lv-bulk-btn.danger{color:#fca5a5}.lv-bulk-btn.danger:hover{background:#dc26262e}.lv-bulk-sep{width:1px;height:16px;background:#ffffff1a;margin:0 2px}.lv-col-header{display:flex;align-items:center;padding:0 16px;height:32px;border-bottom:1px solid #F0EDE8;background:#fdfcfb}.lv-col{display:flex;align-items:center;gap:3px;font-size:10.5px;font-weight:600;color:#c4bdb5;letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:color .1s}.lv-col.sortable{cursor:pointer}.lv-col.sortable:hover{color:#78716c}.lv-col.active{color:#57534e}.lv-row{display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #F5F3F0;cursor:pointer;transition:background .08s}.lv-row:hover{background:#fdfcfb}.lv-row.selected{background:#fafaf8}.lv-row:last-child{border-bottom:none}.lv-accent-bar{width:3px;height:32px;border-radius:2px;flex-shrink:0;transition:background .15s}.lv-accent-bar.flagged{background:#d97706}.lv-accent-bar.failed{background:#dc2626}.lv-accent-bar.passed{background:#16a34a}.lv-accent-bar.neutral{background:#e7e5e4}.lv-accent-bar.active{background:#16a34a}.lv-accent-bar.inactive{background:#d6d3d1}.lv-status-pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:4px}.lv-status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.lv-status-label{font-size:11.5px;font-weight:600;letter-spacing:.01em}.lv-mono{font-family:"IBM Plex Mono",var(--font-mono);font-variant-numeric:tabular-nums}.lv-checkbox-wrap{cursor:pointer;display:flex;align-items:center;padding:8px;margin:-8px}.lv-checkbox-box{width:15px;height:15px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .1s ease;flex-shrink:0}.lv-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid #F0EDE8;background:#fafaf8}.lv-footer-label{font-size:12px;color:#a8a29e}.lv-footer-pages{display:flex;gap:4px}.lv-page-btn{height:30px;padding:0 12px;background:#fff;border:1px solid #E7E5E4;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:#44403c;font-family:"IBM Plex Sans",var(--font-sans);letter-spacing:.01em;transition:background .1s,border-color .1s}.lv-page-btn:hover:not(:disabled){background:#f5f3f0;border-color:#d6d3d1}.lv-page-btn:disabled{opacity:.4;cursor:not-allowed}.lv-search-wrap{display:flex;align-items:center;gap:8px;height:34px;padding:0 11px;border-radius:7px;transition:all .18s cubic-bezier(.4,0,.2,1)}.lv-search-input{border:none;background:transparent;outline:none;font-family:"IBM Plex Sans",var(--font-sans);font-size:13px;color:#1c1917;width:100%}.lv-search-input::placeholder{color:#c4bdb5}.lv-card{background:#fff;border-radius:10px;border:1px solid #E7E5E4;box-shadow:0 1px 2px #0000000a,0 4px 20px #0000000d;overflow:hidden}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--color-brand-red: #A12E2A;--color-brand-red-hover: #8A2623;--color-brand-red-light: #F5E8E7;--color-brand-charcoal: #2F2F2F;--color-brand-charcoal-light: #58595B;--color-background: #F5F3EF;--color-surface: #FFFFFF;--color-surface-hover: #F9F8F6;--color-border: #E5E2DC;--color-border-light: #EBE9E4;--color-sidebar-bg: #F5F3EF;--color-sidebar-hover: #EBE9E4;--color-sidebar-active: #F5E8E7;--color-sidebar-border: #E5E2DC;--color-sidebar-text: #737373;--color-sidebar-text-hover: #2F2F2F;--color-sidebar-text-active: #A12E2A;--color-primary: #A12E2A;--color-primary-hover: #8A2623;--color-primary-active: #721E1B;--color-primary-light: #F5E8E7;--color-secondary: #FFFFFF;--color-secondary-hover: #F5F3EF;--color-secondary-border: #D4D1C9;--color-secondary-text: #2F2F2F;--color-accent: #A12E2A;--color-accent-hover: #8A2623;--color-accent-light: #F5E8E7;--color-success: #5E8D6A;--color-success-bg: #E8F1EA;--color-success-border: #9FBF9F;--color-success-tint: #F3F8F4;--color-warning: #C2A15A;--color-warning-bg: #F8F3E9;--color-warning-border: #DCC891;--color-warning-tint: #FDFAF3;--color-error: #B14A3F;--color-error-bg: #F5EAE8;--color-error-border: #D19188;--color-error-tint: #FBF5F4;--color-info: #6C7A89;--color-info-bg: #EEF0F3;--color-info-border: #A8B1BC;--color-info-tint: #F6F7F9;--color-text-primary: #2F2F2F;--color-text-secondary: #58595B;--color-text-tertiary: #737373;--color-text-muted: #9A9A9A;--color-text-placeholder: #9A9A9A;--color-slate-50: #F5F3EF;--color-slate-100: #EBE9E4;--color-slate-200: #E5E2DC;--color-slate-300: #D4D1C9;--color-slate-400: #9A9A9A;--color-slate-500: #737373;--color-slate-600: #58595B;--color-slate-700: #404040;--color-slate-800: #2F2F2F;--color-slate-900: #1A1A1A;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 3px rgba(15, 23, 42, .1);--font-sans: "IBM Plex Sans", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Fira Code", ui-monospace, monospace;--transition-fast: .1s cubic-bezier(.4, 0, .2, 1);--transition: .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: .2s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 260px;--navbar-height: 64px;--max-content-width: 1152px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-background);font-size:14px}h1{font-size:32px;font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--color-text-primary)}h2{font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--color-text-primary)}h3{font-size:18px;font-weight:600;line-height:1.4;color:var(--color-text-primary)}h4{font-size:16px;font-weight:600;line-height:1.5;color:var(--color-text-primary)}h5{font-size:14px;font-weight:600;line-height:1.5;color:var(--color-text-primary)}p{font-size:14px;line-height:1.6;color:var(--color-text-primary)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition)}input,textarea,select{font-family:inherit;font-size:14px;outline:none;transition:all var(--transition)}a{color:inherit;text-decoration:none;transition:all var(--transition)}.btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 var(--spacing-5);font-size:14px;font-weight:500;line-height:1.5;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:1px solid transparent;gap:var(--spacing-2);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-sm{height:28px;padding:0 var(--spacing-3);font-size:12px}.btn-md{height:32px;padding:0 var(--spacing-4);font-size:14px}.btn-lg{height:44px;padding:0 var(--spacing-6);font-size:15px}.btn-primary{background:var(--color-primary);color:#fff;border-color:transparent;box-shadow:0 2px 4px #a12e2a33;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:transparent;box-shadow:0 4px 8px #a12e2a4d;transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:var(--color-primary-active);border-color:transparent;box-shadow:0 1px 2px #a12e2a33;transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:var(--color-secondary);color:var(--color-secondary-text);border-color:var(--color-secondary-border);border-width:2px;box-shadow:0 1px 2px #0000000d;font-weight:600}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-hover);border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.btn-secondary:active:not(:disabled){background-color:var(--color-slate-100);box-shadow:0 1px 2px #0000000d;transform:translateY(0)}.btn-danger{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:#fff;border-color:transparent;box-shadow:0 4px 6px -1px #c44b4f66,0 2px 4px -1px #c44b4f33;font-weight:600}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-hover) 0%,#8F3336 100%);border-color:transparent;box-shadow:0 10px 15px -3px #c44b4f66,0 4px 6px -2px #c44b4f33;transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:#fff;border-color:transparent;box-shadow:0 4px 6px -1px #c44b4f66,0 2px 4px -1px #c44b4f33;font-weight:600}.btn-accent:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-hover) 0%,#8F3336 100%);border-color:transparent;box-shadow:0 10px 15px -3px #c44b4f66,0 4px 6px -2px #c44b4f33;transform:translateY(-2px)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--color-text-primary)}.btn-icon{padding:0;width:32px;height:32px}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-8);box-shadow:0 1px 3px #0000000d,0 1px 2px -1px #0000000d;transition:all var(--transition)}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--color-slate-300)}.card-compact{padding:var(--spacing-4)}.card-spacious{padding:var(--spacing-8)}.input,.select{width:100%;height:40px;padding:0 var(--spacing-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;line-height:1.5;transition:all var(--transition-fast)}.input:hover:not(:disabled),.select:hover:not(:disabled){border-color:var(--color-gray-400)}.input:focus,.select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.input:disabled,.select:disabled{background-color:var(--color-gray-50);color:var(--color-text-muted);cursor:not-allowed;border-color:var(--color-border-light)}.input::placeholder{color:var(--color-text-placeholder)}.input-sm{height:28px;padding:0 var(--spacing-2);font-size:13px}.input-lg{height:40px;padding:0 var(--spacing-4);font-size:14px}.textarea{width:100%;min-height:80px;padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:14px;line-height:1.6;resize:vertical;font-family:inherit;transition:all var(--transition-fast)}.textarea:hover:not(:disabled){border-color:var(--color-gray-400)}.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.textarea:disabled{background-color:var(--color-gray-50);color:var(--color-text-muted);cursor:not-allowed}.textarea::placeholder{color:var(--color-text-placeholder)}.label{display:block;font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.label-sm{font-size:13px}.label-required:after{content:"*";color:var(--color-error);margin-left:var(--spacing-1)}.form-group{margin-bottom:var(--spacing-6)}.form-hint{font-size:13px;color:var(--color-text-secondary);margin-top:var(--spacing-1)}.form-error{font-size:13px;color:var(--color-error);margin-top:var(--spacing-1)}.checkbox-wrapper{display:flex;align-items:flex-start;gap:var(--spacing-2);cursor:pointer}.checkbox{width:18px;height:18px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;margin:0}.checkbox:hover:not(:disabled){border-color:var(--color-primary)}.checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox:disabled{opacity:.5;cursor:not-allowed}.checkbox-label{font-size:14px;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-description{font-size:13px;color:var(--color-text-secondary);margin-top:2px}.table{width:100%;border-collapse:collapse;font-size:14px}.table thead{background-color:var(--color-slate-50)}.table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.table td{padding:12px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.table tbody tr:hover{background-color:var(--color-slate-50)}.table tbody tr{transition:background-color var(--transition-fast)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px var(--spacing-2);font-size:12px;font-weight:500;line-height:1.5;border-radius:var(--radius-full);border:1px solid transparent;white-space:nowrap}.badge-sm{padding:1px var(--spacing-1);font-size:11px}.badge-lg{padding:4px var(--spacing-3);font-size:13px}.badge-success{background-color:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning-border)}.badge-error{background-color:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error-border)}.badge-info{background-color:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info-border)}.badge-neutral{background-color:var(--color-slate-100);color:var(--color-text-secondary);border-color:var(--color-slate-200)}.badge-accent{background-color:var(--color-accent-light);color:var(--color-accent);border-color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-xs{font-size:11px;line-height:1.4}.text-sm{font-size:13px;line-height:1.5}.text-base{font-size:14px;line-height:1.6}.text-lg{font-size:16px;line-height:1.6}.divider{height:1px;background-color:var(--color-border);margin:var(--spacing-6) 0;border:none}.divider-light{background-color:var(--color-border-light)}.alert{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:14px;line-height:1.5;border:1px solid transparent}.alert-success{background-color:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.alert-warning{background-color:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning-border)}.alert-error{background-color:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error-border)}.alert-info{background-color:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info-border)}.page-container{max-width:var(--max-content-width);margin:0 auto;padding:var(--spacing-8)}.page-header{margin-bottom:var(--spacing-8)}.page-title{margin-bottom:var(--spacing-2)}.page-description{color:var(--color-text-secondary);font-size:14px}.section-header{margin-bottom:var(--spacing-6)}.grid{display:grid;gap:var(--spacing-4)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.loading-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.link:hover{color:var(--color-primary-hover);text-decoration:underline}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.transition{transition:all var(--transition)}.transition-fast{transition:all var(--transition-fast)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-6{margin-left:var(--spacing-6)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.space-y-2>*+*{margin-top:var(--spacing-2)}.space-y-3>*+*{margin-top:var(--spacing-3)}.space-y-4>*+*{margin-top:var(--spacing-4)}.space-y-6>*+*{margin-top:var(--spacing-6)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.min-w-0{min-width:0}.max-w-full{max-width:100%}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.bg-white{background-color:#fff}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.text-slate-900{color:var(--color-slate-900)}.text-slate-600{color:var(--color-slate-600)}.text-slate-500{color:var(--color-slate-500)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--ds-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--ds-color-blue-50: #eff6ff;--ds-color-blue-100: #dbeafe;--ds-color-blue-200: #bfdbfe;--ds-color-blue-300: #93c5fd;--ds-color-blue-400: #60a5fa;--ds-color-blue-500: #3b82f6;--ds-color-blue-600: #2563eb;--ds-color-blue-700: #1d4ed8;--ds-color-green-50: #f0fdf4;--ds-color-green-100: #dcfce7;--ds-color-green-200: #bbf7d0;--ds-color-green-300: #86efac;--ds-color-green-400: #4ade80;--ds-color-green-500: #10b981;--ds-color-green-600: #059669;--ds-color-yellow-50: #fefce8;--ds-color-yellow-100: #fef9c3;--ds-color-yellow-200: #fef08a;--ds-color-yellow-300: #fde68a;--ds-color-yellow-400: #fcd34d;--ds-color-yellow-500: #f59e0b;--ds-color-yellow-600: #d97706;--ds-color-red-50: #fef2f2;--ds-color-red-100: #fee2e2;--ds-color-red-200: #fecaca;--ds-color-red-300: #fca5a5;--ds-color-red-400: #f87171;--ds-color-red-500: #ef4444;--ds-color-red-600: #dc2626;--ds-color-orange-50: #fff7ed;--ds-color-orange-100: #ffedd5;--ds-color-orange-200: #fed7aa;--ds-color-orange-300: #fdba74;--ds-color-orange-400: #fb923c;--ds-color-orange-500: #f97316;--ds-color-orange-600: #ea580c;--ds-color-slate-50: #f8fafc;--ds-color-slate-100: #f1f5f9;--ds-color-slate-200: #e2e8f0;--ds-color-slate-300: #cbd5e1;--ds-color-slate-400: #94a3b8;--ds-color-slate-500: #64748b;--ds-color-slate-600: #475569;--ds-color-slate-700: #334155;--ds-color-slate-800: #1e293b;--ds-color-slate-900: #0f172a;--ds-spacing-1: 4px;--ds-spacing-2: 8px;--ds-spacing-3: 12px;--ds-spacing-4: 16px;--ds-spacing-5: 20px;--ds-spacing-6: 24px;--ds-spacing-8: 32px;--ds-spacing-10: 40px;--ds-radius-sm: 8px;--ds-radius-md: 12px;--ds-radius-lg: 16px;--ds-radius-xl: 20px;--ds-radius-full: 9999px;--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--ds-shadow-md: 0 1px 3px rgba(0, 0, 0, .05);--ds-shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--ds-shadow-xl: 0 8px 16px rgba(0, 0, 0, .15);--ds-shadow-blue: 0 4px 12px rgba(59, 130, 246, .3);--ds-font-size-xs: 11px;--ds-font-size-sm: 12px;--ds-font-size-base: 14px;--ds-font-size-md: 15px;--ds-font-size-lg: 16px;--ds-font-size-xl: 18px;--ds-font-size-2xl: 20px;--ds-font-size-3xl: 24px;--ds-font-size-4xl: 28px;--ds-font-weight-normal: 400;--ds-font-weight-medium: 500;--ds-font-weight-semibold: 600;--ds-font-weight-bold: 700;--ds-font-weight-extrabold: 800}.ds-stat-card{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--ds-radius-md);border:2px solid;flex:1;min-width:150px;transition:all .2s ease}.ds-stat-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)}.ds-stat-card-blue{background:linear-gradient(135deg,var(--ds-color-blue-50) 0%,var(--ds-color-blue-100) 100%);border-color:var(--ds-color-blue-300)}.ds-stat-card-green{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:var(--ds-color-green-300)}.ds-stat-card-yellow{background:linear-gradient(135deg,#fef3c7 0%,var(--ds-color-yellow-300) 100%);border-color:var(--ds-color-yellow-400)}.ds-stat-card-red{background:linear-gradient(135deg,var(--ds-color-red-50) 0%,var(--ds-color-red-100) 100%);border-color:var(--ds-color-red-300)}.ds-stat-card-orange{background:linear-gradient(135deg,var(--ds-color-orange-50) 0%,var(--ds-color-orange-100) 100%);border-color:var(--ds-color-orange-300)}.ds-stat-label{font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-bold);color:var(--ds-color-slate-500);text-transform:uppercase;letter-spacing:.05em}.ds-stat-value{font-size:var(--ds-font-size-4xl);font-weight:var(--ds-font-weight-extrabold);color:var(--ds-color-slate-900)}.ds-card{background:#fff;border-radius:var(--ds-radius-lg);border:2px solid var(--color-border);box-shadow:var(--ds-shadow-md);padding:var(--ds-spacing-6)}.ds-card-compact{padding:var(--ds-spacing-4)}.ds-button{padding:10px 20px;font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-semibold);border:none;border-radius:var(--ds-radius-md);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.ds-button:hover{transform:translateY(-1px)}.ds-button-primary{background:linear-gradient(135deg,var(--ds-color-blue-500) 0%,var(--ds-color-blue-600) 100%);color:#fff;box-shadow:var(--ds-shadow-blue)}.ds-button-primary:hover{box-shadow:0 6px 16px #3b82f666}.ds-button-secondary{background:#fff;color:var(--ds-color-blue-600);border:2px solid var(--ds-color-blue-300)}.ds-button-secondary:hover{background:var(--ds-color-blue-50)}.ds-button-danger{background:#fff;color:var(--ds-color-red-500);border:2px solid var(--ds-color-red-300)}.ds-button-danger:hover{background:var(--ds-color-red-50)}.ds-button-sm{padding:6px 12px;font-size:var(--ds-font-size-sm)}.ds-button-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--color-border);border-radius:var(--ds-radius-md)}.ds-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-semibold);border:2px solid;border-radius:var(--ds-radius-full);transition:all .2s ease;cursor:pointer}.ds-pill-blue{color:var(--ds-color-blue-600);border-color:var(--ds-color-blue-600);background:#fff}.ds-pill-blue.active{color:#fff;background:var(--ds-color-blue-600);box-shadow:0 4px 12px #3b82f666}.ds-pill-green{color:var(--ds-color-green-600);border-color:var(--ds-color-green-600);background:#fff}.ds-pill-green.active{color:#fff;background:var(--ds-color-green-600);box-shadow:0 4px 12px #10b98166}.ds-badge{display:inline-block;padding:4px 12px;font-size:var(--ds-font-size-xs);font-weight:var(--ds-font-weight-bold);border-radius:var(--ds-radius-full);text-transform:uppercase;letter-spacing:.05em}.ds-badge-success{background:var(--ds-color-green-100);color:var(--ds-color-green-700)}.ds-badge-warning{background:var(--ds-color-yellow-100);color:var(--ds-color-yellow-700)}.ds-badge-danger{background:var(--ds-color-red-100);color:var(--ds-color-red-700)}.ds-badge-info{background:var(--ds-color-blue-100);color:var(--ds-color-blue-700)}.ds-input{padding:12px 16px;font-size:var(--ds-font-size-md);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-slate-900);background:#fff;border:2px solid var(--color-border);border-radius:var(--ds-radius-md);transition:all .2s ease;width:100%}.ds-input:focus{outline:none;border-color:var(--ds-color-blue-500);box-shadow:0 0 0 3px #3b82f61a}.ds-search-container{display:flex;gap:16px;padding:20px;background:#fff;border-radius:var(--ds-radius-lg);border:2px solid var(--color-border);box-shadow:var(--ds-shadow-md);align-items:center;flex-wrap:wrap}.ds-search-input-wrapper{display:flex;align-items:center;gap:12px;flex:1;min-width:300px}.ds-tabs{display:flex;gap:8px;padding:6px;background:var(--ds-color-slate-50);border-radius:var(--ds-radius-md);flex-wrap:wrap;overflow-x:auto}.ds-tab{padding:8px 16px;font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-semibold);background:transparent;border:none;border-radius:var(--ds-radius-sm);cursor:pointer;transition:all .2s ease;color:var(--ds-color-slate-500);white-space:nowrap;flex-shrink:0}@media(max-width:768px){.ds-tab{padding:6px 12px;font-size:14px}}.ds-tab.active{color:#fff;background:linear-gradient(135deg,var(--ds-color-blue-500) 0%,var(--ds-color-blue-600) 100%);box-shadow:var(--ds-shadow-blue)}.ds-section-header{font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-bold);color:var(--ds-color-slate-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.ds-divider{height:1px;background:var(--color-border);margin:var(--ds-spacing-6) 0}.ds-divider-vertical{width:1px;height:24px;background:var(--color-border)}