:root{--primary:#4f2aff;--secondary:#25a4a7;--primary-fade:#dcd2ff;--secondary-fade:#d2f0f1;--radius:8px;--sidebar-width-expanded:220px;--sidebar-width-collapsed:60px;--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight:400;--text-color:#1a1a1a;--ui-zoom:1;--action-icon-size:14px;--typo-nav-font:var(--font-family);--typo-nav-size:14px;--typo-nav-weight:500;--typo-nav-style:normal;--typo-nav-decoration:none;--typo-section-font:var(--font-family);--typo-section-size:12px;--typo-section-weight:700;--typo-section-style:normal;--typo-section-decoration:none;--typo-label-font:var(--font-family);--typo-label-size:11px;--typo-label-weight:600;--typo-label-style:normal;--typo-label-decoration:none;--typo-value-font:var(--font-family);--typo-value-size:13px;--typo-value-weight:400;--typo-value-style:normal;--typo-value-decoration:none;--typo-col-header-font:var(--font-family);--typo-col-header-size:11px;--typo-col-header-weight:600;--typo-col-header-style:normal;--typo-col-header-decoration:none;--typo-list-item-font:var(--font-family);--typo-list-item-size:13px;--typo-list-item-weight:400;--typo-list-item-style:normal;--typo-list-item-decoration:none}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-weight:var(--font-weight);color:var(--text-color);background:#f0f2f5;height:100vh;overflow:hidden}#root{height:100vh}.app-layout{height:calc(100vh / var(--ui-zoom));zoom:var(--ui-zoom);display:flex}.sidebar{color:#fff;flex-direction:column;flex-shrink:0;transition:width .2s;display:flex;overflow:hidden}.sidebar.expanded{width:var(--sidebar-width-expanded)}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;padding:16px 12px;display:flex}.sidebar-brand{align-items:center;gap:8px;min-width:0;display:flex}.sidebar-title{letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.sidebar-subtitle{opacity:.6;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.3px;margin-top:1px;font-size:10px;font-weight:400;overflow:hidden}.sidebar-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.sidebar-toggle:hover{background:#ffffff26}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:12px 8px;display:flex;overflow-y:auto}.nav-item{color:var(--typo-nav-color,#ffffffd9);font-size:var(--typo-nav-size);font-weight:var(--typo-nav-weight);font-style:var(--typo-nav-style);-webkit-text-decoration:var(--typo-nav-decoration);text-decoration:var(--typo-nav-decoration);font-family:var(--typo-nav-font);align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff1f!important}.nav-item.active{font-weight:600;color:#fff!important}.sidebar-footer{border-top:1px solid #ffffff26;flex-direction:column;gap:8px;padding:12px;display:flex}.act-as-section{border-bottom:1px solid #ffffff26;padding-bottom:4px}.user-name{font-size:13px;font-weight:600}.user-role{opacity:.7;font-size:11px}.main-content{flex:1;padding:0;overflow-y:auto}.mobile-topbar{z-index:200;color:#fff;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-hamburger{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.mobile-topbar-title{letter-spacing:.5px;font-size:15px;font-weight:700}.sidebar.mobile-drawer{z-index:300;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);width:var(--sidebar-width-expanded)!important}.sidebar.mobile-drawer.drawer-open{transform:translate(0)}.mobile-backdrop{z-index:250;background:#0006;position:fixed;inset:0}.mobile-main{padding-top:52px}@media (width<=767px){.app-layout{flex-direction:column}}.page{padding:24px}.page-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-header h1{color:var(--text-color);font-size:24px;font-weight:700;font-family:var(--font-family)}.badge{color:#fff;border-radius:12px;padding:3px 10px;font-size:13px;font-weight:600}.back-btn{cursor:pointer;color:#555;border-radius:var(--radius);background:0 0;border:none;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:flex}.back-btn:hover{background:#0000000f}.filters-bar{background:#fff;gap:12px;margin-bottom:20px;padding:12px;display:flex;box-shadow:0 1px 3px #00000014}.search-box{border-radius:var(--radius);background:#f5f5f5;border:1px solid #e0e0e0;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.search-box input{background:0 0;border:none;outline:none;width:100%;font-size:14px}.filter-select{border-radius:var(--radius);cursor:pointer;background:#f5f5f5;border:1px solid #e0e0e0;padding:8px 12px;font-size:14px}.cases-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.case-card{border-radius:var(--radius);cursor:pointer;background:#fff;border:1px solid #e5e7eb;padding:16px;transition:all .15s;box-shadow:0 1px 3px #0000000f}.case-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.case-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.case-name{color:var(--text-color);font-size:16px;font-weight:600;font-family:var(--font-family)}.status-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;font-size:11px;font-weight:600}.case-card-body{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.case-field{flex-direction:column;gap:2px;display:flex}.field-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.field-value{color:#333;font-size:13px}.case-card-footer{border-top:1px solid #f0f0f0;padding-top:10px}.view-link{align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.tab-bar{border-radius:var(--radius);background:#0000000f;gap:4px;width:fit-content;margin-bottom:16px;padding:4px;display:flex;overflow-x:auto}.tab-btn{border-radius:calc(var(--radius) - 2px);font-size:var(--typo-nav-size,13px);font-weight:500;font-family:var(--font-family);cursor:pointer;white-space:nowrap;color:var(--text-color);box-shadow:none;background:0 0;border:none;align-items:center;gap:6px;padding:7px 16px;transition:all .15s;display:flex}.tab-btn:hover{background:#fff9}.tab-btn.active{color:var(--primary);background:#fff;font-weight:500;box-shadow:0 1px 4px #00000014}.tab-content{background:#fff;min-height:300px;padding:20px;box-shadow:0 1px 3px #00000014}.field-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.detail-field{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:4px;padding:8px 0;display:flex}.detail-label{font-size:var(--typo-label-size);font-weight:var(--typo-label-weight);font-style:var(--typo-label-style);font-family:var(--typo-label-font);color:var(--typo-label-color,#888);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:var(--typo-value-size);font-weight:var(--typo-value-weight);font-style:var(--typo-value-style);font-family:var(--typo-value-font);color:var(--typo-value-color,var(--text-color));word-break:break-word}.notes-section{flex-direction:column;gap:16px;display:flex}.note-block h3{font-size:var(--typo-section-size);font-family:var(--typo-section-font);font-weight:var(--typo-section-weight);color:var(--typo-section-color,#555);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.note-block p{font-size:var(--typo-value-size);font-family:var(--typo-value-font);color:var(--typo-value-color,var(--text-color));white-space:pre-wrap;line-height:1.6}.note-block div{font-size:var(--typo-value-size);font-family:var(--typo-value-font);color:var(--typo-value-color,var(--text-color));line-height:1.6}.note-block div ul,.note-block div ol{margin:4px 0;padding-left:20px}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;font-weight:var(--typo-col-header-weight);font-size:var(--typo-col-header-size);font-family:var(--typo-col-header-font);font-style:var(--typo-col-header-style);-webkit-text-decoration:var(--typo-col-header-decoration);text-decoration:var(--typo-col-header-decoration);color:var(--typo-col-header-color,inherit);background:var(--col-header-bg,transparent);text-transform:uppercase;letter-spacing:.5px;padding:10px 12px}.data-table td{font-size:var(--typo-list-item-size);font-family:var(--typo-list-item-font);font-weight:var(--typo-list-item-weight);font-style:var(--typo-list-item-style);-webkit-text-decoration:var(--typo-list-item-decoration);text-decoration:var(--typo-list-item-decoration);color:var(--typo-list-item-color,var(--text-color));border-bottom:1px solid #f0f0f0;padding:10px 12px}.data-table tbody tr:hover{background:var(--primary-fade)}.approval-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.approval-badge.approved{color:#166534;background:#dcfce7}.approval-badge.pending-approval{color:#5b21b6;background:#ede9fe}.approval-badge.changes-needed{color:#854d0e;background:#fef9c3}.approval-badge.rejected{color:#991b1b;background:#fecaca}.approval-badge.in-progress{color:#1e40af;background:#dbeafe}.settings-card{box-sizing:border-box;background:#fff;width:100%;padding:24px;box-shadow:0 1px 3px #00000014}.settings-card h2{color:#333;margin:16px 0 12px;font-size:16px}.settings-card h2:first-child{margin-top:0}.settings-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.settings-row label{min-width:140px;font-size:14px}.settings-row input[type=color]{cursor:pointer;border:none;width:40px;height:32px}.color-preview{border:1px solid #ddd;border-radius:4px;width:60px;height:32px}.theme-preview{margin-top:8px;padding:16px}.loading{color:#888;justify-content:center;padding:60px;font-size:16px;display:flex}.empty-state{text-align:center;color:#888;padding:60px;font-size:16px}.placeholder{text-align:center;color:#aaa;padding:60px;font-size:16px}.login-page{background:linear-gradient(135deg,#4f2affcc,#25a4a7cc);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:400px;padding:48px;box-shadow:0 8px 32px #00000026}.login-card h1{color:#1a1a1a;margin-bottom:8px;font-size:24px;font-weight:700}.login-card p{color:#666;margin-bottom:32px;font-size:14px}.login-btn{color:#fff;cursor:pointer;background:#2f2aff;border:none;border-radius:8px;width:100%;padding:12px 32px;font-size:15px;font-weight:600;transition:background .15s}.login-btn:hover{background:#1e18cc}.logout-btn{color:#ffffffd9;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;width:100%;margin-top:8px;padding:6px 12px;font-size:12px;transition:all .15s}.logout-btn:hover{color:#fff;background:#ffffff40}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{opacity:.88}.btn-secondary{color:#333;background:#f0f0f0;border:1px solid #ddd}.btn-secondary:hover{background:#e4e4e4}.btn-danger{color:#fff;background:#ef4444}.btn-danger:hover{background:#dc2626}.btn-success{color:#fff;background:#22c55e}.btn-success:hover{background:#16a34a}.btn-sm{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:var(--action-icon-size);height:var(--action-icon-size)}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.filter-bar .filter-search{flex:1;min-width:180px;max-width:300px}.filter-bar .filter-select{min-width:140px}.actions-bar{justify-content:flex-end;gap:8px;margin-bottom:14px;display:flex}.actions-bar-left{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.form-group{flex-direction:column;gap:4px;display:flex}.form-group.full-width{grid-column:1/-1}.form-section{margin-bottom:24px}.section-title{font-size:var(--typo-section-size);font-weight:var(--typo-section-weight);font-style:var(--typo-section-style);-webkit-text-decoration:var(--typo-section-decoration);text-decoration:var(--typo-section-decoration);font-family:var(--typo-section-font);text-transform:uppercase;letter-spacing:.6px;color:var(--typo-section-color,#6b7280);border-bottom:1px solid #e5e7eb;margin:0 0 10px;padding-bottom:6px}.form-label{font-size:var(--typo-label-size);font-weight:var(--typo-label-weight);font-style:var(--typo-label-style);-webkit-text-decoration:var(--typo-label-decoration);text-decoration:var(--typo-label-decoration);font-family:var(--typo-label-font);color:var(--typo-label-color,#666);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.form-input,.form-select,.form-textarea{border-radius:var(--radius);font-size:var(--typo-value-size);font-weight:var(--typo-value-weight);font-style:var(--typo-value-style);font-family:var(--typo-value-font);color:var(--typo-value-color,#1a1a1a);background:#fff;border:1px solid #ddd;width:100%;padding:8px 10px;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);outline:none}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-checkbox-row{color:#333;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.form-checkbox-row input[type=checkbox]{cursor:pointer;width:auto}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius);background:#fff;flex-direction:column;width:100%;max-width:680px;max-height:90vh;display:flex;box-shadow:0 8px 32px #0003}.modal-lg{max-width:900px}.modal-xl{max-width:1200px}.modal-header{border-bottom:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{color:var(--text-color);font-size:16px;font-weight:700;font-family:var(--font-family)}.modal-close{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:22px;line-height:1}.modal-close:hover{color:#333;background:#f0f0f0}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{border-radius:0 0 var(--radius) var(--radius);background:#fafafa;border-top:1px solid #eee;flex-shrink:0;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.confirm-overlay{z-index:1100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-box{border-radius:var(--radius);background:#fff;width:90%;max-width:360px;padding:24px;box-shadow:0 8px 32px #0003}.confirm-box h3{color:var(--text-color);font-size:16px;font-family:var(--font-family);margin-bottom:10px}.confirm-box p{color:var(--text-color);opacity:.7;font-size:14px;font-family:var(--font-family);margin-bottom:20px}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.pagination{justify-content:center;align-items:center;gap:6px;padding:16px 0 4px;display:flex}.pagination-btn{border-radius:var(--radius);cursor:pointer;color:#333;background:#fff;border:1px solid #ddd;padding:6px 12px;font-size:13px}.pagination-btn:hover:not(:disabled){background:#f0f0f0}.pagination-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:#888;margin:0 8px;font-size:13px}.report-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.report-card{border-radius:var(--radius);background:#fff;padding:20px;box-shadow:0 1px 3px #00000014}.report-card h3{color:#666;margin-bottom:8px;font-size:13px;font-weight:500}.report-stat{font-size:30px;font-weight:700}.report-sub{color:#888;margin-top:4px;font-size:13px}.report-table-section{border-radius:var(--radius);background:#fff;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #00000014}.report-table-section h3{color:var(--text-color);font-size:15px;font-weight:600;font-family:var(--font-family);margin-bottom:14px}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--primary-fade)!important}.edit-actions{border-top:1px solid #eee;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:16px;display:flex}.editable-field{position:relative}.editable-value{cursor:text;border-radius:4px;min-height:24px;padding:4px 6px}.editable-value:hover{background:#f5f5f5}.file-list{flex-direction:column;gap:8px;display:flex}.file-item{border-radius:var(--radius);background:#f8f9fa;border:1px solid #eee;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.file-name{font-size:13px;font-weight:500}.file-meta{color:#888;margin-top:2px;font-size:11px}.upload-zone{border-radius:var(--radius);text-align:center;cursor:pointer;color:#888;border:2px dashed #ccc;padding:32px;transition:all .15s}.upload-zone:hover{border-color:var(--primary);color:var(--primary);background:#f8f0ff}.upload-zone input[type=file]{display:none}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}