:root{--navy: #0B1F3A;--navy-mid: #1A3356;--navy-light: #EEF2F7;--amber: #C8922A;--amber-pale: #FDF5E6;--bg-primary: #F7F7F5;--bg-secondary: #FFFFFF;--bg-accent: #EEF2F7;--text-primary: #0B1F3A;--text-secondary: #5C6B82;--text-muted: #9BAAB8;--border: #E2E2DC;--card-shadow: 0 1px 3px rgba(11,31,58,.08);--sidebar-bg: #FFFFFF;--sidebar-text: #5C6B82;--sidebar-border: #E2E2DC;--navbar-bg: #FFFFFF;--criminal: #C0392B;--civil: #1A5276;--family: #1D7A4E;--commercial: #B7770D;--land: #6D4C2B;--constitutional: #5B2C82;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-serif: "Libre Baskerville", Georgia, serif;--font-sans: "DM Sans", system-ui, sans-serif}[data-theme=dark]{--bg-primary: #080C14;--bg-secondary: #121826;--bg-accent: #1C2538;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--border: #2D3748;--card-shadow: 0 4px 12px rgba(0,0,0,.5);--sidebar-bg: #121826;--sidebar-text: #94A3B8;--sidebar-border: #2D3748;--navbar-bg: #121826;--navy-light: #1E293B;--off-white: #080C14;--criminal: #EF4444;--civil: #60A5FA;--family: #34D399;--commercial: #FBBF24;--land: #A78BFA;--constitutional: #C084FC}body{transition:background-color .4s ease,color .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);min-height:100vh}body:after{content:"";position:fixed;top:0;left:260px;width:calc(100vw - 260px);height:100vh;background-image:url(/watermark.png);background-position:left 2rem bottom 2rem;background-repeat:no-repeat;background-size:min(40vw,40vh);opacity:.05;pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans)}input,select,textarea{font-family:var(--font-sans)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--off-white)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}h1,h2,h3{font-family:var(--font-serif);font-weight:700;color:var(--navy)}h1{font-size:1.75rem;letter-spacing:-.02em}h2{font-size:1.35rem;letter-spacing:-.01em}h3{font-size:1.1rem}.layout-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--sidebar-bg);color:#fff;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;z-index:101;border-right:1px solid var(--border)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.page-content{flex:1;padding:2rem 2.5rem;max-width:1400px;margin:0 auto;width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.page-header h1{line-height:1}.page-header-sub{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 4px 12px #0b1f3a1f}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;border:1px solid transparent;transition:background var(--transition),color var(--transition),border-color var(--transition),opacity var(--transition);white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--navy);color:var(--white);border-color:var(--navy)}.btn-primary:not(:disabled):hover{background:var(--navy-mid);border-color:var(--navy-mid)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border)}.btn-secondary:not(:disabled):hover{background:var(--bg-accent);border-color:var(--navy);transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(0) scale(.98)}.btn-danger{background:var(--white);color:var(--criminal);border-color:#e8c0bd}.btn-danger:not(:disabled):hover{background:#fdf2f2}.btn-amber{background:var(--amber);color:var(--white);border-color:var(--amber)}.btn-amber:not(:disabled):hover{background:#b07820}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-icon{padding:.4rem;background:transparent;border:none;color:var(--text-secondary);border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}.btn-icon:hover{background:var(--navy-light);color:var(--navy)}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-input,.form-select,.form-textarea{padding:.6rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-primary);background:var(--bg-secondary);transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #0b1f3a14}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--criminal)}.form-error{font-size:.78rem;color:var(--criminal);margin-top:.15rem}.form-help{font-size:.78rem;color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.form-full{grid-column:1 / -1}.checkbox-group{display:flex;flex-wrap:wrap;gap:.5rem}.checkbox-pill{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border:1px solid var(--border);border-radius:20px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none}.checkbox-pill:has(input:checked){background:var(--navy);color:var(--white);border-color:var(--navy)}.checkbox-pill input{display:none}.radio-group{display:flex;gap:.75rem}.radio-pill{display:flex;align-items:center;gap:.35rem;padding:.4rem 1rem;border:1px solid var(--border);border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.radio-pill:has(input:checked){border-color:var(--navy);background:var(--navy-light);color:var(--navy)}.radio-pill input{display:none}.radio-urgent:has(input:checked){border-color:var(--criminal);background:#fdf2f2;color:var(--criminal)}.radio-low:has(input:checked){border-color:var(--text-muted);background:var(--off-white);color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:20px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge-criminal{background:#ef444426;color:var(--criminal)}.badge-civil{background:#60a5fa26;color:var(--civil)}.badge-family{background:#34d39926;color:var(--family)}.badge-commercial{background:#fbbf2426;color:var(--commercial)}.badge-land{background:#a78bfa26;color:var(--land)}.badge-constitutional{background:#c084fc26;color:var(--constitutional)}.badge-urgent{background:#fdf2f2;color:var(--criminal)}.badge-normal{background:#eaf2fb;color:var(--civil)}.badge-low{background:var(--off-white);color:var(--text-muted)}.badge-pending{background:#fef9ec;color:var(--commercial)}.badge-scheduled{background:#eaf2fb;color:var(--civil)}.badge-heard{background:#eafaf1;color:var(--family)}.badge-adjourned{background:var(--off-white);color:var(--text-muted)}.badge-cancelled{background:#fdf2f2;color:var(--criminal)}.badge-completed,.badge-active{background:#eafaf1;color:var(--family)}.badge-inactive{background:var(--off-white);color:var(--text-muted)}.table-wrapper{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:.75rem 1rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:2px solid var(--border);background:var(--bg-accent);white-space:nowrap}.data-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover{background:var(--navy-light)}.table-actions{display:flex;gap:.35rem;align-items:center}.table-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.table-empty-icon{font-size:2rem;margin-bottom:.5rem}.table-empty p{font-size:.875rem}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--off-white) 50%,var(--border) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm);height:.875rem}.filters-bar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--off-white)}.filters-bar .form-input,.filters-bar .form-select{width:auto;min-width:160px;font-size:.85rem;padding:.45rem .75rem}.filters-search{flex:1;min-width:200px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:2px solid rgba(11,31,58,.15);border-top-color:var(--navy);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;flex-shrink:0}.spinner-white{border-color:#ffffff4d;border-top-color:#fff}.spinner-center{display:flex;align-items:center;justify-content:center;padding:3rem}.info-box{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem}.info-box-blue{background:#60a5fa1a;border:1px solid rgba(96,165,250,.3);color:var(--civil)}.info-box-amber{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:var(--commercial)}.info-box-red{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--criminal)}.info-box-green{background:#34d3991a;border:1px solid rgba(52,211,153,.3);color:var(--family)}.divider{height:1px;background:var(--border);margin:1.25rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .24s ease forwards}@media print{.no-print{display:none!important}.print-header{display:block!important}body{background:#fff}.card{box-shadow:none;border:1px solid #ccc}}.print-header{display:none}.navbar{background:var(--navbar-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;height:64px;flex-shrink:0;position:sticky;top:0;z-index:100;gap:1rem}.navbar-left{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:0}.mobile-menu-btn{display:none;font-size:1.2rem;padding:.5rem}.search-input-wrapper{position:relative;width:100%;max-width:400px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1rem}.search-input{padding-left:2.5rem;border-radius:20px;background:var(--bg-primary);border:none;width:100%}.navbar-right{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.theme-toggle-btn{background:var(--bg-accent);border:1px solid var(--border);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .3s ease;color:inherit}.theme-toggle-btn:hover{background:var(--border)}.nav-user-info{display:flex;flex-direction:column;align-items:flex-end}.nav-username{font-size:.875rem;font-weight:600;color:var(--navy);text-decoration:none}.nav-role{font-size:.7rem;color:var(--amber);font-weight:700;text-transform:uppercase}.nav-divider{width:1px;height:24px;background:var(--border)}.btn-signout{padding:.45rem 1rem;background:var(--off-white);border:1px solid var(--border);color:var(--navy);border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .16s}.btn-signout:hover{background:var(--criminal);color:#fff;border-color:var(--criminal)}@media (max-width: 1024px){.navbar{padding:0 1.5rem}.sidebar{position:fixed;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 12px #00000026}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100}.sidebar-overlay.open{display:block}body:after{left:0!important;width:100vw!important}.page-content{padding:1.5rem}.mobile-menu-btn{display:inline-flex!important}}@media (max-width: 768px){.navbar{padding:0 1rem;gap:.5rem}.navbar-left{gap:.5rem}.navbar-right{gap:.75rem}.form-grid,.form-grid-3{grid-template-columns:1fr}.filters-bar{flex-direction:column;align-items:stretch}.filters-bar .form-input,.filters-bar .form-select{width:100%}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.data-table th,.data-table td{padding:.6rem .75rem;font-size:.8rem}.nav-user-info,.nav-divider{display:none!important}.search-input-wrapper{max-width:180px!important}.btn-signout{padding:.4rem .75rem;font-size:.75rem}}.btn-primary{color:#fff!important;background-color:var(--navy, #0B1F3A)!important}.btn-primary:hover{color:#fff!important;opacity:.9}.btn-secondary{color:var(--navy, #0B1F3A)!important;border:1px solid var(--navy, #0B1F3A);background-color:transparent}[data-theme=dark] .btn-primary,.dark .btn-primary{color:#fff!important;background-color:var(--amber, #C8922A)!important}[data-theme=dark] .btn-secondary,.dark .btn-secondary{color:#fff!important;border-color:#fff}[data-theme=dark] button:has(>span),[data-theme=dark] .navbar-actions button,[data-theme=dark] header button{color:#fff!important}.navbar button,header button,nav button{color:inherit}[data-theme=dark] .navbar button,[data-theme=dark] header button,[data-theme=dark] nav button{color:#fff!important}