:root{--navy: #02132e;--navy-700: #041937;--navy-600: #0a2548;--teal: #58ddcd;--teal-600: #36c4b3;--teal-700: #1ea596;--bg: #f4f6f9;--panel: #ffffff;--panel-alt: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #02132e;--muted: #51607a;--heading: var(--navy);--link: var(--teal-700);--accent: var(--teal-700);--accent-contrast: #02132e;--danger: #d64545;--success: #2f9e6b;--warning: #c9870b;--skeleton-base: #e8edf3;--skeleton-hi: #f4f7fa;--overlay: rgba(2, 19, 46, .45);--sidebar-w: 232px;--sidebar-w-collapsed: 64px;--radius: 10px;--radius-sm: 7px;--shadow-sm: 0 1px 2px rgba(2, 19, 46, .06);--shadow: 0 4px 16px rgba(2, 19, 46, .08);--shadow-lg: 0 12px 32px rgba(2, 19, 46, .12);--ring: 0 0 0 3px rgba(88, 221, 205, .4)}[data-theme=dark]{--bg: #0a1525;--panel: #101f38;--panel-alt: #16294a;--border: #1f3357;--border-strong: #2c4a7d;--text: #e7eef8;--muted: #a3b4cb;--heading: #f2f6fc;--link: var(--teal);--accent: var(--teal);--skeleton-base: #16294a;--skeleton-hi: #1f3357;--overlay: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55}a{color:var(--link)}a:focus-visible,button:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}h1,h2,h3{letter-spacing:-.02em;color:var(--heading)}.layout{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:0 20px;height:64px;background:var(--navy);border-bottom:1px solid var(--navy-600);position:sticky;top:0;z-index:40}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.01em;color:#fff;text-decoration:none}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--teal) 0%,var(--teal-700) 100%);color:var(--navy);font-weight:800;font-size:14px;letter-spacing:.02em;box-shadow:inset 0 0 0 1px #ffffff26}.brand-accent{color:var(--teal)}.topbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:#ffffffd9;cursor:pointer;transition:background .15s ease,color .15s ease}.icon-btn:hover{color:#fff;background:#ffffff1f}.icon-btn:focus-visible{outline:none;box-shadow:var(--ring)}.nav-toggle{display:none}.lang-switcher{display:inline-flex;align-items:center}.lang-switcher select{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);padding:7px 28px 7px 10px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;transition:background-color .15s ease,border-color .15s ease}.lang-switcher select:hover{background-color:#ffffff24}.lang-switcher select:focus-visible{outline:none;box-shadow:var(--ring)}.lang-switcher option{color:#02132e}.shell{flex:1;display:flex;align-items:flex-start;min-height:0}.sidebar{position:sticky;top:64px;align-self:stretch;width:var(--sidebar-w);flex:0 0 var(--sidebar-w);height:calc(100vh - 64px);background:var(--panel);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;transition:width .18s ease,flex-basis .18s ease}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-nav a,.sidebar-collapse{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--muted);text-decoration:none;font-size:14px;font-weight:600;border:none;background:transparent;cursor:pointer;font-family:inherit;width:100%;text-align:left;transition:background .15s ease,color .15s ease}.sidebar-nav a:hover,.sidebar-collapse:hover{color:var(--heading);background:var(--panel-alt)}.sidebar-nav a.active{color:var(--teal-700);background:#58ddcd24}[data-theme=dark] .sidebar-nav a.active{color:var(--teal)}.sidebar-nav a:focus-visible,.sidebar-collapse:focus-visible{outline:none;box-shadow:var(--ring)}.sidebar-icon{display:inline-grid;place-items:center;flex:0 0 auto}.sidebar-collapse{margin-top:auto;color:var(--muted)}.sidebar-collapse .sidebar-icon{transition:transform .18s ease}.layout--collapsed .sidebar{width:var(--sidebar-w-collapsed);flex-basis:var(--sidebar-w-collapsed)}.layout--collapsed .sidebar-label{display:none}.layout--collapsed .sidebar-nav a,.layout--collapsed .sidebar-collapse{justify-content:center;padding:10px}.layout--collapsed .sidebar-collapse .sidebar-icon{transform:rotate(180deg)}.sidebar-overlay{display:none}.skip-link{position:absolute;left:12px;top:-48px;z-index:100;background:var(--panel);color:var(--heading);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 14px;font-weight:600;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:10px;outline:none;box-shadow:var(--ring)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar-right .btn--ghost{color:#ffffffd9;border-color:#fff3}.topbar-right .btn--ghost:hover{color:#fff;background:#ffffff1f}.user-label{color:#ffffffd9;font-size:14px;font-weight:500;text-decoration:none}.user-label:hover{color:#fff}.content{flex:1 1 auto;min-width:0;padding:36px 28px 64px;max-width:1180px;width:100%;margin:0 auto}.page{animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page h1{margin:0 0 6px;font-size:28px;font-weight:800}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-strong);background:var(--panel);color:var(--text);border-radius:var(--radius-sm);padding:9px 16px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;line-height:1.2;transition:background .15s ease,border-color .15s ease,transform .05s ease,box-shadow .15s ease}.btn:hover{border-color:var(--navy-600);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn--primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn--primary:hover{background:var(--navy-600);border-color:var(--navy-600)}.btn--accent{background:var(--teal);border-color:var(--teal);color:var(--navy)}.btn--accent:hover{background:var(--teal-600);border-color:var(--teal-600)}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn--danger:hover{background:#c23b3b;border-color:#c23b3b}.btn--ghost{background:transparent;border-color:transparent;color:inherit}.btn--ghost:hover{background:#ffffff1a;box-shadow:none}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.form{max-width:380px;display:flex;flex-direction:column;gap:16px;margin-top:20px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--heading)}.field input,.field select,.field textarea{background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text);font-size:14px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--teal-700);box-shadow:var(--ring)}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--danger)}.field input[aria-invalid=true]:focus,.field select[aria-invalid=true]:focus,.field textarea[aria-invalid=true]:focus{border-color:var(--danger);box-shadow:0 0 0 3px #b91c1c2e}.field .field-error{color:var(--danger);font-size:12px;font-weight:500}.state{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);margin-top:18px}.state p{margin:0}.state-icon{flex:0 0 auto;display:inline-grid;place-items:center;margin-top:1px}.state-body{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.state--loading{color:var(--muted)}.state--error{border-color:#d6454566;background:#d6454512;color:var(--danger)}.state--empty{flex-direction:column;align-items:center;text-align:center;gap:10px;padding:40px 24px;color:var(--muted);background:var(--panel-alt);border-style:dashed}.state--empty .state-icon{color:var(--border-strong);margin-top:0}.skeleton{display:block;background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-hi) 37%,var(--skeleton-base) 63%);background-size:400% 100%;border-radius:var(--radius-sm);animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.state-loading{margin-top:18px}.skeleton-table{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel);box-shadow:var(--shadow-sm)}.skeleton-row{display:flex;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border)}.skeleton-row:last-child{border-bottom:none}.skeleton-row--head{background:var(--panel-alt)}.skeleton-cell{height:12px;flex:1}.skeleton-cell:first-child{flex:0 0 22%}.skeleton-row--head .skeleton-cell{height:9px;opacity:.7}.skeleton-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.skeleton-line{height:14px}.skeleton-line--sm{height:10px;width:45%}.skeleton-line--lg{height:26px;width:70%}.state--info{border-color:#1ea59666;background:#58ddcd1a;color:var(--teal-700)}.state--success{border-color:#2f9e6b66;background:#2f9e6b14;color:var(--success)}.page-head-actions{display:flex;gap:8px}.page-actions{display:flex;gap:8px;margin-top:16px}.details{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;margin:18px 0}.details dt{color:var(--muted);font-weight:600}.details dd{margin:0}.alert{background:#d6454514;border:1px solid rgba(214,69,69,.4);color:var(--danger);padding:11px 14px;border-radius:var(--radius-sm);font-size:14px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}.detail-grid{display:grid;grid-template-columns:180px 1fr;gap:12px 18px;margin-top:18px;max-width:600px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-sm)}.detail-grid dt{color:var(--muted);font-size:13px;font-weight:600}.detail-grid dd{margin:0}.table{width:100%;border-collapse:separate;border-spacing:0;margin-top:18px;font-size:14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.table th,.table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:var(--panel-alt)}.table th{color:var(--muted);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.6px;background:var(--panel-alt)}.row-actions{display:flex;gap:8px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}.pagination-status{font-size:13px;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;margin-top:20px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm)}.filters label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.filters select,.filters input{background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 10px;color:var(--text);font-size:14px;font-family:inherit;min-width:150px;text-transform:none;letter-spacing:normal;font-weight:400}.filters select:focus,.filters input:focus{outline:none;border-color:var(--teal-700);box-shadow:var(--ring)}.field select{background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text);font-size:14px}.checkbox-field{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.checkbox-field input{accent-color:var(--teal-700);width:16px;height:16px}.badge{display:inline-block;padding:3px 11px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border-strong);color:var(--text);background:var(--panel-alt)}.badge--unpaid{border-color:#c9870b66;background:#c9870b1a;color:var(--warning)}.badge--paid{border-color:#2f9e6b66;background:#2f9e6b1a;color:var(--success)}.badge--cancelled{border-color:#d6454566;background:#d645451a;color:var(--danger)}.media-section{margin-top:36px;padding-top:20px;border-top:1px solid var(--border)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:20px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin-top:20px}.kpi-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--teal) 0%,var(--teal-700) 100%)}.kpi-card .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.kpi-card .value{font-size:26px;font-weight:800;margin-top:6px;color:var(--heading)}.widget{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm)}.widget h2{margin:0;font-size:15px;font-weight:700}.widget .value{font-size:26px;font-weight:800;color:var(--heading)}.widget .empty,.widget .note{color:var(--muted);font-size:13px}.widget .severity{display:inline-block;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;border:1px solid var(--border-strong);margin-right:6px;text-transform:uppercase;letter-spacing:.4px}.severity--ERROR{border-color:#d6454566;background:#d645451a;color:var(--danger)}.severity--WARNING{border-color:#c9870b66;background:#c9870b1a;color:var(--warning)}.widget-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.widget-list li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border);padding-bottom:8px;font-size:13px}.widget-list li:last-child{border-bottom:none;padding-bottom:0}.hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-700) 55%,var(--navy-600) 100%);border-radius:18px;padding:56px 44px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.hero:after{content:"";position:absolute;top:-80px;right:-60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#58ddcd59,#58ddcd00 70%);pointer-events:none}.hero h1{color:#fff;font-size:40px;font-weight:800;margin:0 0 12px;max-width:22ch;position:relative}.hero p{color:#ffffffd1;font-size:17px;margin:0 0 28px;max-width:52ch;position:relative}.hero .actions{margin-top:0;position:relative}.hero-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal);margin-bottom:16px;position:relative}@media (max-width: 900px){.nav-toggle{display:inline-grid}.layout--collapsed .sidebar{width:var(--sidebar-w);flex-basis:var(--sidebar-w)}.layout--collapsed .sidebar-label{display:inline}.sidebar{position:fixed;top:64px;left:0;z-index:45;width:min(82vw,var(--sidebar-w));flex-basis:auto;box-shadow:var(--shadow-lg);transform:translate(-100%);transition:transform .2s ease}.sidebar--open{transform:translate(0)}.layout--collapsed .sidebar-nav a,.layout--collapsed .sidebar-collapse{justify-content:flex-start;padding:10px 12px}.sidebar-collapse{display:none}.sidebar-overlay{display:block;position:fixed;top:64px;right:0;bottom:0;left:0;z-index:44;border:none;padding:0;background:var(--overlay);cursor:pointer;animation:fade-in .15s ease}}@media (max-width: 720px){.topbar{padding:0 12px}.content{padding:24px 16px 48px}.hero{padding:36px 24px}.hero h1{font-size:30px}.detail-grid,.details{grid-template-columns:1fr;gap:4px 0}.details dt,.detail-grid dt{margin-top:8px}.page h1{font-size:24px}.page-head{flex-direction:column;align-items:flex-start}.page-head-actions,.page-head .page-head-actions{width:100%;flex-wrap:wrap}.filters{flex-direction:column;align-items:stretch}.filters label{width:100%}.filters select,.filters input{width:100%;min-width:0}.table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.row-actions{flex-wrap:wrap}.user-label{display:none}.skeleton-cell:first-child{flex:0 0 30%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}