@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--color-primary:#f15a24;--color-primary-hover:#d94112;--color-primary-soft:#f15a241a;--color-success:#16a34a;--color-success-hover:#15803d;--color-success-soft:#16a34a1a;--color-warning:#d97706;--color-warning-hover:#b45309;--color-warning-soft:#d977061a;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-danger-soft:#dc26261a;--color-info:#2563eb;--color-info-hover:#1d4ed8;--color-info-soft:#2563eb1a;--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--surface-card:#fff;--surface-hover:#f8fafc;--border-color:#e2e8f0;--border-color-hover:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--sidebar-bg:#fff;--sidebar-border:#e2e8f0;--sidebar-text:#475569;--sidebar-text-active:#f15a24;--sidebar-item-hover:#f8fafc;--header-bg:#fff;--header-border:#e2e8f0;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--overlay-bg:#0f172a80;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--surface-card:#1e293b;--surface-hover:#334155;--border-color:#334155;--border-color-hover:#475569;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--sidebar-bg:#1e293b;--sidebar-border:#334155;--sidebar-text:#94a3b8;--sidebar-text-active:#fb7a45;--sidebar-item-hover:#334155;--header-bg:#1e293b;--header-border:#334155;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--overlay-bg:#0009;--scrollbar-track:#1e293b;--scrollbar-thumb:#475569;--scrollbar-thumb-hover:#64748b;--color-primary-soft:#f15a2426;--color-success-soft:#16a34a26;--color-warning-soft:#d9770626;--color-danger-soft:#dc262626;--color-info-soft:#2563eb26}
*,:before,:after{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.app-container{grid-template:"sidebar header"80px"sidebar main"1fr/auto 1fr;min-height:100vh;display:grid}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:100;flex-direction:column;grid-area:sidebar;width:240px;height:100vh;transition:width .25s;display:flex;position:sticky;top:0}.sidebar.collapsed{width:68px}.sidebar-logo-container{height:80px;padding:0 var(--space-5);border-bottom:1px solid var(--sidebar-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sidebar-logo{align-items:center;text-decoration:none;display:flex;overflow:hidden}.logo-image{object-fit:contain;max-width:160px;height:44px;transition:all .25s}.sidebar.collapsed .logo-image{max-width:36px;height:36px}.sidebar-toggle-btn{color:var(--text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.sidebar-toggle-btn:hover{background-color:var(--sidebar-item-hover);color:var(--text-primary)}.sidebar-menu{padding:var(--space-3) 0;flex:1;list-style:none;overflow:hidden auto}.menu-section-title{padding:var(--space-4) var(--space-5) var(--space-2);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:.68rem;font-weight:700;transition:opacity .2s;overflow:hidden}.sidebar.collapsed .menu-section-title{opacity:0}.menu-item{list-style:none}.menu-link{align-items:center;gap:var(--space-3);padding:10px var(--space-5);color:var(--sidebar-text);white-space:nowrap;border-radius:0;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex;position:relative}.menu-link:hover{background-color:var(--sidebar-item-hover);color:var(--text-primary)}.menu-item.active .menu-link{color:var(--sidebar-text-active);background-color:var(--color-primary-soft);font-weight:600}.menu-item.active .menu-link:before{content:"";background-color:var(--color-primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.menu-link svg{stroke:currentColor;fill:none;stroke-width:1.8px;flex-shrink:0;width:18px;height:18px}.menu-text{white-space:nowrap;font-size:.875rem;transition:opacity .2s}.sidebar.collapsed .menu-text{opacity:0;width:0;overflow:hidden}.sidebar.collapsed .menu-section-title{height:0;padding:0;overflow:hidden}.sidebar-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--sidebar-border)}.sidebar-footer .menu-link{border-radius:var(--radius-md);padding:10px var(--space-3)}.header{background-color:var(--header-bg);border-bottom:1px solid var(--header-border);height:80px;padding:0 var(--space-6);z-index:99;grid-area:header;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--space-4);flex:1;min-width:0;display:flex}.hamburger-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:none}.hamburger-btn:hover{background-color:var(--bg-secondary)}.breadcrumb{align-items:center;gap:var(--space-2);color:var(--text-secondary);white-space:nowrap;font-size:.875rem;font-weight:500;display:flex}.breadcrumb-separator{color:var(--text-muted)}.breadcrumb-current{color:var(--text-primary);font-weight:600}.search-container{flex-shrink:1;width:380px;max-width:380px;position:relative}.search-input{width:100%;height:40px;padding:0 var(--space-4) 0 40px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--color-primary);background-color:var(--surface-card);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.search-icon{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.header-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.doc-btn{height:38px;padding:0 var(--space-4);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 4px #f15a244d}.doc-btn svg{flex-shrink:0;width:15px;height:15px}.doc-btn:hover{background-color:var(--color-primary-hover);box-shadow:0 3px 10px #f15a2466}.header-actions{align-items:center;gap:var(--space-1);display:flex}.action-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;width:38px;height:38px;transition:background-color .2s,color .2s;display:flex;position:relative}.action-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.action-btn svg{width:20px;height:20px}.notification-badge{background-color:var(--color-danger);border-radius:var(--radius-full);border:2px solid var(--header-bg);width:8px;height:8px;position:absolute;top:7px;right:7px}.notifications-dropdown{background-color:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notifications-dropdown.active{animation:.15s fadeDown;display:flex}@keyframes fadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notifications-header{padding:var(--space-4);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.notifications-header h4{font-size:.9rem;font-weight:600}.clear-notif-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:500}.clear-notif-btn:hover{text-decoration:underline}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .15s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--surface-hover)}.notification-item.unread{background-color:var(--color-primary-soft)}.notif-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notif-icon svg{width:15px;height:15px}.notif-icon.primary{background-color:var(--color-primary-soft);color:var(--color-primary)}.notif-icon.success{background-color:var(--color-success-soft);color:var(--color-success)}.notif-icon.warning{background-color:var(--color-warning-soft);color:var(--color-warning)}.notif-icon.info{background-color:var(--color-info-soft);color:var(--color-info)}.notif-content{flex:1;min-width:0}.notif-title{color:var(--text-primary);font-size:.82rem;font-weight:600}.notif-time{color:var(--text-muted);margin-top:2px;font-size:.72rem}.notification-item{align-items:flex-start;gap:var(--space-3);display:flex}.notifications-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color);text-align:center}.notifications-footer a{color:var(--color-primary);font-size:.8rem;font-weight:500;text-decoration:none}.notifications-footer a:hover{text-decoration:underline}.user-profile{position:relative}.profile-trigger{align-items:center;gap:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;background:0 0;transition:background-color .2s,border-color .2s;display:flex}.profile-trigger:hover{background-color:var(--bg-secondary);border-color:var(--border-color-hover)}.profile-avatar,.dropdown-user-avatar{object-fit:cover!important;border-radius:50%!important;width:40px!important;height:40px!important}.avatar-initials{background-color:var(--accent)!important;color:#fff!important;justify-content:center!important;align-items:center!important;font-size:14px!important;font-weight:600!important;display:flex!important}.profile-info{text-align:left}.profile-name{color:var(--text-primary);font-size:.82rem;font-weight:600;display:block}.profile-role{color:var(--text-muted);font-size:.72rem;display:block}.profile-dropdown{background-color:var(--surface-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;display:none;position:absolute;top:calc(100% + 8px);right:0;border-radius:12px!important;width:280px!important;padding:0!important;overflow:hidden!important}.profile-dropdown.active{animation:.15s fadeDown;display:flex}.dropdown-user-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);align-items:center!important;gap:12px!important;padding:16px!important;display:flex!important}.dropdown-user-details{flex-direction:column!important;align-items:flex-start!important;display:flex!important}.pd-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.pd-email,.dropdown-user-email{color:var(--text-muted);margin-top:2px;font-size:.75rem}.profile-menu-item,.dropdown-item,.dropdown-menu-item{color:var(--text-secondary);text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border-color);background:0 0;width:100%;font-size:.85rem;text-decoration:none;transition:background-color .15s,color .15s;align-items:center!important;gap:12px!important;padding:12px 16px!important;display:flex!important}.profile-menu-item:last-child,.dropdown-item:last-child,.dropdown-menu-item:last-child{border-bottom:none}.profile-menu-item:hover,.dropdown-item:hover,.dropdown-menu-item:hover{background-color:var(--surface-hover);color:var(--text-primary)}.profile-menu-item.danger:hover,.dropdown-item.danger:hover,.dropdown-menu-item.danger:hover{background-color:var(--color-danger-soft);color:var(--color-danger)}.profile-menu-item svg,.dropdown-item svg,.dropdown-menu-item svg,.profile-dropdown svg{width:18px!important;min-width:18px!important;height:18px!important}.main-content{padding:var(--space-6) var(--space-8);grid-area:main;max-width:100%;overflow-x:hidden}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{color:var(--text-primary);font-size:1.4rem;font-weight:700;line-height:1.3}.page-subtitle{color:var(--text-secondary);margin-top:3px;font-size:.875rem;font-weight:400}.sidebar-overlay{background-color:var(--overlay-bg);z-index:99;opacity:0;transition:opacity .25s;display:none;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;display:block}
.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn svg{flex-shrink:0;width:16px;height:16px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 2px 8px #f15a244d}.btn-secondary{background-color:var(--surface-card);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--border-color-hover)}.btn-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover{background-color:var(--color-danger-hover);box-shadow:0 2px 8px #dc262640}.btn-success{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-success:hover{background-color:var(--color-success-hover)}.btn-sm{height:32px;padding:0 var(--space-3);font-size:.8rem}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.table-container{background-color:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5);overflow:hidden}.table-header-actions{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-3);background-color:var(--surface-card);flex-wrap:wrap;display:flex}.table-search-wrapper{width:280px;position:relative}.table-search{width:100%;height:38px;padding:0 var(--space-3) 0 36px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:border-color .2s,box-shadow .2s}.table-search:focus{border-color:var(--color-primary);background-color:var(--surface-card);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.table-search-icon{width:15px;height:15px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.table-actions-right{align-items:center;gap:var(--space-2);display:flex}.data-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{background-color:var(--bg-secondary);color:var(--text-secondary);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);white-space:nowrap;font-size:.8rem;font-weight:600}.data-table td{padding:var(--space-4);border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;font-size:.875rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color .1s}.data-table tbody tr:hover{background-color:var(--surface-hover)}.data-table tr.selected{background-color:var(--color-primary-soft)}.sort-icon{vertical-align:middle;opacity:.4;cursor:pointer;flex-direction:column;margin-left:4px;display:inline-flex}.sort-icon.active{opacity:1;color:var(--color-primary)}.checkbox-cell{text-align:center;width:44px}.custom-checkbox{cursor:pointer;align-items:center;display:inline-flex;position:relative}.custom-checkbox input{opacity:0;width:0;height:0;position:absolute}.checkbox-mark{border:1.5px solid var(--border-color-hover);background-color:var(--surface-card);border-radius:4px;width:17px;height:17px;transition:all .15s;display:inline-block;position:relative}.custom-checkbox input:checked+.checkbox-mark{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-mark:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:5px;height:9px;display:none;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.custom-checkbox input:checked+.checkbox-mark:after{display:block}.pagination{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--text-secondary);background-color:var(--surface-card);flex-wrap:wrap;font-size:.8rem;display:flex}.pagination-controls{align-items:center;gap:4px;display:flex}.page-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--surface-card);min-width:34px;height:34px;color:var(--text-secondary);cursor:pointer;padding:0 var(--space-2);justify-content:center;align-items:center;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.page-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-new,.badge-pending{background-color:var(--color-warning-soft);color:var(--color-warning)}.badge-progress,.badge-active{background-color:var(--color-info-soft);color:var(--color-info)}.badge-responded,.badge-approved,.badge-completed{background-color:var(--color-success-soft);color:var(--color-success)}.badge-closed,.badge-rejected,.badge-inactive{background-color:var(--color-danger-soft);color:var(--color-danger)}.badge-neutral{background-color:var(--bg-secondary);color:var(--text-secondary)}.card{background-color:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{padding:var(--space-5);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-primary);font-size:1rem;font-weight:600}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color);justify-content:flex-end;gap:var(--space-2);display:flex}.modal-overlay{background-color:var(--overlay-bg);padding:var(--space-4);z-index:1100;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active{animation:.15s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background-color:var(--surface-card);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);animation:.2s slideUp;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:1.05rem;font-weight:600}.modal-close{cursor:pointer;color:var(--text-muted);padding:var(--space-1);border-radius:var(--radius-md);background:0 0;border:none;transition:background-color .15s,color .15s;display:flex}.modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.modal-close svg{width:18px;height:18px}.modal-body{padding:var(--space-6);max-height:68vh;overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);justify-content:flex-end;gap:var(--space-3);background-color:var(--bg-secondary);display:flex}.drawer-overlay{background-color:var(--overlay-bg);z-index:1100;justify-content:flex-end;display:none;position:fixed;inset:0}.drawer-overlay.active{animation:.15s fadeIn;display:flex}.drawer-container{background-color:var(--surface-card);width:100%;max-width:480px;height:100%;box-shadow:var(--shadow-lg);border-left:1px solid var(--border-color);flex-direction:column;animation:.2s slideFromRight;display:flex}.drawer-container>form{flex-direction:column;flex:1;min-height:0;display:flex}@keyframes slideFromRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.drawer-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.drawer-header h3{font-size:1.05rem;font-weight:600}.drawer-body{padding:var(--space-6);flex:1;overflow-y:auto}.drawer-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);justify-content:flex-end;gap:var(--space-3);background-color:var(--bg-secondary);flex-shrink:0;display:flex}.form-group{margin-bottom:var(--space-5)}.form-label{color:var(--text-primary);margin-bottom:var(--space-2);font-size:.875rem;font-weight:600;display:block}.form-label .required{color:var(--color-danger);margin-left:2px}.form-hint{color:var(--text-muted);margin-top:var(--space-1);font-size:.78rem}.form-control{width:100%;height:42px;padding:0 var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-control:focus{border-color:var(--color-primary);background-color:var(--surface-card);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.form-control.error{border-color:var(--color-danger)}.form-control.error:focus{box-shadow:0 0 0 3px var(--color-danger-soft)}textarea.form-control{height:auto;padding:var(--space-3) var(--space-4);resize:vertical;min-height:100px}select.form-control{cursor:pointer}.form-error-msg{color:var(--color-danger);margin-top:4px;font-size:.75rem;font-weight:500;display:none}.form-control.error+.form-error-msg{display:block}.form-row{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.custom-radio{align-items:center;gap:var(--space-2);cursor:pointer;margin-right:var(--space-4);font-size:.875rem;display:flex}.custom-radio input{accent-color:var(--color-primary)}.radio-group{margin-top:var(--space-1);align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.file-upload-zone{border:2px dashed var(--border-color-hover);background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s;position:relative}.file-upload-zone:hover,.file-upload-zone.dragover{border-color:var(--color-primary);background-color:var(--color-primary-soft)}.file-upload-zone svg{width:40px;height:40px;color:var(--text-muted);margin-bottom:var(--space-3)}.file-upload-zone p{color:var(--text-secondary);margin-bottom:var(--space-1);font-size:.875rem;font-weight:500}.file-upload-zone span{color:var(--text-muted);font-size:.78rem}.file-upload-input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-preview{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);background-color:var(--surface-card);display:none}.preview-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;font-weight:500;overflow:hidden}.preview-size{color:var(--text-muted);margin-top:2px;font-size:.72rem}.preview-info{flex:1;overflow:hidden}.remove-upload-btn{cursor:pointer;color:var(--color-danger);padding:var(--space-1);background:0 0;border:none}.toast-container{gap:var(--space-2);z-index:1200;flex-direction:column;width:100%;max-width:340px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background-color:var(--surface-card);border:1px solid var(--border-color);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);animation:.25s toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast.success{border-left-color:var(--color-success)}.toast.warning{border-left-color:var(--color-warning)}.toast.danger{border-left-color:var(--color-danger)}.toast.info{border-left-color:var(--color-info)}.toast-message{color:var(--text-primary);flex:1;font-size:.875rem;font-weight:500}.toast-close{cursor:pointer;color:var(--text-muted);padding:var(--space-1);background:0 0;border:none}.toast-close:hover{color:var(--text-primary)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);background-color:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.empty-state svg{width:56px;height:56px;color:var(--text-muted);margin-bottom:var(--space-4)}.empty-state h3{margin-bottom:var(--space-2);font-size:1rem;font-weight:600}.empty-state p{color:var(--text-secondary);margin-bottom:var(--space-4);max-width:380px;margin-left:auto;margin-right:auto;font-size:.875rem}.tabs-navigation{border-bottom:2px solid var(--border-color);margin-bottom:var(--space-6);gap:0;display:flex;overflow-x:auto}.tab-link{padding:var(--space-3) var(--space-5);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.tab-link:hover{color:var(--text-primary)}.tab-link.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-panel,.tab-pane{display:none}.tab-panel.active,.tab-pane.active{display:block}.accordion{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--surface-card);overflow:hidden}.accordion-item{border-bottom:1px solid var(--border-color)}.accordion-item:last-child{border-bottom:none}.accordion-header{padding:var(--space-4) var(--space-5);background-color:var(--surface-card);cursor:pointer;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;transition:background-color .15s;display:flex}.accordion-header:hover{background-color:var(--surface-hover)}.accordion-content{padding:var(--space-5);border-top:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);font-size:.875rem;line-height:1.7;display:none}.accordion-item.active .accordion-content{display:block}.accordion-icon{color:var(--text-muted);width:16px;height:16px;transition:transform .2s}.accordion-item.active .accordion-icon{transform:rotate(180deg)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);border:1px solid;font-size:.875rem;line-height:1.6;display:flex}.alert svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}.alert-title{margin-bottom:2px;font-weight:600}.alert-info{background-color:var(--color-info-soft);border-color:var(--color-info);color:var(--color-info)}.alert-success{background-color:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.alert-warning{background-color:var(--color-warning-soft);border-color:var(--color-warning);color:var(--color-warning)}.alert-danger{background-color:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.alert-body{color:var(--text-primary)}
@media (max-width:1200px){.dashboard-split-layout{grid-template-columns:1fr}.main-content{padding:var(--space-6) var(--space-6)}}@media (max-width:768px){.app-container{grid-template-columns:1fr;grid-template-areas:"header""main"}.sidebar{z-index:1000;height:100vh;box-shadow:var(--shadow-lg);transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:-260px}.sidebar.mobile-active{left:0}.sidebar.collapsed{left:-260px}.sidebar-overlay{background-color:var(--overlay-bg);z-index:999;opacity:0;transition:opacity .25s;display:none;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;display:block}.hamburger-btn{justify-content:center;align-items:center;display:flex}.sidebar-toggle-btn,.search-container,.doc-btn span{display:none}.doc-btn{border-radius:var(--radius-md);padding:8px 10px}.header-left{gap:var(--space-2)}.breadcrumb{font-size:.8rem}.form-row{grid-template-columns:1fr;gap:0}.table-header-actions{flex-direction:column;align-items:stretch}.table-search-wrapper{width:100%}.table-actions-right{justify-content:space-between;width:100%}}@media (max-width:480px){.page-header{align-items:flex-start;gap:var(--space-4);flex-direction:column}.page-header .btn{width:100%}.profile-info{display:none}.notifications-dropdown{right:var(--space-4);left:var(--space-4);width:calc(100% - 32px)}.dashboard-grid{grid-template-columns:1fr}}