@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#012352;--blue:#217DD2;--cta:#007BFF;--ink:#13243a;--muted:#718096;--line:#e6ebf2;--bg:#f5f7fb;--white:#fff;--green:#16845b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{width:252px;background:#071d39;color:#dce8f7;position:fixed;inset:0 auto 0 0;padding:25px 16px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:#fff;font:800 19px Manrope,sans-serif;padding:0 10px 30px}.brand small{display:block;font:700 9px 'DM Sans';letter-spacing:2.5px;color:#8fb8e8;margin-top:2px}.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#48a5ff,#0754a6);display:grid;place-items:center;font:800 21px Manrope;color:#fff}.workspace-label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#8ca1bb}.workspace-label{padding:0 12px 12px}.sidebar nav{display:grid;gap:5px}.nav-link{height:43px;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:12px;color:#aebed2;font-weight:500}.nav-link svg{width:17px;height:17px}.nav-link:hover,.nav-link.active{background:#12345b;color:#fff}.nav-link.active{box-shadow:inset 3px 0 #3e9cff}.sidebar-bottom{margin-top:auto;border-top:1px solid #1c3553;padding-top:14px;display:grid;gap:5px}.main-area{margin-left:252px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:3}.crumb{color:#7b8797}.crumb span{padding:0 9px;color:#c3cbd5}.top-actions{display:flex;align-items:center;gap:15px}.trial-pill{background:#edf5ff;color:#1765b1;border-radius:30px;padding:7px 11px;font-size:11px;font-weight:700}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#dcecff;color:#0754a6;font-weight:700}.page-content{width:100%;max-width:1440px;margin:0 auto;padding:31px 34px 45px;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{font:800 27px Manrope,sans-serif;margin:7px 0 5px;color:#10243e}.muted{color:var(--muted);margin:0;line-height:1.55}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:10px 15px;font-weight:700;cursor:pointer;min-height:40px}.btn svg{width:16px;height:16px}.primary{background:var(--cta);color:white}.primary:hover{background:#0069dc}.secondary{background:#fff;border-color:#dce4ee;color:#30445e}.danger{background:#fff3f2;border-color:#ffd7d3;color:#bd4037}.full{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 8px #172b4506}.stat-card{padding:19px 20px}.stat-card span{display:block;color:#68798e;font-size:12px;font-weight:600}.stat-card strong{display:block;font:800 27px Manrope;margin:9px 0 4px;color:#102c4d}.stat-card small{color:#8a98a9;font-size:11px}.stat-card small.positive{color:var(--green)}.content-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.panel{padding:22px;margin-bottom:18px}.panel h2{font:700 16px Manrope;margin:0 0 6px}.panel h3{font:700 17px Manrope;margin:10px 0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.text-link{color:#0874df;font-weight:700;font-size:12px}.activity-list{display:grid}.activity{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #eef1f5}.activity-icon,.output-icon{width:35px;height:35px;border-radius:10px;background:#edf5ff;color:#1676d0;display:grid;place-items:center;flex-shrink:0}.activity-icon svg{width:17px}.activity div{display:grid;gap:4px;flex:1}.activity b,.business-mini b{font-size:12px}.activity small,.business-mini small{font-size:11px;color:#8491a1}.activity time{font-size:10px;color:#9aa5b2}.business-mini{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #eef1f5}.business-mini div{display:grid;gap:4px;flex:1}.business-logo{width:34px;height:34px;border-radius:10px;background:#e9f4ff;color:#1765b1;display:grid;place-items:center;font-weight:800}.business-logo.purple{background:#f1edff;color:#7252b9}.status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:700}.status.active{background:#e9f8f1;color:#138052}.status.pending{background:#fff6e5;color:#a86b05}.panel .full{margin-top:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th{text-align:left;color:#8592a3;font-size:10px;letter-spacing:.6px;text-transform:uppercase;font-weight:700;padding:12px;border-bottom:1px solid var(--line)}td{padding:15px 12px;border-bottom:1px solid #eef1f5;color:#45566c;font-size:12px}td b{color:#1b2f49}td small{display:block;color:#929eac;margin-top:4px}.search-input,.compact-select{max-width:210px}label{display:block;font-size:12px;font-weight:700;color:#40536b;margin:17px 0 7px}input,select,textarea{width:100%;border:1px solid #dce4ee;border-radius:8px;padding:11px 12px;background:#fff;color:#263b55;outline:none}input:focus,select:focus,textarea:focus{border-color:#70b5f5;box-shadow:0 0 0 3px #007bff12}textarea{resize:vertical;line-height:1.55}.form-panel{max-width:850px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.span-2{grid-column:span 2}.field-help{display:block;color:#8794a4;font-size:10px;line-height:1.5;margin-top:7px}.form-actions{display:flex;gap:10px;margin-top:24px;padding-top:19px;border-top:1px solid #edf0f4}.generator-grid{grid-template-columns:1fr 1fr;align-items:start}.stars{display:flex;gap:6px;margin:8px 0 15px}.stars button{border:0;background:none;color:#d6dde6;font-size:30px;cursor:pointer;padding:0 2px}.stars button.selected{color:#f5ad27}.output-panel{min-height:370px}.output-heading{display:flex;gap:11px;align-items:center;margin-bottom:18px}.output-heading h2{margin-bottom:4px}.output-box{min-height:170px;padding:16px;border:1px dashed #cbd8e7;background:#f8fafd;border-radius:9px;white-space:pre-wrap;line-height:1.7;color:#30445e}.output-box.placeholder{color:#98a4b3}.output-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.output-actions .btn{font-size:11px;padding:9px 11px}.plan-current{display:flex;align-items:center;justify-content:space-between;max-width:850px;background:linear-gradient(110deg,#fff,#f1f7ff)}.plan-current h2{font-size:22px;margin:12px 0 5px}.plan-price{font:800 27px Manrope;color:#123c69;margin:15px 0}.plan-price small{font:500 11px 'DM Sans';color:#8492a3}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:850px}.plan-grid ul{padding-left:18px;color:#68798e;line-height:2}.featured-plan{border-color:#7abaff;box-shadow:0 5px 20px #007bff12}.quick-actions{display:flex;gap:10px;margin-top:18px}.footer{padding:17px 34px;border-top:1px solid var(--line);font-size:10px;color:#8a97a7;display:flex;justify-content:space-between}.mobile-menu{display:none}.icon-btn{border:0;background:none;color:#42566e}.toast{position:fixed;bottom:22px;right:22px;background:#102c4d;color:white;padding:13px 17px;border-radius:9px;box-shadow:0 8px 30px #102c4d30;max-width:360px;z-index:20;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;font-size:12px}.toast.show{opacity:1;transform:translateY(0)}.auth-body{min-height:100vh;background:linear-gradient(135deg,#071d39,#0d3764);display:grid;place-items:center;padding:25px}.auth-wrap{width:100%;max-width:420px}.auth-brand{justify-content:center;margin-bottom:25px}.auth-card{background:white;border-radius:15px;padding:31px;box-shadow:0 20px 70px #00152d50}.auth-card h1{font:800 24px Manrope;margin:8px 0}.auth-card form{margin-top:20px}.auth-card label{margin-top:15px}.auth-card .btn{margin-top:22px}.auth-foot{text-align:center;color:#718096;font-size:12px;margin:22px 0 0}.auth-foot a{color:#0874df;font-weight:700}.demo-credentials{background:#f3f7fc;border-radius:8px;padding:11px;margin-top:15px;color:#63758b;font-size:11px;line-height:1.7}.copyright{text-align:center;color:#a7bad0;font-size:11px;margin-top:20px}.notice{background:#fff4df;color:#94600b;padding:10px;border-radius:7px;font-size:12px}.auth-card .muted{font-size:12px}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.generator-grid{grid-template-columns:1fr}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 16px}.crumb{font-size:11px}.page-content{padding:23px 16px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:23px}.stats-grid{gap:9px}.stat-card{padding:14px}.stat-card strong{font-size:23px}.stat-card span{font-size:11px}.panel{padding:17px}.form-grid,.plan-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.top-actions{gap:8px}.trial-pill{font-size:9px}.footer{padding:15px 16px;gap:8px;flex-direction:column}.plan-current{align-items:flex-start;flex-direction:column}.auth-card{padding:24px}}