:root{--ink:#0b2148;--muted:#667b99;--line:#dfe7f2;--blue:#0d72ff;--violet:#7352f5;--soft:#f6f9fd;--white:#fff;--shadow:0 15px 42px rgba(32,75,135,.10);--shadow-lg:0 28px 80px rgba(31,73,132,.16)}
body{background:#f6f9fd!important;color:var(--ink)!important;font-size:15px!important}.app-shell{grid-template-columns:270px 1fr!important;min-height:100vh}.sidebar{background:#fff!important;color:var(--ink)!important;border-right:1px solid var(--line)!important;padding:18px 14px!important;box-shadow:8px 0 35px rgba(34,75,130,.04)!important}.sidebar .brand{padding:4px 8px 18px!important;border-bottom:1px solid #edf2f7!important;margin-bottom:14px!important}.sidebar .brand img{width:48px!important;height:48px!important;object-fit:contain!important}.sidebar .brand b{font-size:21px!important;color:#0b2148!important}.sidebar .brand small{color:#788ba5!important;font-size:10px!important}.side-nav a{color:#3c5577!important;font-size:14px!important;font-weight:700!important;padding:11px 12px!important;border-radius:12px!important;margin:3px 0!important;gap:11px!important}.side-nav a:hover{background:#f1f6ff!important;color:#0c6fff!important}.side-nav a.active{background:linear-gradient(90deg,#e9f3ff,#f1efff)!important;color:#0c68df!important;box-shadow:inset 3px 0 #0d72ff!important}.nav-icon{background:#eef5ff!important;color:#0d72ff!important;width:31px!important;height:31px!important;border-radius:9px!important}.side-bottom{margin-top:auto!important}.side-promo{background:linear-gradient(145deg,#f5f9ff,#f7f3ff)!important;border:1px solid #dfe7f4!important;border-radius:17px!important;color:#15365f!important;overflow:hidden!important;padding:12px!important}.side-promo img{height:112px!important;width:100%!important;object-fit:cover!important;border-radius:12px!important;margin-bottom:10px!important}.side-promo h3{font-size:15px!important;color:#0b2148!important}.side-promo p{font-size:11px!important;color:#667b99!important}.topbar{height:72px!important;background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(14px)!important;padding:0 22px!important}.search{max-width:560px!important}.search .field{height:42px!important;font-size:13px!important;background:#f9fbfe!important;border-color:#dfe7f2!important}.top-icon{background:#f7faff!important;border:1px solid var(--line)!important;color:#244b7b!important}.profile b{font-size:13px!important}.profile small{font-size:10px!important;color:#7186a3!important}.app-content{padding:26px 28px 40px!important}.page-title h1,.tool-title-wrap h1{font-size:31px!important;letter-spacing:-.035em!important;color:#0b2148!important}.page-title p,.tool-title-wrap p{font-size:13px!important;color:#6a7f9c!important}.card,.panel,.side-card,.preview,.quick-tool,.kpi,.score-card,.suite-card{border:1px solid var(--line)!important;border-radius:17px!important;background:#fff!important;box-shadow:0 10px 30px rgba(35,76,133,.055)!important}.kpis{gap:12px!important}.kpi{padding:17px!important}.kpi span{font-size:11px!important;color:#7186a2!important}.kpi strong{font-size:27px!important;color:#0b2148!important}.ki,.qi,.price-icon,.tool-title-icon{border-radius:13px!important;background:linear-gradient(135deg,#e8f4ff,#eef0ff)!important;color:#0d72ff!important}.ki.green{background:#e9fbf5!important;color:#0dab72!important}.ki.violet,.qi.violet,.price-icon.violet,.tool-title-icon.violet{background:#f0eaff!important;color:#7652f6!important}.block-title{font-size:18px!important;margin:24px 0 11px!important}.quick-tools{gap:12px!important}.quick-tool{padding:16px!important}.quick-tool h3{font-size:14px!important}.quick-tool p{font-size:11px!important;line-height:1.5!important;color:#667b99!important}.quick-tool .btn,.suite-card .btn{font-size:11px!important;min-height:35px!important}.dash-mid{gap:12px!important}.panel{padding:17px!important}.panel-head h3{font-size:14px!important}.panel-head small{font-size:10px!important}.table th{font-size:10px!important;color:#6d829f!important;background:#f7faff!important}.table td{font-size:11px!important;color:#29476e!important}.product-previews{gap:12px!important}.preview{padding:17px!important}.preview h3{font-size:14px!important}.preview p,.preview li{font-size:11px!important;line-height:1.5!important}.side-card{padding:17px!important}.side-card h3{font-size:14px!important}.side-card p,.privacy-list li{font-size:11px!important;line-height:1.55!important}.security-tile{font-size:10px!important;min-height:52px!important}.field{font-size:13px!important;color:#18385f!important;border:1px solid #dce6f2!important;border-radius:11px!important;background:#fbfdff!important;padding:11px 12px!important}.field:focus{border-color:#6da7ff!important;box-shadow:0 0 0 3px rgba(24,113,255,.10)!important;outline:0!important}.field-label{font-size:12px!important;font-weight:800!important;color:#3e587b!important}.btn{font-size:12px!important;border-radius:10px!important;min-height:38px!important;padding:8px 13px!important}.btn.primary{background:linear-gradient(90deg,#0d72ff,#286fff 55%,#7553f5)!important;color:#fff!important;box-shadow:0 8px 22px rgba(18,104,255,.17)!important}.btn.violet{background:linear-gradient(90deg,#6d4ef3,#8657f5)!important;color:#fff!important}.btn.outline{background:#fff!important;border-color:#cddbeb!important;color:#294e7b!important}.badge{font-size:10px!important;padding:5px 8px!important;border-radius:999px!important}.workspace{gap:13px!important}.editor{padding:18px!important}.tool-tabs{gap:6px!important}.tool-tabs button{font-size:12px!important;padding:9px 12px!important;border-radius:10px!important}.tool-tabs button.active{background:#0d72ff!important;color:#fff!important}.editor-meta{font-size:11px!important;color:#7286a0!important}.result-text{font-size:14px!important;line-height:1.7!important;min-height:260px!important}.notice{font-size:11px!important;line-height:1.55!important;border-radius:10px!important;padding:10px 12px!important}.score-row{gap:12px!important}.score-card{padding:18px!important}.score-card h3{font-size:14px!important}.score-card strong{font-size:28px!important}.score-card p{font-size:11px!important}.donut{width:78px!important;height:78px!important}.analysis-grid{gap:13px!important}.analysis-doc .panel-head small{font-size:10px!important}.source-item{font-size:11px!important}.suite-cards{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.suite-card{padding:17px!important}.suite-card h3{font-size:14px!important}.suite-card p{font-size:11px!important;line-height:1.5!important}.dropzone{padding:34px!important;border:2px dashed #c9daf0!important;background:linear-gradient(180deg,#fbfdff,#f4f8ff)!important;border-radius:16px!important}.dropzone h3{font-size:17px!important}.dropzone p{font-size:12px!important;color:#657a99!important}.pricing-grid{gap:14px!important}.price-card{padding:24px!important}.price-card h3{font-size:17px!important}.price-num{font-size:35px!important}.price-num small{font-size:11px!important}.settings-grid{gap:14px!important}.settings-grid .panel h3{font-size:15px!important}.settings-grid .panel p{font-size:11px!important}.ticket-panel-grid{gap:13px!important}.ticket-list-item{padding:13px!important}.ticket-list-item b{font-size:12px!important}.ticket-list-item span{font-size:10px!important}.ticket-msg{font-size:12px!important}.ticket-msg small{font-size:9px!important}.report-code{font-size:11px!important;padding:6px 9px!important}.pay-brand{font-size:10px!important}.muted{font-size:11px!important;color:#6f83a0!important}
@media(max-width:1180px){.app-shell{grid-template-columns:235px 1fr!important}.dash-side{display:none!important}.dashboard-layout{grid-template-columns:1fr!important}.suite-cards{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:820px){.app-shell{display:block!important}.sidebar{position:relative!important;width:100%!important;min-height:auto!important}.side-bottom{display:none!important}.side-nav{display:grid!important;grid-template-columns:repeat(2,1fr)!important}.topbar{position:sticky!important;top:0!important;z-index:20!important}.search{display:none!important}.app-content{padding:18px 14px 30px!important}.kpis,.quick-tools,.product-previews,.score-row,.pricing-grid,.settings-grid,.ticket-panel-grid{grid-template-columns:1fr!important}.suite-cards{grid-template-columns:1fr!important}.workspace.two{grid-template-columns:1fr!important}}

/* v12 business workspace */
.quota-mini{margin-top:10px}.quota-mini>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#607691}.quota-mini b{font-size:9px;color:#17395f}
.usage-bar.violet span{background:linear-gradient(90deg,#6953e8,#9a63ef)}
.quota-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quota-cards>div{padding:14px;border:1px solid var(--line);border-radius:13px;background:#fbfdff}.quota-cards span{font-size:9px;color:#6f829d}.quota-cards b{display:block;font-size:13px;color:#17395f;margin:4px 0 8px}
.billing-tier-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.billing-tier-tabs button{min-height:40px}
.topup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.topup-grid a{text-decoration:none;border:1px solid var(--line);border-radius:11px;padding:12px;font-size:10px;color:#45607f;background:#fff}.topup-grid a:hover{border-color:#70a6ff;background:#f6faff}.topup-grid b{color:#463dcc}
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.project-card{padding:14px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.project-card h3{font-size:13px;margin:8px 0 4px}.project-card p{font-size:9px;color:#71849f;margin:0}
.batch-picker{max-height:210px;overflow:auto;border:1px solid var(--line);border-radius:11px;padding:7px;margin:9px 0}.batch-check{display:flex;gap:8px;padding:8px;border-bottom:1px solid #edf1f6;cursor:pointer}.batch-check:last-child{border-bottom:0}.batch-check b{display:block;font-size:9.5px}.batch-check small{display:block;font-size:8px;color:#778aa4;margin-top:2px}.batch-row,.team-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #edf1f6}.batch-row:last-child,.team-row:last-child{border-bottom:0}.batch-row b,.team-row b{font-size:10px}.batch-row span,.team-row span{display:block;font-size:8.5px;color:#7285a0;margin-top:2px}.team-row{justify-content:flex-start}.team-row .avatar{width:34px;height:34px}
@media(max-width:900px){.quota-cards,.billing-tier-tabs,.topup-grid,.projects-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.quota-cards,.billing-tier-tabs,.topup-grid,.projects-grid{grid-template-columns:1fr}}

.batch-detail{border-top:1px solid var(--line);padding-top:10px}.batch-detail-list{border:1px solid var(--line);border-radius:12px;padding:0 10px;background:#fbfdff}.batch-detail .btn.soft{text-decoration:none}