@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color: #f3f4f6;--surface-color: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--primary-color: #031640;--primary-hover: #0a2566;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--border-color: #e5e7eb;--sidebar-bg: #031640;--sidebar-text: #93a8d4;--sidebar-hover: #0a2566;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app-layout{display:flex;min-height:100vh}.sidebar{width:250px;background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{padding:1.5rem;font-size:1.25rem;font-weight:700;color:#fff;border-bottom:1px solid var(--sidebar-hover)}.sidebar-nav{padding:1rem .75rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.nav-item{display:flex;align-items:center;padding:.85rem 1rem;color:var(--sidebar-text);text-decoration:none;gap:.75rem;transition:all .2s;border-radius:12px}.nav-item:hover,.nav-item.active{background-color:var(--sidebar-hover);color:#fff}.nav-item-primary{font-weight:600}.nav-accordion-list{display:flex;flex-direction:column;gap:.75rem}.nav-accordion{border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#ffffff05;overflow:hidden}.nav-accordion.active-group{border-color:#4f46e573}.nav-accordion-trigger{width:100%;background:transparent;border:none;color:var(--sidebar-text);display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;cursor:pointer;transition:all .2s}.nav-accordion-trigger:hover,.nav-accordion-trigger.active,.nav-accordion.open .nav-accordion-trigger{background:var(--sidebar-hover);color:#fff}.nav-accordion-title{display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-accordion-chevron{transition:transform .2s ease}.nav-accordion.open .nav-accordion-chevron{transform:rotate(180deg)}.nav-accordion-panel{display:flex;flex-direction:column;gap:.25rem;max-height:0;opacity:0;overflow:hidden;padding:0 .5rem;transition:max-height .25s ease,opacity .2s ease,padding .25s ease}.nav-accordion.open .nav-accordion-panel{max-height:520px;opacity:1;padding:.35rem .5rem .75rem}.nav-subitem{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border-radius:10px;color:var(--sidebar-text);text-decoration:none;transition:all .2s;font-size:.9rem}.nav-subitem:hover,.nav-subitem.active{background:#ffffff14;color:#fff}.main-content{flex:1;display:flex;flex-direction:column}.top-header{height:64px;background-color:var(--surface-color);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;padding:0 2rem}.content-area{padding:2rem;overflow-y:auto;flex:1}.card{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:1.5rem;margin-bottom:1.5rem}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background-color:#f9fafb;padding:.75rem 1rem;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--border-color)}td{padding:1rem;border-bottom:1px solid var(--border-color);font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.form-control{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e51a}.badge{display:inline-block;padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#031640}.login-box{background:var(--surface-color);padding:2.5rem;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0006;width:100%;max-width:400px}.nav-platform-section{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.25rem}.nav-platform-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff4d;padding:0 1rem .25rem}.page-loading,.page-error{padding:3rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.page-error{color:var(--danger-color)}.alert{padding:.6rem .875rem;border-radius:var(--radius-md);font-size:.85rem}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}