*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font-sans, system-ui, -apple-system, sans-serif);background:var(--content-bg, #f4f6f9);color:var(--text, #1c2733);font-size:14px;line-height:1.5}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;flex-shrink:0;background:var(--sidebar-bg, #0b2a4a);display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-nav{list-style:none;margin:.5rem 0 0;padding:0 .5rem}.sidebar-nav li{margin-bottom:2px}.sidebar-nav a{display:block;padding:.6rem .75rem;border-radius:4px;color:var(--sidebar-text, #9db0c4);text-decoration:none;font-size:14px;font-weight:500;transition:background .12s,color .12s}.sidebar-nav a:hover{background:var(--ig-navy-light, #16314f);color:#fff}.main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.content{flex:1;overflow-y:auto;padding:2rem;position:relative}.content>*{position:relative;z-index:1}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--card-bg, #fff);border:1px solid var(--border, #dde3ea);border-radius:4px;box-shadow:0 1px 2px #0000000a;padding:1.25rem 1.25rem 1rem}.stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--text);line-height:1}.stat-card .stat-value.warn{color:var(--accent, #ff6a00)}.stat-card .stat-label{font-size:.8125rem;color:var(--text-muted);margin-top:.375rem}.table-wrap{background:var(--card-bg, #fff);border:1px solid var(--border, #dde3ea);border-radius:4px;box-shadow:0 1px 2px #0000000a;overflow:hidden;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}thead th{text-align:left;padding:0 1rem;height:40px;background:var(--content-bg);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:0 1rem;height:40px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--content-bg)}tfoot td{padding:0 1rem;height:40px;border-top:2px solid var(--border);font-weight:600;background:var(--content-bg);vertical-align:middle}.form-card{background:var(--card-bg, #fff);border:1px solid var(--border);border-radius:4px;box-shadow:0 1px 2px #0000000a;padding:1.5rem;margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{font-size:.8125rem;font-weight:500;color:var(--text-muted)}input,select,textarea{padding:.5rem .75rem;border:1px solid var(--border);border-radius:4px;font-size:.875rem;background:var(--card-bg);color:var(--text);font-family:inherit;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent, #ff6a00);box-shadow:0 0 0 3px #ff6a001f}textarea{resize:vertical}.btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;font-family:inherit;transition:background .12s;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent, #ff6a00);color:#fff}.btn-primary:not(:disabled):hover{background:#e05f00}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:not(:disabled):hover{background:var(--content-bg)}.btn-sm{padding:.3rem .625rem;font-size:.8125rem}.tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.tab{padding:.5rem 1rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;font-size:.875rem;font-family:inherit;color:var(--text-muted);transition:color .12s}.tab:hover{color:var(--text)}.tab.active{color:var(--accent, #ff6a00);border-bottom-color:var(--accent, #ff6a00);font-weight:600}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-success{background:#e8f5e9;color:#2e7d32}.badge-warning{background:#fff8e1;color:#b45309}.badge-danger{background:#feeceb;color:#e8331f}.badge-neutral{background:#f1f5f9;color:#475569}.section-title{font-size:.9375rem;font-weight:600;margin:0 0 1rem;color:var(--text)}.error-msg{color:#b91c1c;background:#fee2e2;border-radius:4px;padding:.625rem .875rem;font-size:.875rem;margin-bottom:1rem}.empty{color:var(--text-muted);text-align:center;padding:2.5rem 1rem;font-size:.875rem;font-style:italic}.mt-1{margin-top:1rem}:root{--ig-navy: #0B2A4A;--ig-navy-light: #16314f;--ig-navy-dark: #071A30;--ig-orange: #FF6A00;--ig-red: #E8331F;--ig-gold: #FFC107;--ig-bg: #F4F6F9;--ig-surface: #FFFFFF;--ig-border: #DDE3EA;--ig-text: #1C2733;--ig-text-muted: #6B7785;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--sidebar-bg: var(--ig-navy);--sidebar-text: #9DB0C4;--sidebar-active: #E6ECF5;--accent: var(--ig-orange);--content-bg: var(--ig-bg);--card-bg: var(--ig-surface);--border: var(--ig-border);--text: var(--ig-text);--text-muted: var(--ig-text-muted);--danger: var(--ig-red);--warning: var(--ig-gold)}body{font-family:var(--font-sans)}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1rem}.ig-sidebar-mark{width:28px;height:28px;flex-shrink:0}.sidebar-brand{font-size:14px;font-weight:700;letter-spacing:.08em;color:#e6ecf5}.sidebar-sub{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9db0c4;margin-top:1px}.sidebar-nav a.active{background:#ff6a001f;color:#e6ecf5;border-left:3px solid var(--ig-orange);padding-left:calc(.75rem - 3px);font-weight:600}.topbar{height:52px;background:var(--ig-surface);border-bottom:1px solid var(--ig-border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;flex-shrink:0}.topbar__title{font-size:15px;font-weight:600;color:var(--ig-text)}.topbar__user{font-size:13px;color:var(--ig-text-muted)}.content:before{content:"";position:fixed;right:-60px;bottom:-60px;width:420px;height:420px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='32' fill='%230B2A4A'/%3E%3Cpath d='M32 8c6 8 11 13 11 22a11 11 0 1 1-22 0c0-4 2-7 4-10-1 5 1 8 3 9-1-4 0-8 4-11 0 4-1 6 1 8 1-7 -1-13 -1-18z' fill='%23FF6A00'/%3E%3Cpath d='M32 16c4 6 8 10 8 16a8 8 0 1 1-16 0c0-3 1-5 3-7 0 3 1 5 2 6-1-3 0-6 3-8 0 3 0 5 1 6-1-5 -1-9 -1-13z' fill='%23E8331F'/%3E%3C/svg%3E") no-repeat center / contain;opacity:.04;pointer-events:none;z-index:0}