:root{--bg:#f5f7fb;--panel:#fff;--text:#111827;--muted:#667085;--line:#e6eaf0;--primary:#6657f5;--primary2:#8b5cf6;--good:#16a34a;--warn:#d97706;--bad:#dc2626;--nav:#101828;--soft:#f0efff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}
.top{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:20}.top .wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:21px}.pulse{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary2));display:grid;place-items:center;color:white}.nav{display:flex;gap:28px;color:#475467;font-weight:650}.actions{display:flex;gap:10px}.btn{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 16px;font-weight:750;cursor:pointer}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.dark{background:#111827;color:#fff;border-color:#111827}.hero{padding:88px 0 62px;text-align:center;background:radial-gradient(circle at 50% 0,#ece9ff 0,transparent 42%)}.badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eceaff;color:#5747df;font-size:13px;font-weight:800}.hero h1{font-size:58px;line-height:1.03;letter-spacing:-2.7px;margin:18px auto 16px;max-width:860px}.hero p{font-size:19px;line-height:1.6;color:var(--muted);max-width:690px;margin:0 auto}.scan{margin:30px auto 12px;max-width:720px;background:#fff;padding:8px;border-radius:16px;display:flex;border:1px solid var(--line);box-shadow:0 20px 60px rgba(16,24,40,.12)}.scan input{flex:1;border:0;outline:0;padding:13px}.scan button{border:0;border-radius:11px;background:var(--primary);color:#fff;padding:0 22px;font-weight:800}.micro{font-size:13px;color:#98a2b3}.section{padding:70px 0}.section h2{text-align:center;font-size:38px;letter-spacing:-1.4px;margin:0 0 12px}.lead{text-align:center;color:var(--muted);max-width:680px;margin:0 auto 35px;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 30px rgba(16,24,40,.04)}.card h3{margin:14px 0 8px}.card p{color:var(--muted);line-height:1.55}.ico{width:42px;height:42px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--primary);font-weight:900}.preview{background:#111827;border-radius:24px;padding:12px;box-shadow:0 30px 80px rgba(16,24,40,.2)}.screen{background:#f7f8fb;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:220px 1fr;min-height:570px}.side{background:#101828;color:#98a2b3;padding:24px 16px}.side .brand{color:#fff;margin-bottom:30px}.side a{display:block;padding:11px 12px;border-radius:9px;margin:4px 0;font-size:14px}.side a.active{background:#1d2939;color:#fff}.main{padding:28px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.stat{background:#fff;border:1px solid var(--line);padding:18px;border-radius:14px}.stat b{font-size:26px;display:block}.stat span{font-size:12px;color:var(--muted)}.issues{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.issue{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.dot{width:9px;height:9px;border-radius:50%;margin-top:7px}.bad{background:var(--bad)}.warn{background:var(--warn)}.good{background:var(--good)}.pricegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;position:relative}.price.pop{border:2px solid var(--primary);box-shadow:0 20px 50px rgba(102,87,245,.13)}.ribbon{position:absolute;right:18px;top:18px;background:var(--soft);color:var(--primary);font-size:11px;font-weight:900;padding:6px 9px;border-radius:999px}.amount{font-size:40px;font-weight:900;margin:12px 0}.amount small{font-size:14px;color:var(--muted)}.features{list-style:none;padding:0;margin:22px 0}.features li{padding:8px 0;color:#475467}.features li:before{content:"✓";color:var(--good);font-weight:900;margin-right:9px}.cta{background:linear-gradient(135deg,#17122d,#31276d);color:#fff;border-radius:24px;padding:50px;text-align:center}.cta p{color:#c8c4e8}.footer{padding:35px 0 45px;color:#667085}.footer .wrap{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:26px}

/* app */
.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.appnav{background:#101828;color:#98a2b3;padding:24px 16px;position:sticky;top:0;height:100vh}.appnav .brand{color:#fff;margin-bottom:30px}.appnav a{display:flex;gap:10px;padding:11px 12px;border-radius:9px;margin:3px 0;font-size:14px}.appnav a.active{background:#1d2939;color:#fff}.appnav .bottom{position:absolute;bottom:20px;left:16px;right:16px}.appmain{padding:28px 32px}.apphead{display:flex;justify-content:space-between;align-items:center}.sitepicker{background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:10px;font-weight:700}.twocol{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:14px}.table th{font-size:12px;color:var(--muted)}.pill{font-size:12px;font-weight:800;padding:5px 8px;border-radius:999px}.pill.red{background:#fee2e2;color:#b91c1c}.pill.orange{background:#ffedd5;color:#b45309}.pill.green{background:#dcfce7;color:#15803d}.chart{height:150px;border-radius:12px;background:linear-gradient(180deg,#f0efff,transparent);position:relative;overflow:hidden}.chart svg{width:100%;height:100%}.accountgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin:14px 0}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.field input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px}.planbox{background:linear-gradient(135deg,#f4f2ff,#fff);border:1px solid #ddd8ff}.notice{padding:14px;border-radius:12px;background:#f9fafb;border:1px solid var(--line);color:#475467}.mobilebar{display:none}
@media(max-width:850px){.nav{display:none}.hero h1{font-size:42px}.cards,.pricegrid{grid-template-columns:1fr}.screen{grid-template-columns:1fr}.side{display:none}.stats{grid-template-columns:1fr 1fr}.issues,.twocol,.accountgrid{grid-template-columns:1fr}.app{display:block}.appnav{display:none}.appmain{padding:18px}.mobilebar{display:flex;background:#101828;color:white;padding:14px 18px;justify-content:space-between}.hero{padding-top:55px}.scan{flex-direction:column}.scan button{padding:14px}.footer .wrap{display:block}}

.launchprice{margin:14px 0 6px}.oldprice{display:inline-block;color:#98a2b3;text-decoration:line-through;font-weight:800;font-size:14px}.launchprice .amount{margin:3px 0}.launchprice>b{display:block;color:#6657f5;font-size:13px}.afterprice{font-weight:750;color:#475467!important}.price.pop .ribbon{background:#6657f5;color:#fff}

.scanreal select{border:0;border-left:1px solid var(--line);padding:0 12px;background:white;color:#475467}.scanerror{max-width:720px;margin:20px auto 0;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:13px 16px;border-radius:12px}.miniissue{font-size:11px;background:#fff7ed;color:#9a3412;border-radius:6px;padding:4px 6px;margin:2px 0;white-space:nowrap}.emptydash{max-width:700px;margin:13vh auto;text-align:center;background:#fff;border:1px solid var(--line);padding:60px;border-radius:22px}.emptydash h1{font-size:40px;letter-spacing:-1.5px}.loading{opacity:.7;pointer-events:none}

.reportactions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.savedbadge{font-size:12px;font-weight:800;color:#15803d;background:#dcfce7;padding:7px 10px;border-radius:999px}.actioncell{white-space:nowrap}.actioncell a{display:inline-block;margin-right:10px;color:#6657f5;font-weight:800}.emptyreport{text-align:center;padding:55px 20px}.emptyreport p{color:#667085;margin-bottom:22px}
@media(max-width:850px){.reportactions{justify-content:flex-start}}

/* SiteMetra V0.6 — dark product identity */
:root{--bg:#060912;--panel:#0e1524;--text:#f5f7fc;--muted:#8794aa;--line:#1d283c;--primary:#506fff;--primary2:#7467ff;--good:#42d6aa;--warn:#ffbd52;--bad:#ff747a;--nav:#080d17;--soft:#17264a}
body{background:var(--bg);color:var(--text)}
.top{background:rgba(6,9,18,.9);border-color:#182033;backdrop-filter:blur(16px)}
.nav,.footer,.card p,.price p,.features li,.notice,.field input,.sitepicker{color:var(--muted)}
.pulse{border-radius:50%;background:transparent;border:2px solid #547fff;color:#63d8b6;box-shadow:none}
.btn{background:#0d1421;border-color:#28344a;color:#dce4f2}.btn.primary{background:linear-gradient(135deg,#315df3,#6679ff);border-color:#506fff;color:#fff;box-shadow:0 10px 30px #315df326}.btn.dark{background:#121a29;border-color:#28344a}
.hero{background:radial-gradient(circle at 50% 0,#244fff2d 0,transparent 44%);padding-top:100px}.badge{background:#0c1220;border:1px solid #283450;color:#9fb0cc}.hero h1{background:linear-gradient(90deg,#fff 30%,#6c8cff 70%,#45d7b8);-webkit-background-clip:text;color:transparent}.hero p{color:#98a5ba}.scan{background:#0d1321;border-color:#29344c;box-shadow:0 25px 75px #0009}.scan input,.scanreal select{background:#0d1321;color:#fff;border-color:#29344c}.scan button{background:#506fff}.micro{color:#69768c}
.section h2{color:#f5f7fc}.lead{color:#8491a6}.card,.price,.stat,.emptydash{background:linear-gradient(145deg,#0e1524,#0a0f1a);border-color:#1d283c;box-shadow:none}.ico{background:#17264a;color:#6594ff}.preview{background:#080d17;border:1px solid #26314a;box-shadow:0 35px 120px #000a,0 0 90px #315ff515}.screen{background:#0a0f1a}.side,.appnav{background:#080d17;border-right:1px solid #1c2537}.side a.active,.appnav a.active{background:#17223b}.main,.appmain{background:#0a0f1a}.stat span,.table th{color:#78869d}.issue{border-color:#1c2638}.price.pop{border-color:#506fff;box-shadow:0 0 55px #315ff51e}.ribbon,.price.pop .ribbon{background:#506fff;color:#fff}.cta{background:radial-gradient(circle at 50% 0,#315ff52b,transparent 65%),#0b111e;border:1px solid #202b40}.cta p{color:#8794aa}.footer{border-color:#182033}.footer .wrap{border-color:#182033}.appnav{color:#738097}.appnav .brand{color:#fff}.appmain{min-height:100vh}.apphead h1{color:#f5f7fc}.sitepicker{background:#101726;border-color:#202b40}.table td,.table th{border-color:#1d283c}.table td{color:#dbe3ef}.pill.red{background:#382026;color:#ff858b}.pill.orange{background:#372f1c;color:#ffc363}.pill.green{background:#153229;color:#54deb7}.field input{background:#0b111e;border-color:#263149;color:#fff}.planbox{background:linear-gradient(135deg,#111a31,#0d1320);border-color:#29365b}.notice{background:#0b111e;border-color:#202a3b}.chart{background:linear-gradient(180deg,#18274d,transparent)}.emptydash h1{color:#f5f7fc}.scanerror{background:#382026;color:#ffb2b6;border-color:#633039}.savedbadge{background:#153229;color:#54deb7}.actioncell a{color:#6e91ff}.emptyreport p{color:#8794aa}.oldprice{color:#65738a}.launchprice>b{color:#6e91ff}.afterprice{color:#9aa7bb!important}.mobilebar{background:#080d17}

/* SiteMetra V0.7 — identité finale + dashboard premium */
.brand-logo{padding:2px 6px!important;height:58px;display:flex!important;align-items:center!important;overflow:hidden}
.brand-logo img{width:188px;height:auto;display:block;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 12px rgba(72,105,255,.16))}
.appnav{width:auto;background:linear-gradient(180deg,#07101f 0%,#080d17 55%,#09101d 100%);box-shadow:inset -1px 0 #172238}
.appnav>a:not(.brand){min-height:43px;align-items:center;padding:12px 14px;border:1px solid transparent;color:#a8b4c8;transition:.18s ease}
.appnav>a:not(.brand):hover{background:#111c30;color:#eef4ff;border-color:#1e3154}
.appnav>a.active{background:linear-gradient(135deg,#1647d9,#344bc4)!important;border-color:#2c74ff!important;color:#fff!important;box-shadow:0 8px 24px rgba(34,91,255,.24)}
.appmain{background:
 radial-gradient(circle at 70% -10%,rgba(42,87,255,.10),transparent 35%),
 linear-gradient(180deg,#07101d 0,#080d17 100%);padding:28px 32px}
.apphead{padding:24px 26px;border:1px solid #1c2c48;border-radius:16px;background:linear-gradient(135deg,rgba(14,27,51,.96),rgba(8,15,28,.96));box-shadow:0 18px 50px rgba(0,0,0,.18);margin-bottom:18px}
.apphead h1{margin:5px 0 3px;font-size:28px;letter-spacing:-.8px}
.stats{gap:16px;margin:16px 0}
.stat{min-height:112px;padding:20px;border-color:#1b2a43;background:linear-gradient(145deg,#0d1728,#0a1220);box-shadow:0 10px 28px rgba(0,0,0,.13)}
.stat b{font-size:30px;margin-top:8px;letter-spacing:-1px}
.card{border-color:#1b2a43;background:linear-gradient(145deg,#0d1728,#09111e)}
.twocol{gap:16px}
.table{overflow:hidden;border-radius:12px}
.table th{font-size:10px;letter-spacing:.7px;color:#73829b}
.table td{padding-top:15px;padding-bottom:15px}
.btn.primary{background:linear-gradient(100deg,#13b9f5,#3d63ff 58%,#7045f6);box-shadow:0 10px 28px rgba(59,87,255,.28)}
.emptydash{max-width:760px;border-color:#1d3152;background:
 radial-gradient(circle at 50% 0,rgba(63,83,255,.18),transparent 45%),
 linear-gradient(145deg,#0d1728,#09111e);box-shadow:0 30px 80px rgba(0,0,0,.28)}
.emptydash:before{content:"";display:block;width:92px;height:92px;margin:0 auto 24px;background:url("sitemetra-logo.png") left center/280px auto no-repeat;border-radius:22px}
.mobilebar b{display:flex;align-items:center;gap:8px}
@media(max-width:850px){.brand-logo img{width:168px}.apphead{padding:20px}}
/* V0.8 SaaS */
.authwrap{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(circle at 50% 0,rgba(55,80,255,.18),transparent 38%),#060b14}.authlogo{position:absolute;top:32px;left:50%;transform:translateX(-50%)}.authlogo img{width:230px}.authcard{width:min(460px,100%);display:flex;flex-direction:column;gap:16px;padding:32px;border:1px solid #1d2d49;border-radius:18px;background:linear-gradient(145deg,#0d1728,#09111e);box-shadow:0 30px 90px #0008}.authcard h1{margin:0;font-size:32px}.authcard p,.muted{color:#8290a6}.authcard label,.formcard label,.scanform label{display:flex;flex-direction:column;gap:8px;color:#aeb9cb;font-size:13px}.authcard input,.formcard input,.scanform select{width:100%;padding:14px;border:1px solid #263653;border-radius:10px;background:#080f1c;color:#f5f8ff;outline:none}.authcard input:focus,.formcard input:focus,.scanform select:focus{border-color:#557cff;box-shadow:0 0 0 3px rgba(73,104,255,.12)}.authcard small{text-align:center;color:#75839a}.authcard small a{color:#7295ff}.flash{padding:12px 14px;border-radius:10px}.badbox{background:#35171e;border:1px solid #6f2935;color:#ff9ca7}.formcard,.scanform{display:flex;flex-direction:column;gap:16px}.emptymini{text-align:center;padding:36px 20px;color:#8391a6}.emptymini h3{color:#eef3ff}.oktxt{color:#45d8aa}.appnav small{margin-left:auto;background:#17243b;padding:3px 6px;border-radius:99px;font-size:8px;color:#8290a7}.table table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid #18253a;padding:12px}.table small{color:#718098}
/* SiteMetra V1.0 — diagnostic actionnable */
.priority h2,.card h2{margin:5px 0 14px}.prioritygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.prioritygrid article{position:relative;padding:20px;border:1px solid #213252;border-radius:15px;background:#091321}.prioritygrid article em{position:absolute;right:16px;top:12px;font-size:32px;font-weight:900;color:#182a49;font-style:normal}.prioritygrid h3{margin:12px 0 7px}.prioritygrid p,.issuebody p{color:#8e9bb0;line-height:1.55}.sev{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.sev.critical{background:#3b1b24;color:#ff8f98}.sev.important{background:#3a2d18;color:#ffc35d}.sev.improvement{background:#152d3d;color:#64c9ff}.fix{margin-top:14px;padding:12px;border-radius:10px;background:#0d1a2d;color:#b8c4d8;line-height:1.5}.fix strong{display:block;color:#69d9b8;margin-bottom:5px}.issuegroups details{border-top:1px solid #1b2a43}.issuegroups summary{cursor:pointer;display:grid;grid-template-columns:120px 1fr auto;gap:14px;align-items:center;padding:16px 4px}.issuebody{padding:0 4px 18px 138px}.urlchips{display:flex;flex-direction:column;gap:5px;margin-top:12px}.urlchips code{font-size:11px;color:#8191aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparebar{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.goodtxt{color:#45d8aa}.badtxt{color:#ff858b}@media(max-width:950px){.prioritygrid{grid-template-columns:1fr}.issuebody{padding-left:4px}.issuegroups summary{grid-template-columns:110px 1fr}}

/* SiteMetra V1.1 AI */
.aibox{border-color:#2a4675;background:radial-gradient(circle at 100% 0,rgba(92,70,246,.18),transparent 35%),linear-gradient(145deg,#0d1728,#09111e);margin-bottom:16px}.aibox p{max-width:680px}.aiactions{display:flex;gap:10px;flex-wrap:wrap}.aianswer{margin-top:16px;padding:18px;border:1px solid #294166;border-radius:12px;background:#07101d;color:#dce7f7;white-space:pre-wrap;line-height:1.65}.pageai{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.miniAi{border:1px solid #294166;background:#101d32;color:#8fb0ff;border-radius:7px;padding:5px 7px;font-size:10px;font-weight:800;cursor:pointer}.miniAi:hover{border-color:#557cff;color:#fff}


/* SiteMetra identity refresh */
.top .brand-logo img{height:42px!important;width:auto!important;max-width:210px!important;object-fit:contain}
.ico-svg{display:flex!important;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(31,92,255,.22),rgba(126,72,255,.18))!important;border:1px solid rgba(99,126,255,.22);box-shadow:inset 0 0 20px rgba(80,99,255,.08),0 8px 28px rgba(28,60,160,.12)}
.ico-svg svg{width:22px;height:22px;fill:none;stroke:#77a5ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(77,120,255,.28))}
.card:hover .ico-svg{border-color:rgba(102,132,255,.45);transform:translateY(-2px);transition:.2s ease}
.site-footer{margin-top:42px;border-top:1px solid #17223a;background:linear-gradient(180deg,rgba(6,10,20,.6),#060a12 38%);padding:58px 0 24px}
.footer-grid{display:grid;grid-template-columns:minmax(260px,1.65fr) repeat(3,minmax(130px,1fr));gap:52px}
.footer-logo img{height:44px!important;width:auto!important;max-width:220px!important}
.footer-brand p{max-width:390px;color:#8998b6;line-height:1.7;margin:18px 0}
.footer-status{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #1c2b43;border-radius:999px;color:#aab8cf;font-size:12px;background:#0a1120}
.footer-status i{width:8px;height:8px;border-radius:50%;background:#37d996;box-shadow:0 0 10px rgba(55,217,150,.55)}
.footer-col{display:flex;flex-direction:column;gap:12px}.footer-col h4{color:#f3f6ff;margin:3px 0 8px;font-size:13px;letter-spacing:.04em}.footer-col a{color:#8391aa;text-decoration:none;font-size:13px;transition:.18s}.footer-col a:hover{color:#9db7ff;transform:translateX(2px)}
.footer-bottom{border-top:1px solid #141e31;margin-top:42px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#5f6d86;font-size:11px}
.legal-shell{max-width:900px;margin:58px auto 90px;padding:0 22px}.legal-shell h1{font-size:40px;margin-bottom:12px}.legal-shell .intro{color:#8f9db7;font-size:16px;line-height:1.7;margin-bottom:32px}.legal-card{background:#0c1423;border:1px solid #1c2940;border-radius:18px;padding:26px;margin:16px 0}.legal-card h2{font-size:18px;margin:0 0 12px}.legal-card p,.legal-card li{color:#9aa8c1;line-height:1.7}.placeholder{color:#7ea5ff;font-weight:700}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.top .brand-logo img{height:36px!important}.footer-bottom{flex-direction:column}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}


/* ===== SiteMetra V1 — Premium client UI ===== */
:root{--sm-bg:#050d18;--sm-panel:#091626;--sm-panel2:#0b192b;--sm-line:#1d3554;--sm-text:#eef5ff;--sm-muted:#8499b8;--sm-blue:#176cff;--sm-violet:#5947f2;--sm-cyan:#18d9ff;--sm-green:#25d9ad}
body{background:var(--sm-bg);color:var(--sm-text)}
.app{background:var(--sm-bg)}
.appnav{background:linear-gradient(180deg,#06101d,#050b15);border-right:1px solid #17304f}
.appnav .brand img,.brand-logo img{max-width:155px;height:auto}
.appnav nav a,.appnav>a{border-radius:9px;transition:.18s ease}
.appnav nav a:hover{background:#0c1b2e;color:#fff}
.appnav nav a.active{background:linear-gradient(90deg,#1264ff,#5145ed);color:#fff;box-shadow:0 8px 24px #174edc35}
.appmain{background:radial-gradient(circle at 80% -10%,#12295c26,transparent 28%),var(--sm-bg)}
.card,.panel,.box,.stat,.site-card,.report-card,.order-card,.scan-card,.support-card,.dashboard-card{background:linear-gradient(145deg,#0a1729,#081322)!important;border:1px solid var(--sm-line)!important;border-radius:13px!important;box-shadow:none!important}
h1,h2,h3{letter-spacing:-.025em;color:#f4f7ff}
.muted,.sub,.hint,small{color:var(--sm-muted)}
button,.btn,.button,a.btn{border-radius:8px}
.btn.primary,.button.primary,button.primary,.primary-btn{background:linear-gradient(90deg,#1261ff,#278eff)!important;border:0!important;box-shadow:0 8px 22px #176cff2c;color:#fff!important}
input,select,textarea{background:#081524!important;border:1px solid #263f61!important;color:#eef5ff!important;border-radius:8px!important}
input:focus,select:focus,textarea:focus{border-color:#3977d7!important;box-shadow:0 0 0 3px #176cff17!important;outline:0}
table{border-collapse:separate;border-spacing:0;width:100%}
thead th{color:#7890b1;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #1a304d}
tbody td{border-bottom:1px solid #142740}
tbody tr:hover{background:#0d1b2e}
.badge,.pill,.status{border-radius:999px!important}
.empty,.empty-state{background:#081422;border:1px dashed #294462;border-radius:12px;color:#8197b6}
.kpi,.metric{background:linear-gradient(145deg,#0b192c,#081322);border:1px solid #1d3554;border-radius:12px}
.progress,.progressbar{background:#132744!important;border-radius:20px!important;overflow:hidden}
.progress>*,.progressbar>*{border-radius:20px;background:linear-gradient(90deg,#14e5bf,#1dc994)}
.page-head,.page-header{border-bottom:1px solid #142740;padding-bottom:17px;margin-bottom:18px}
.page-head h1,.page-header h1{margin-bottom:5px}
.toolbar{background:#081422;border:1px solid #1c3453;border-radius:11px;padding:10px}
.modal,.dialog{background:#091626!important;border:1px solid #244164!important;border-radius:13px!important}
@media(max-width:800px){.appmain{padding-left:14px!important;padding-right:14px!important}.card,.panel,.box{border-radius:11px!important}}