@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-primary:#14b8a6;--color-primary-dark:#0f766e;--color-primary-mid:#0d9488;--color-primary-light:#f0fdfa;--color-primary-rgb:20, 184, 166;--bg-app:#f4f6f9;--bg-surface:#fff;--bg-surface2:#f9fafb;--bg-hover:#f0fdfb;--bg-active:#e6f9f7;--bg-overlay:#00000073;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--color-success:#16a34a;--color-success-bg:#16a34a14;--color-success-border:#16a34a40;--color-warning:#d97706;--color-warning-bg:#d9770614;--color-warning-border:#d9770640;--color-danger:#dc2626;--color-danger-bg:#dc262614;--color-danger-border:#dc262640;--color-info:#2563eb;--color-info-bg:#2563eb14;--color-info-border:#2563eb40;--color-purple:#7c3aed;--color-purple-bg:#7c3aed14;--color-purple-border:#7c3aed40;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0a;--shadow-lg:0 10px 28px #0f172a1a, 0 4px 8px #0f172a0d;--shadow-focus:0 0 0 3px rgba(var(--color-primary-rgb), .18);--shadow-focus-danger:0 0 0 3px #dc26262e;--font-family:"Inter", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-size-2xs:.6875rem;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-xs:3px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.12s ease;--transition-base:.18s ease;--transition-slow:.28s ease;--header-height:56px;--drawer-width:240px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-primary);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}button,input,select,textarea{font-family:var(--font-family)}#root{width:100%;min-height:100vh;display:flex}.glass-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.glass-panel-sm{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.surface-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;align-items:center;gap:4px;padding:3px 9px;font-weight:600;line-height:1.5;display:inline-flex}.badge-success{color:var(--color-success);background:var(--color-success-bg);border-color:var(--color-success-border)}.badge-warning{color:var(--color-warning);background:var(--color-warning-bg);border-color:var(--color-warning-border)}.badge-danger{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.badge-info{color:var(--color-info);background:var(--color-info-bg);border-color:var(--color-info-border)}.badge-primary{color:var(--color-primary-dark);background:var(--color-primary-light);border-color:rgba(var(--color-primary-rgb),.3)}.badge-purple{color:var(--color-purple);background:var(--color-purple-bg);border-color:var(--color-purple-border)}.badge-neutral{color:var(--text-secondary);background:var(--bg-surface2);border-color:var(--border-strong)}.action-btn{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:background var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.action-btn:focus-visible{box-shadow:var(--shadow-focus)}.action-btn:active{transform:scale(.93)}.action-btn-primary{background:rgba(var(--color-primary-rgb), .09);border-color:rgba(var(--color-primary-rgb), .2);color:var(--color-primary-dark)}.action-btn-primary:hover{background:rgba(var(--color-primary-rgb), .18);border-color:rgba(var(--color-primary-rgb), .35)}.action-btn-danger{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.action-btn-danger:hover{background:#dc262626;border-color:#dc262666}.action-btn-success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.action-btn-success:hover{background:#16a34a29;border-color:#16a34a66}.action-btn-warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning)}.action-btn-warning:hover{background:#d9770629;border-color:#d9770666}.action-btn-group{align-items:center;gap:6px;display:flex}.tabs-bar{border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.tabs-bar::-webkit-scrollbar{display:none}.tab-btn{font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;outline:none;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 14px;font-weight:500;display:inline-flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary);font-weight:600}.tab-count{border-radius:var(--radius-full);min-width:18px;height:18px;font-size:var(--font-size-2xs);background:var(--bg-surface2);color:var(--text-secondary);border:1px solid var(--border);justify-content:center;align-items:center;padding:0 5px;font-weight:700;display:inline-flex}.tab-btn.active .tab-count{background:rgba(var(--color-primary-rgb), .1);color:var(--color-primary-dark);border-color:rgba(var(--color-primary-rgb), .25)}.section-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.section-meta{font-size:var(--font-size-xs);color:var(--text-muted)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--bg-surface2) 25%, var(--border) 50%, var(--bg-surface2) 75%);border-radius:var(--radius-sm);background-size:800px 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.22s both fadeUp}.empty-state{padding:var(--space-10) var(--space-xl);justify-content:center;align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.empty-state-icon{border-radius:var(--radius-lg);background:var(--bg-surface2);width:44px;height:44px;color:var(--text-muted);border:1px solid var(--border);margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex}.empty-state-title{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.empty-state-desc{font-size:var(--font-size-xs);color:var(--text-muted);max-width:260px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.page-loading{padding:var(--space-10);color:var(--text-secondary);justify-content:center;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);display:flex}.app-container{background:var(--bg-app);width:100%;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex-grow:1;min-width:0;height:100%;display:flex;overflow:hidden}.content-area{padding:var(--space-6) var(--space-8);gap:var(--space-6);flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}@media (width<=1024px){.content-area{padding:var(--space-4) var(--space-5)}}@media (width<=768px){.content-area{padding:var(--space-3) var(--space-4);gap:var(--space-4)}}.drawer-mobile-overlay{background:var(--bg-overlay);z-index:199;animation:.2s both overlayIn;display:none;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.drawer-mobile-overlay{display:block}}.dashboard-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}@media (width<=640px){.dashboard-grid{gap:var(--space-3);grid-template-columns:1fr 1fr}}@media (width<=400px){.dashboard-grid{grid-template-columns:1fr}}.widget{padding:var(--space-5)}.widget h3{margin-top:0;margin-bottom:var(--space-md);color:var(--color-primary);font-size:var(--font-size-base);font-weight:600}.btn{font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;align-items:center;gap:6px;padding:7px 15px;font-weight:500;line-height:1.5;display:inline-flex}.btn:active{transform:scale(.97)}.btn:focus-visible{box-shadow:var(--shadow-focus)}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 3px rgba(var(--color-primary-rgb), .35)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:0 3px 8px rgba(var(--color-primary-rgb), .4)}.btn-outline{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.btn-outline:hover{background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary-dark)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.btn-danger:hover{background:#dc262626;border-color:#dc262666}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success);box-shadow:0 1px 3px #16a34a59}.btn-success:hover{background:#15803d}.btn-sm{font-size:var(--font-size-xs);border-radius:var(--radius-xs);padding:4px 10px}.btn-lg{font-size:var(--font-size-base);border-radius:var(--radius-md);padding:10px 22px}.btn-icon{border-radius:var(--radius-sm);padding:7px}.header{height:var(--header-height);padding:0 var(--space-6);background:var(--bg-surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}@media (width<=768px){.header{padding:0 var(--space-4)}}.header-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.header-title{font-size:var(--font-size-lg);color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:700;overflow:hidden}@media (width<=480px){.header-title{font-size:var(--font-size-base)}}.header-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.header-hamburger{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--text-primary);transition:background var(--transition-fast);background:0 0;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.header-hamburger:hover{background:var(--bg-hover)}.header-hamburger:focus-visible{box-shadow:var(--shadow-focus)}@media (width<=768px){.header-hamburger{display:flex}}@media (width<=480px){.btn-label-full{display:none}}.drawer{width:var(--drawer-width);background:var(--bg-surface);border-right:1px solid var(--border);z-index:200;height:100vh;transition:transform var(--transition-slow);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}@media (width<=768px){.drawer{height:100vh;box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;transform:translate(-100%)}.drawer.drawer-open{transform:translate(0)}}.drawer-header{height:var(--header-height);padding:0 var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;display:flex}.drawer-logo-icon{background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;width:30px;height:30px;box-shadow:0 2px 6px rgba(var(--color-primary-rgb), .4);flex-shrink:0;justify-content:center;align-items:center;display:flex}.drawer-logo{color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;font-weight:700;overflow:hidden}.drawer-nav{padding:var(--space-2) 0;flex-grow:1;overflow-y:auto}.drawer-nav ul{margin:0;padding:0;list-style:none}.drawer-nav li{margin:1px var(--space-2)}.nav-item{color:var(--text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:background var(--transition-fast), color var(--transition-fast);border-left:2px solid #0000;align-items:center;gap:9px;padding:8px 11px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--color-primary-light);color:var(--color-primary-dark);border-left-color:var(--color-primary);font-weight:600}.nav-icon{opacity:.65;transition:opacity var(--transition-fast);flex-shrink:0}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.drawer-footer{border-top:1px solid var(--border);padding:var(--space-3);gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.drawer-user{padding:var(--space-2) var(--space-1);align-items:center;gap:10px;display:flex}.drawer-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;width:34px;height:34px;font-size:var(--font-size-xs);letter-spacing:.02em;box-shadow:0 2px 6px rgba(var(--color-primary-rgb), .35);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.drawer-user-info{flex-direction:column;gap:1px;display:flex;overflow:hidden}.drawer-username{font-size:var(--font-size-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.drawer-user-role{font-size:var(--font-size-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.drawer-logout-btn{width:100%;color:var(--color-danger);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;outline:none;justify-content:center;align-items:center;gap:7px;padding:7px 11px;font-weight:500;display:flex}.drawer-logout-btn:hover{background:var(--color-danger-bg);border-color:#dc262666}.drawer-logout-btn:focus-visible{box-shadow:var(--shadow-focus-danger)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=tel],select,textarea{width:100%;min-height:36px;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;outline:none;padding:7px 11px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}input:hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled),textarea:hover:not(:focus):not(:disabled){border-color:var(--border-strong)}input:disabled,select:disabled,textarea:disabled{background:var(--bg-surface2);color:var(--text-muted);cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:4px;font-weight:500;display:block}.form-group{margin-bottom:var(--space-4);flex-direction:column;gap:4px;display:flex}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.form-row{grid-template-columns:1fr}}.form-section-title{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;padding-bottom:var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-4);font-weight:700}.input-group{flex-direction:column;gap:4px;display:flex}.input-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.input-field{border:1px solid var(--border-strong)!important;box-shadow:none!important}.input-field.error{border-color:var(--color-danger)!important}.input-field.error:focus{box-shadow:var(--shadow-focus-danger)!important}.input-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:2px}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:16px;accent-color:var(--color-primary);cursor:pointer;border:none;padding:0}textarea{resize:vertical;min-height:80px}.modal-overlay{z-index:9999;padding:var(--space-lg);background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:400px;padding:var(--space-xl);animation:.18s modalIn}.modal-title{margin:0 0 var(--space-sm);color:var(--text-primary);font-size:1.1rem;font-weight:700}.modal-message{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);line-height:1.6}.modal-actions{gap:var(--space-sm);justify-content:flex-end;display:flex}.modal-btn{border-radius:var(--radius-sm);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;border:1px solid #0000;padding:8px 20px;transition:background .15s}.modal-btn-cancel{border-color:var(--border-strong);color:var(--text-primary);background:0 0}.modal-btn-cancel:hover{background:var(--bg-hover)}.modal-btn-confirm{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.modal-btn-confirm:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}@keyframes modalIn{0%{opacity:0;transform:scale(.97)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.login-container{background:var(--bg-app);background-image:radial-gradient(circle, var(--border) 1px, transparent 1px);width:100vw;min-height:100vh;padding:var(--space-4);background-size:24px 24px;justify-content:center;align-items:center;display:flex}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-lg);padding:2.25rem var(--space-6);flex-direction:column;animation:.32s both loginFadeUp;display:flex}.login-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:1.75rem;display:flex}.login-brand-icon{background:var(--color-primary);border-radius:var(--radius-md);color:#fff;width:38px;height:38px;box-shadow:0 4px 12px rgba(var(--color-primary-rgb), .4);justify-content:center;align-items:center;display:flex}.login-title{color:var(--text-primary);text-align:center;letter-spacing:-.02em;margin:8px 0 0;font-size:1.15rem;font-weight:700}.login-subtitle{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-5);margin-top:var(--space-2)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-btn{width:100%;padding:9px var(--space-4);margin-top:var(--space-2);background:var(--color-primary);color:#fff;font-weight:600;font-size:var(--font-size-sm);font-family:var(--font-family);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);box-shadow:0 2px 8px rgba(var(--color-primary-rgb), .35);border:none;outline:none;justify-content:center;align-items:center;gap:7px;display:flex}.login-btn:hover{background:var(--color-primary-dark);box-shadow:0 4px 14px rgba(var(--color-primary-rgb), .45)}.login-btn:active{transform:scale(.98)}.login-btn:focus-visible{box-shadow:var(--shadow-focus)}.login-error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-align:center;align-items:center;gap:8px;padding:8px 12px;display:flex}.login-divider{align-items:center;gap:var(--space-3);margin:var(--space-2) 0;color:var(--text-muted);font-size:var(--font-size-xs);display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-footer-link{text-align:center;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-3)}.login-footer-link a{color:var(--color-primary-dark);font-weight:500}.login-footer-link a:hover{text-decoration:underline}.table-toolbar{align-items:center;gap:var(--space-3);padding:var(--space-3) 0 var(--space-3);display:flex}.table-search-wrapper{flex:1;position:relative}.table-search-icon{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.table-search-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);width:100%;color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;height:34px;padding:7px 32px 7px 34px}.table-search-input::placeholder{color:var(--text-muted)}.table-search-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.table-search-clear{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-xs);transition:color var(--transition-fast);background:0 0;border:none;padding:2px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.table-search-clear:hover{color:var(--text-secondary)}.table-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-xs);overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;min-width:480px}.table-header{padding:9px var(--space-4);font-size:var(--font-size-2xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;background:var(--bg-surface2);border-bottom:1px solid var(--border);white-space:nowrap;font-weight:700}.table-row{border-bottom:1px solid var(--border);transition:background var(--transition-fast)}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-hover)}.table-row.clickable{cursor:pointer}.table-row.clickable:hover .table-cell{color:var(--text-primary)}.table-cell{padding:10px var(--space-4);font-size:var(--font-size-sm);color:var(--text-primary);vertical-align:middle}.table-empty{text-align:center;padding:0}.table-pagination{padding:var(--space-3) 0;margin-top:var(--space-1);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.table-pagination-info{font-size:var(--font-size-xs);color:var(--text-muted)}.table-pagination-controls{align-items:center;gap:4px;display:flex}.pg-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);min-width:30px;height:30px;color:var(--text-primary);font-size:var(--font-size-xs);font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);outline:none;justify-content:center;align-items:center;padding:0 8px;font-weight:500;display:inline-flex}.pg-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary-dark)}.pg-btn:disabled{opacity:.38;cursor:default}.pg-btn:focus-visible{box-shadow:var(--shadow-focus)}.pg-btn-current{background:rgba(var(--color-primary-rgb), .1);border-color:rgba(var(--color-primary-rgb), .3);color:var(--color-primary-dark);cursor:default;min-width:34px;font-weight:700}.demands-wrapper{gap:var(--space-4);flex-direction:column;animation:.22s both fadeUp;display:flex}.reject-modal-overlay{background:var(--bg-overlay);z-index:9999;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reject-modal-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:var(--space-6);gap:var(--space-4);flex-direction:column;animation:.2s both fadeUp;display:flex}.reject-modal-title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:700}.reject-modal-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.dv-summary-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.dv-summary-col{flex-direction:column;gap:4px;display:flex}.dv-summary-col-center{flex-direction:column;align-items:center;gap:2px;display:flex}.dv-summary-col-end{flex-direction:column;align-items:flex-end;gap:6px;display:flex}@media (width<=640px){.dv-summary-card{padding:var(--space-4);flex-direction:column;align-items:flex-start}.dv-summary-col-center,.dv-summary-col-end{align-items:flex-start}}.dv-tab-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-4);min-width:0;overflow:hidden}.dv-tab-content{padding:var(--space-6)}@media (width<=640px){.dv-tab-content{padding:var(--space-4)}}.dv-overview-grid{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.dv-overview-grid{gap:var(--space-6);grid-template-columns:1fr}}.dv-section-title{font-weight:700;font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding-bottom:var(--space-2);margin:0;margin-bottom:var(--space-4)}.dv-field-list{gap:var(--space-4);flex-direction:column;display:flex}.dv-funding-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=769px){.dv-funding-grid.is-loan{grid-template-columns:1fr 1fr}}.dashboard-wrapper{gap:var(--space-6);flex-direction:column;width:100%;animation:.22s both fadeUp;display:flex}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.kpi-grid{gap:var(--space-3);grid-template-columns:1fr 1fr}}.kpi-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);align-items:center;gap:var(--space-4);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base), transform var(--transition-base);cursor:default;display:flex}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.kpi-body{min-width:0}.kpi-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-weight:600}.kpi-value{color:var(--text-primary);letter-spacing:-.02em;margin-top:2px;font-size:1.6rem;font-weight:800;line-height:1.2}@media (width<=480px){.kpi-card{padding:var(--space-3);gap:var(--space-3)}.kpi-icon{width:38px;height:38px}.kpi-value{font-size:1.25rem}}.recent-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.recent-panel-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.recent-panel-title{font-size:var(--font-size-base);color:var(--text-primary);margin:0;font-weight:600}.recent-item{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast);display:flex}.recent-item:last-child{border-bottom:none}.recent-item:hover{background:var(--bg-hover)}.recent-item-left{min-width:0}.recent-item-id{font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recent-item-name{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:1px}.recent-item-right{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.recent-progress-wrap{width:120px}@media (width<=640px){.recent-progress-wrap{display:none}}.recent-progress-labels{font-size:var(--font-size-2xs);color:var(--text-secondary);justify-content:space-between;margin-bottom:3px;display:flex}.recent-progress-bar{background:var(--border);border-radius:var(--radius-full);height:4px;overflow:hidden}.recent-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .4s}.recent-empty{padding:var(--space-10);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}