@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#162c2c;--muted:#73817e;--paper:#f4f7f5;--white:#fff;--teal:#0f7069;--teal-2:#15968b;--mint:#dff3ed;--line:#dfe7e3;--gold:#d99a47;--danger:#a94343;--shadow:0 16px 45px rgba(25,61,57,.08);font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh}h1,h2,strong,b{font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:245px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#132f2f;color:#fff;padding:32px 20px 22px;display:flex;flex-direction:column;z-index:20}.brand,.login-brand{display:flex;align-items:center;gap:12px}.brand{padding:0 10px 32px}.brand-mark{width:37px;height:37px;border:1px solid rgba(255,255,255,.35);border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--teal-2),#0e554f);font-family:Manrope;font-weight:800}.brand b,.login-brand b{display:block;font-size:18px;letter-spacing:.14em}.brand small,.login-brand small{display:block;color:#93aaa6;font-size:10px;text-transform:uppercase;letter-spacing:.18em}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:9px;color:#afc2be;font-weight:600;font-size:14px;transition:.2s}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:rgba(67,176,162,.16)}.sidebar nav a.active{box-shadow:inset 3px 0 var(--teal-2)}.nav-icon{width:24px;text-align:center;font-size:18px}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:20px 8px 0;display:flex;align-items:center;gap:10px;font-size:11px}.sidebar-foot b,.sidebar-foot small{display:block}.sidebar-foot small{color:#75918c;margin-top:2px}.status-dot,.sync-state i{width:8px;height:8px;border-radius:50%;background:#46d3a7;box-shadow:0 0 0 4px rgba(70,211,167,.12)}.main{grid-column:2;min-width:0}.topbar{height:108px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 38px;justify-content:space-between}.topbar h1{font-size:25px;margin:4px 0 0;letter-spacing:-.04em}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--teal);font-weight:700}.top-actions{display:flex;align-items:center;gap:15px}.date-pill{color:var(--muted);font-size:13px}.avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--teal);font-size:12px;font-weight:800}.menu-button{display:none}.content{padding:31px 38px 60px;max-width:1600px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.section-head p{color:var(--muted);margin:0}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:10px 16px;font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px);box-shadow:0 5px 18px rgba(20,60,56,.08)}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn.inverse{background:#fff;color:var(--teal);border-color:#fff}.btn.full{width:100%;justify-content:space-between;padding:13px 16px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 5px 20px rgba(30,70,65,.025)}.stat-card.accent{border-top:3px solid var(--teal-2)}.stat-card.dark{background:#163a39;color:#fff;border-color:#163a39}.stat-icon{width:42px;height:42px;border-radius:10px;background:var(--mint);color:var(--teal);display:grid;place-items:center;font-size:19px}.stat-icon.gold{background:#f8ecd9;color:var(--gold)}.stat-icon.mint{background:#e5f0ef}.stat-card small,.mini-stats small{display:block;font-size:9px;letter-spacing:.13em;color:#889591;font-weight:700}.stat-card strong{display:block;font-size:23px;margin:3px 0}.stat-card em{display:block;font-size:11px;color:#96a29f;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 22px rgba(30,70,65,.025);overflow:hidden}.panel-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1ef}.panel-head h2{font-size:16px;margin:0 0 3px}.panel-head p{font-size:12px;color:var(--muted);margin:0}.panel-head>a{color:var(--teal);font-weight:700;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;background:#f8faf9;color:#82908c;font-size:9px;letter-spacing:.11em;padding:12px 18px;white-space:nowrap}td{padding:14px 18px;border-top:1px solid #edf1ef;white-space:nowrap}td b,td small{display:block}td small{color:#88938f;margin-top:3px}.money{color:var(--teal);font-weight:800}.badge{display:inline-flex;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.badge.success{background:#e3f5ec;color:#167458}.badge.neutral{background:#edf0ef;color:#66736f}.empty{text-align:center!important;color:var(--muted);padding:35px!important}.ranking{padding:6px 21px}.rank-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf1ef}.rank-row:last-child{border:0}.rank-num{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:var(--paper);font-weight:800;font-size:11px}.rank-row div{flex:1}.rank-row b,.rank-row small{display:block;font-size:12px}.rank-row small{color:var(--muted);font-size:10px;margin-top:2px}.rank-row strong{font-size:12px;color:var(--teal)}.search input{border:1px solid var(--line);border-radius:8px;padding:8px 12px;width:220px}.country{background:#edf4f1;border-radius:5px;padding:5px 7px;font-weight:800}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.placement-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px;min-height:225px}.placement-top{display:flex;justify-content:space-between;margin-bottom:23px}.type-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--mint);color:var(--teal);border-radius:10px;font-size:19px}.placement-card>small,.number-list span{font-size:9px;letter-spacing:.14em;color:var(--muted);font-weight:700}.placement-card h2{font-size:18px;margin:5px 0}.placement-card>a{font-size:12px;color:var(--teal)}.number-list{border-top:1px solid var(--line);margin-top:24px;padding-top:15px}.number-list p{font-size:12px;font-weight:700;margin:7px 0 0}.empty-card{grid-column:1/-1;text-align:center;padding:60px}.empty-card>span{font-size:35px;color:var(--teal)}.filters{display:flex;align-items:end;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:18px}.filters label{min-width:140px;flex:1}.filters label:first-child{flex:2}.filters input,.filters select{width:100%}.sync-state{font-size:11px;color:var(--teal);font-weight:700;display:flex;align-items:center;gap:9px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#163a39;color:#fff;border-radius:12px;margin-bottom:18px}.mini-stats>div{padding:17px 22px;border-right:1px solid rgba(255,255,255,.11)}.mini-stats>div:last-child{border:0}.mini-stats strong{display:block;font-size:19px;margin-top:4px}.key-reveal{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#0d6f67,#179488);color:#fff;border-radius:12px;padding:21px 24px;margin-bottom:20px}.key-reveal code{font-size:15px;font-weight:800;display:block;margin:6px 0}.key-reveal p{margin:0;color:#c6e8e3;font-size:11px}.api-doc{margin-top:20px;padding:22px;display:flex;align-items:center;justify-content:space-between}.api-doc h2{font-size:16px;margin:5px 0}.api-doc p{font-size:12px;color:var(--muted);margin:0}.api-doc>code{background:#142d2d;color:#bce7df;padding:16px;border-radius:8px;font-size:11px;line-height:1.8}dialog{border:0;border-radius:15px;padding:0;width:min(570px,calc(100% - 30px));box-shadow:0 25px 80px rgba(8,35,32,.25)}dialog::backdrop{background:rgba(12,35,33,.55);backdrop-filter:blur(2px)}.modal-form{padding:25px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:23px}.modal-head h2{margin:4px 0}.close{border:0;background:none;font-size:28px;color:var(--muted);cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}label{font-size:11px;font-weight:700;color:#52625f}input,select,textarea{display:block;margin-top:6px;padding:10px 11px;border:1px solid #cad6d2;border-radius:8px;background:#fff;color:var(--ink);width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,112,105,.1)}label>small{display:block;color:var(--muted);margin-top:5px;font-weight:400}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.flash{padding:13px 16px;border-radius:9px;margin:20px 38px 0;background:#e5f5ee;color:#17694f;font-size:13px;font-weight:700}.flash.error{background:#fbe8e8;color:var(--danger);margin:0}.auth-shell{display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-panel{min-height:100vh;background:linear-gradient(150deg,rgba(18,54,52,.93),rgba(10,77,72,.97)),radial-gradient(circle at 30% 25%,#2ea99c,#0d302e);color:#fff;padding:55px 10%;display:flex;flex-direction:column}.login-brand .brand-mark.large{width:45px;height:45px}.login-copy{margin:auto 0;max-width:580px}.login-copy .eyebrow{color:#6ad6c7}.login-copy h1{font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-.055em;margin:18px 0}.login-copy p{color:#bfd3cf;font-size:16px;line-height:1.7;max-width:490px}.login-metric{display:flex;align-items:center;gap:18px;border-top:1px solid rgba(255,255,255,.16);padding-top:26px}.login-metric strong{font-size:35px;color:#63d2c3}.login-metric span{font-size:12px;color:#b7cac7;line-height:1.5}.login-form-wrap{display:grid;place-items:center;padding:45px}.login-form{width:min(390px,100%);display:grid;gap:20px}.login-form h2{font-size:27px;letter-spacing:-.04em;margin:6px 0}.login-form p{color:var(--muted);font-size:13px;margin:0}.secure-note{text-align:center;color:var(--muted);font-size:10px}.state-page{text-align:center;padding:12vh 20px}.state-page>span{font-family:Manrope;font-size:50px;color:var(--teal)}.state-page h2{font-size:25px}
.provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.provider-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px}.provider-logo{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:#163a39;color:#65d0c1;font-family:Manrope;font-weight:800;margin-bottom:18px}.provider-info{display:flex;justify-content:space-between;align-items:start}.provider-info h2{margin:4px 0 18px;font-size:18px}.provider-metrics{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line);padding-top:15px}.provider-metrics small{display:block;color:var(--muted);font-size:9px;letter-spacing:.13em;font-weight:700}.provider-metrics strong{font-size:12px;display:block;margin-top:5px}.provider-url{font-size:11px;color:var(--teal);margin:15px 0 0;word-break:break-all}.integration-note{display:flex;align-items:center;gap:15px;margin-top:20px;padding:20px}.integration-note>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--teal);font-weight:800}.integration-note h2{font-size:14px;margin:0 0 4px}.integration-note p{margin:0;color:var(--muted);font-size:12px}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{display:block}.topbar{height:90px;padding:0 20px}.menu-button{display:block;border:0;background:transparent;font-size:22px}.topbar>div:nth-child(2){flex:1;margin-left:14px}.topbar .eyebrow,.date-pill{display:none}.content{padding:23px 16px}.section-head{align-items:flex-start;gap:15px}.section-head p{font-size:12px}.stats-grid,.cards-grid,.mini-stats,.provider-grid{grid-template-columns:1fr}.dashboard-grid{display:block}.dashboard-grid .panel{margin-bottom:18px}.filters{flex-wrap:wrap}.filters label,.filters label:first-child{flex:1 1 45%}.mini-stats>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.api-doc{align-items:flex-start;gap:15px;flex-direction:column}.auth-shell{display:block}.login-panel{display:none}.login-form-wrap{min-height:100vh;padding:30px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.flash{margin:15px}.key-reveal{align-items:flex-start;gap:15px;flex-direction:column}.key-reveal code{word-break:break-all}}