*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #1B2B6E;--navy-dark: #121E52;--navy-light: #EBF1FA;--navy-border: #8DAAD2;--sky: #BBC9E8;--sky-light: #E8EDF8;--purple: var(--navy);--purple-dark: var(--navy-dark);--purple-light: var(--navy-light);--purple-border: var(--navy-border);--teal: #0F6E56;--teal-light: #E1F5EE;--red: #DC2626;--amber: #D97706;--gray-bg: #F4F6FA;--gray-border: #E2E6EF;--text: #111827;--text-muted: #4B5563;--text-hint: #9CA3AF;--white: #ffffff;--radius: 10px;--radius-sm: 6px;--shadow: 0 2px 8px rgba(27,43,110,.1)}body{font-family:DM Sans,sans-serif;background:var(--gray-bg);color:var(--text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}input,textarea,select{font-family:DM Sans,sans-serif;font-size:14px;width:100%;padding:10px 14px;border:1.5px solid var(--gray-border);border-radius:var(--radius-sm);background:var(--white);color:var(--text);outline:none;transition:border .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--navy);box-shadow:0 0 0 3px #1b2b6e1a}button{font-family:DM Sans,sans-serif;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:var(--navy);color:#fff;padding:10px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;width:100%;letter-spacing:.01em}.btn-primary:hover{background:var(--navy-dark)}.btn-ghost{background:transparent;color:var(--text-muted);border:1.5px solid var(--gray-border)!important;padding:8px 18px;border-radius:var(--radius-sm);font-size:13px}.btn-ghost:hover{background:var(--sky-light);color:var(--navy);border-color:var(--sky)!important}.card{background:var(--white);border:1px solid var(--gray-border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.badge{display:inline-block;font-size:11px;padding:3px 10px;border-radius:20px;font-weight:500}.badge-purple{background:var(--sky-light);color:var(--navy)}.badge-teal{background:var(--teal-light);color:var(--teal)}.metric-card{background:var(--gray-bg);border-radius:var(--radius-sm);padding:1rem;text-align:center}.metric-label{font-size:11px;color:var(--text-hint);margin-bottom:4px}.metric-value{font-size:20px;font-weight:500}.progress-bar{height:5px;background:var(--gray-bg);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.sidebar{width:220px;min-height:100vh;background:#bbc9e8;border-right:none;padding:0 0 1rem;flex-shrink:0;position:relative}.sidebar-item{padding:9px 18px;font-size:13px;cursor:pointer;color:#162260;font-weight:500;border-left:2px solid transparent;transition:all .12s}.sidebar-item:hover{background:#1b2b6e14;color:#1b2b6e}.sidebar-item.active{color:#1b2b6e;border-left-color:#1b2b6e;background:#ffffff80;font-weight:600}.sidebar-section{font-size:10px;font-weight:700;color:#1b2b6e;opacity:.55;padding:14px 18px 4px;letter-spacing:.09em;text-transform:uppercase}.apor-topbar{position:fixed;top:0;left:0;right:0;z-index:200;height:56px;background:#fff;border-bottom:1px solid var(--gray-border);display:flex;align-items:center;padding:0 1.5rem;gap:12px;box-shadow:0 1px 4px #1b2b6e0f}.apor-topbar-logo{font-size:16px;font-weight:700;color:var(--navy);letter-spacing:-.02em;margin-right:8px}.apor-topbar-logo span{color:var(--text-muted);font-weight:400;font-size:13px;margin-left:6px}.apor-icon-btn{width:34px;height:34px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-muted);transition:background .12s;position:relative}.apor-icon-btn:hover{background:var(--gray-bg);color:var(--navy)}.apor-avatar{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none;position:relative}.apor-avatar:hover{background:var(--navy-dark)}.apor-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--gray-border);border-radius:10px;box-shadow:0 6px 20px #1b2b6e1f;min-width:200px;padding:6px;z-index:300}.apor-user-dropdown-name{padding:10px 12px 8px;font-size:13px;font-weight:600;color:var(--text);border-bottom:1px solid var(--gray-border);margin-bottom:4px}.apor-user-dropdown-name span{display:block;font-size:11px;color:var(--text-hint);font-weight:400}.apor-dropdown-item{padding:8px 12px;font-size:13px;color:var(--text-muted);cursor:pointer;border-radius:6px;display:flex;align-items:center;gap:8px;transition:background .1s}.apor-dropdown-item:hover{background:var(--gray-bg);color:var(--navy)}.apor-dropdown-item.danger{color:var(--red)}.apor-dropdown-item.danger:hover{background:#fef2f2}.apor-main-sidebar{width:240px;flex-shrink:0;background:#fff;border-right:1px solid var(--gray-border);height:calc(100vh - 56px);overflow-y:auto;position:sticky;top:56px;padding:12px 0 24px}.apor-nav-section{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 4px;cursor:pointer;font-size:11px;font-weight:700;color:var(--text-hint);text-transform:uppercase;letter-spacing:.07em;-webkit-user-select:none;user-select:none}.apor-nav-section:hover{color:var(--navy)}.apor-nav-section .chevron{font-size:10px;transition:transform .2s}.apor-nav-section .chevron.open{transform:rotate(180deg)}.apor-nav-item{display:flex;align-items:center;gap:10px;padding:7px 12px 7px 20px;cursor:pointer;font-size:13px;color:var(--text-muted);font-weight:400;border-radius:7px;margin:1px 8px;transition:all .12s}.apor-nav-item:hover{background:var(--gray-bg);color:var(--text)}.apor-nav-item.active{background:var(--navy-light);color:var(--navy);font-weight:600}.apor-nav-item .nav-icon{width:26px;height:26px;border-radius:6px;background:var(--gray-bg);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:background .12s}.apor-nav-item.active .nav-icon{background:var(--navy);font-size:13px}.apor-nav-item.active .nav-icon span{filter:brightness(0) invert(1)}.apor-nav-divider{height:1px;background:var(--gray-border);margin:8px 16px}.error-msg{color:var(--red);font-size:13px;margin-top:8px;text-align:center}[data-theme=dark]{--gray-bg: #111827;--gray-border: #1F2937;--text: #F9FAFB;--text-muted: #9CA3AF;--text-hint: #6B7280;--white: #1F2937;--navy-light: #1E2A4A;--sky-light: #1A2540;--shadow: 0 2px 8px rgba(0,0,0,.5);--teal-light: #052e1e}[data-theme=dark] body{background:#111827;color:#f9fafb}[data-theme=dark] .apor-topbar,[data-theme=dark] .apor-main-sidebar{background:#1f2937;border-color:#374151}[data-theme=dark] .apor-nav-item{color:#9ca3af}[data-theme=dark] .apor-nav-item:hover{background:#374151;color:#f9fafb}[data-theme=dark] .apor-nav-item.active{background:#1e2a4a}[data-theme=dark] .apor-user-dropdown{background:#1f2937;border-color:#374151}[data-theme=dark] .apor-dropdown-item:hover{background:#374151}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:#111827;color:#f9fafb;border-color:#374151}[data-theme=dark] .card{background:#1f2937;border-color:#374151}