:root{--navy:#071a34;--navy2:#0b2d59;--blue:#0b6cff;--sky:#eaf5ff;--ink:#10233f;--muted:#667a96;--line:#dce8f5;--white:#fff;--shadow:0 24px 70px rgba(4,35,77,.18)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f4f8fc}a{color:inherit}body:has(.auth-page){background:#eef7ff}.auth-page{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.98) 0 13%,transparent 34%),radial-gradient(circle at 84% 28%,rgba(52,145,255,.18),transparent 34%),linear-gradient(145deg,#f9fcff 0%,#eaf5ff 48%,#d9ecff 100%);padding:42px 28px 150px}.auth-page:before{content:"";position:absolute;inset:auto -10% -70px -10%;height:260px;background:linear-gradient(125deg,#06356c,#041d3c 62%,#0a4381);clip-path:polygon(0 42%,16% 52%,33% 43%,49% 58%,67% 47%,83% 59%,100% 43%,100% 100%,0 100%)}.auth-page:after{content:"";position:absolute;right:-75px;top:110px;width:270px;height:540px;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(10,88,174,.7) 25px 29px,transparent 30px 42px);clip-path:polygon(45% 0,55% 0,61% 35%,78% 100%,22% 100%,39% 35%)}.auth-orb{position:absolute;border:1px solid rgba(20,113,224,.18);border-radius:50%;pointer-events:none}.orb-one{width:520px;height:520px;left:-260px;bottom:40px}.orb-two{width:340px;height:340px;right:-120px;bottom:170px}.auth-wrap{position:relative;z-index:2;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 510px;gap:72px;align-items:center;min-height:650px}.auth-brand{padding:12px 0 40px}.brand-row{display:flex;align-items:center;gap:15px;margin-bottom:90px}.brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#075bd7,#0a8cff);box-shadow:0 12px 30px rgba(8,105,230,.25)}.brand-row h1{font-size:28px;margin:0;color:#092955}.brand-row p{margin:3px 0 0;color:#6b7f99;letter-spacing:.08em}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:#0b6cff}.brand-copy h2{font-size:52px;line-height:1.02;max-width:570px;margin:14px 0 20px;color:#08264d}.brand-copy h2 em{font-style:normal;color:#0b6cff}.brand-copy>p{max-width:560px;font-size:18px;line-height:1.65;color:#536b89}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.trust-grid div{padding:15px;border:1px solid rgba(22,105,199,.13);border-radius:16px;background:rgba(255,255,255,.55);backdrop-filter:blur(10px)}.trust-grid b,.trust-grid span{display:block}.trust-grid span{font-size:12px;color:#70839c;margin-top:3px}.auth-card{background:rgba(255,255,255,.93);border:1px solid rgba(129,172,222,.42);border-radius:28px;padding:42px 42px 34px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.shield{width:62px;height:62px;border-radius:20px;margin:0 auto 18px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf4ff,#fff);border:1px solid #d6e8fb;color:#0b6cff;font-size:28px}.auth-card>.eyebrow{display:block;text-align:center}.auth-card h2{text-align:center;font-size:30px;margin:8px 0 8px;color:#0b2447}.auth-card>.muted{text-align:center;margin:0 auto 28px;max-width:390px;color:#71839a;line-height:1.5}.auth-card label{display:block;font-size:13px;font-weight:750;margin:16px 0 7px;color:#203956}.auth-card input{width:100%;height:52px;border:1px solid #cadbec;border-radius:13px;padding:0 15px;font:inherit;background:#fbfdff;outline:none;transition:.2s}.auth-card input:focus{border-color:#4d9cff;box-shadow:0 0 0 4px rgba(11,108,255,.09);background:#fff}.primary-action{width:100%;height:54px;border:0;border-radius:13px;margin-top:24px;background:linear-gradient(90deg,#075fe8,#087dff);color:#fff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 12px 24px rgba(9,105,235,.22)}.primary-action span{font-size:22px;margin-left:8px}.db-note{margin-top:25px;padding:15px 16px;border-radius:14px;background:#f3f8fe;border:1px solid #e0ebf7}.db-note b,.db-note span{display:block}.db-note b{font-size:13px;color:#173c67}.db-note span{font-size:12px;color:#71839a;margin-top:3px}.error,.ok{padding:12px 14px;border-radius:12px;margin:14px 0}.error{background:#fff1f1;color:#a52b2b;border:1px solid #ffd3d3}.ok{background:#edfff5;color:#147a49;border:1px solid #c8f1dc}.auth-footer{position:absolute;z-index:3;left:50%;transform:translateX(-50%);bottom:25px;width:min(1000px,88%);color:#d8e9ff;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:center;font-weight:700}.auth-footer small{grid-column:1/-1;font-weight:400;color:#a9c5e8;margin-top:18px}nav{position:sticky;top:0;z-index:10;display:flex;gap:18px;align-items:center;padding:15px 24px;background:#071b36;color:#d9e9fb;box-shadow:0 8px 25px rgba(0,0,0,.12)}nav b{margin-right:auto;color:#fff}nav i{color:#2d8cff;font-style:normal}nav a{text-decoration:none;font-size:14px}body>main:not(.auth-page){max-width:1240px;margin:0 auto;padding:32px 22px}header h1{margin-bottom:5px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{background:#fff;border:1px solid #e0eaf4;border-radius:18px;box-shadow:0 8px 30px rgba(23,55,91,.06)}.metrics .card{padding:20px}.metrics span,.metrics small{display:block;color:#71839a}.metrics strong{display:block;font-size:30px;margin:5px 0}.tablebox{margin-top:22px;padding:20px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #edf2f7;vertical-align:top}td small{display:block;color:#7c8da3;margin-top:4px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#edf3fa;font-size:12px}.badge.active{background:#e5f8ee;color:#16784a}.badge.suspended,.badge.expired{background:#fff0f0;color:#a73b3b}.badge.trial{background:#fff7df;color:#8b6810}.btn,button{font:inherit}.btn{display:inline-block;text-decoration:none;padding:7px 10px;border-radius:9px;background:#eaf3ff;color:#0a5cc4}.inline{display:flex;gap:6px;margin:4px 0}.inline input,.inline select,.inline button{padding:7px;border:1px solid #d7e2ee;border-radius:8px}.inline button{background:#0b6cff;color:#fff;border:0}@media(max-width:900px){.auth-page{padding:24px 16px 170px}.auth-wrap{grid-template-columns:1fr;gap:22px;min-height:auto}.auth-brand{padding:0}.brand-row{margin-bottom:28px}.brand-copy h2{font-size:38px}.brand-copy>p{font-size:16px}.trust-grid{display:none}.auth-card{padding:30px 22px;border-radius:22px}.auth-page:after{opacity:.1}.auth-footer{grid-template-columns:1fr 1fr 1fr;font-size:12px}.metrics{grid-template-columns:repeat(2,1fr)}nav{overflow:auto}nav b{min-width:max-content}nav a{min-width:max-content}}@media(max-width:520px){.brand-copy{display:none}.brand-row{margin:0 0 6px}.brand-row h1{font-size:23px}.auth-card h2{font-size:25px}.auth-wrap{gap:12px}.auth-footer{width:94%;gap:8px}.auth-footer small{margin-top:8px}.metrics{grid-template-columns:1fr}}
/* Platform Owner dashboard V4 */
.owner-shell{min-height:100vh;background:linear-gradient(rgba(242,248,255,.93),rgba(242,248,255,.97)),url('/hero-network.png') center top/cover fixed no-repeat;padding-top:76px;padding-left:250px}.owner-top{position:fixed;z-index:50;top:0;left:0;right:0;height:76px;display:flex;align-items:center;padding:0 22px;background:linear-gradient(90deg,#061b36,#073d73);color:#fff;box-shadow:0 8px 28px rgba(3,27,56,.2)}.menu-btn{width:46px;height:46px;border:0;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-size:27px;cursor:pointer;margin-right:14px}.owner-brand{display:flex;flex-direction:column}.owner-brand>b{font-size:21px}.owner-brand i,.drawer-title i{font-style:normal;color:#2c9cff}.owner-brand small{color:#b8d3ef;margin-top:2px}.owner-chip{margin-left:auto;display:flex;align-items:center;gap:10px}.owner-chip .avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0b63c9;font-weight:900}.owner-chip span:last-child{display:flex;flex-direction:column}.owner-chip small{font-size:11px;color:#b8d3ef}.owner-drawer{position:fixed;z-index:45;top:76px;bottom:0;left:0;width:250px;padding:22px 14px;background:linear-gradient(180deg,#062b54,#031c38);color:#d9e9fb;display:flex;flex-direction:column;box-shadow:10px 0 30px rgba(3,27,56,.14);overflow:auto}.drawer-title{font-size:18px;font-weight:850;padding:5px 13px 22px}.drawer-title small{display:block;font-size:11px;font-weight:500;color:#91b3d6;margin-top:4px}.owner-drawer a{display:flex;align-items:center;gap:13px;text-decoration:none;padding:13px 14px;margin:3px 0;border-radius:12px;color:#d5e6f8}.owner-drawer a.active,.owner-drawer a:hover{background:linear-gradient(90deg,#0870df,#0759b6);color:#fff}.drawer-spacer{flex:1}.drawer-shade{display:none}.owner-main{max-width:1320px!important;padding:26px 28px 70px!important}.dashboard-hero{min-height:280px;border-radius:24px;padding:42px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(90deg,rgba(3,37,73,.86),rgba(6,82,145,.28)),url('/hero-network.png') center/cover no-repeat;box-shadow:0 18px 45px rgba(7,49,91,.16);margin-bottom:22px}.hero-kicker{font-size:12px;letter-spacing:.14em;font-weight:800;color:#8bc7ff}.dashboard-hero h1{font-size:40px;line-height:1.05;margin:10px 0}.dashboard-hero p{font-size:17px;color:#d9ecff}.hero-date{min-width:145px;padding:18px;border-radius:18px;background:rgba(3,27,56,.58);backdrop-filter:blur(8px);display:flex;flex-direction:column;text-align:center}.hero-date strong{font-size:18px;margin:4px 0}.metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.metrics .card{border:0;box-shadow:0 12px 35px rgba(21,67,111,.1);border-radius:20px}.metrics .card strong{color:#092d58}.tablebox{border:0;box-shadow:0 12px 35px rgba(21,67,111,.09)}.settings-card{padding:26px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.settings-grid div{padding:18px;border-radius:14px;background:#f2f7fd}.settings-grid b,.settings-grid span{display:block}.settings-grid span{font-size:13px;color:#6d829c;margin-top:4px}
@media(max-width:900px){.owner-shell{padding-left:0}.owner-drawer{transform:translateX(-105%);transition:transform .24s ease}.drawer-open .owner-drawer{transform:translateX(0)}.drawer-open .drawer-shade{display:block;position:fixed;z-index:40;inset:76px 0 0;background:rgba(2,16,32,.48)}.owner-main{padding:18px 14px 55px!important}.dashboard-hero{min-height:230px;padding:28px 22px;border-radius:20px}.dashboard-hero h1{font-size:32px}.hero-date{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.owner-chip span:last-child{display:none}}
@media(max-width:520px){.owner-top{height:68px;padding:0 12px}.owner-shell{padding-top:68px}.owner-drawer{top:68px}.drawer-shade{inset:68px 0 0!important}.menu-btn{width:42px;height:42px;margin-right:10px}.owner-brand>b{font-size:17px}.dashboard-hero{min-height:210px}.dashboard-hero h1{font-size:29px}.metrics{gap:10px}.metrics .card{padding:16px}.metrics strong{font-size:27px}.tablebox{padding:14px}th,td{min-width:110px}.owner-chip .avatar{width:38px;height:38px}}