*{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0b1d3a;--gold:#c8a84b;--bg:#f4f6fa;--border:#e2e6ef;--text:#0b1d3a;--muted:#7b8499;--green:#16a34a;--amber:#d97706;--red:#dc2626}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif}button,input,select,textarea{font-family:inherit}.app{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--navy);color:#fff;flex-direction:column;width:230px;display:flex;position:relative}.logo{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:18px;display:flex}.logo-mark{background:var(--gold);width:36px;height:36px;color:var(--navy);border-radius:8px;justify-content:center;align-items:center;font-weight:800;display:flex}.logo-sub{color:#ffffff73;font-size:11px}.nav-section{text-transform:uppercase;color:#ffffff59;padding:18px 18px 6px;font-size:11px}.nav-item{cursor:pointer;color:#ffffffb8;border-left:3px solid #0000;align-items:center;gap:10px;padding:11px 18px;font-size:15px;text-decoration:none;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{border-left-color:var(--gold);color:#fff;background:#c8a84b26;font-weight:700}.sidebar-user{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:auto;padding:16px 18px;display:flex}.sidebar-avatar{background:var(--gold);width:34px;height:34px;color:var(--navy);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex}.sidebar-user-name{color:#fff;font-size:13px;font-weight:800}.sidebar-user-role{color:#ffffff8c;font-size:11px}.main{background:var(--bg);flex:1;overflow:auto}.topbar{border-bottom:1px solid var(--border);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.breadcrumb{align-items:center;gap:7px;font-size:14px;display:flex}.breadcrumb span{color:#9aa3b8}.breadcrumb strong{color:var(--text)}.year-chip{background:var(--navy);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:800;color:#fff!important}.topbar-actions{align-items:center;gap:8px;display:flex}.page{padding:24px}.btn{cursor:pointer;border:0;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:700}.btn-primary{background:var(--gold);color:var(--navy)}.btn-secondary{border:1px solid var(--border);color:var(--text);background:#fff}.card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:18px}.table{border-collapse:collapse;background:#fff;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:12px;font-size:13px}.badge{border-radius:20px;padding:4px 9px;font-size:12px;font-weight:800}.badge.green{color:#166534;background:#dcfce7}.badge.amber,.badge.yellow{color:#92400e;background:#fef3c7}.badge.red{color:#991b1b;background:#fee2e2}.modal-bg{z-index:50;background:#0b1d3a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:620px;padding:24px}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:18px;display:grid}.input,.form-grid input,.form-grid select,.form-grid textarea{box-sizing:border-box;border:1px solid #e4e7ef;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:15px}textarea.input{resize:vertical}.full{grid-column:span 2}label{color:#374151;font-size:14px;font-weight:600}