:root{--bg:#031827;--navy:#061f31;--panel:#082d43;--teal:#0b8793;--teal2:#13c3c1;--text:#eef7fa;--muted:#8fa7b5;--white:#fff;--ink:#102a3a;--line:#dfe7eb;--danger:#bd3f3f}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(145deg,#031827,#06283c);color:var(--text)}a{color:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{height:72px;padding:0 max(16px,calc((100% - 1180px)/2));display:flex;align-items:center;gap:28px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(3,24,39,.93);position:sticky;top:0;z-index:20}.brand{font-family:Georgia,serif;font-size:24px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:10px}.brand span{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#0ba9b4,#086b7c);display:grid;place-items:center;font-family:Inter,sans-serif}.topbar nav{display:flex;gap:18px;flex:1}.topbar nav a,.account a{font-size:12px;text-decoration:none;color:#c5d8e2}.account{display:flex;align-items:center;gap:12px}.account form{margin:0}.account button{border:0;background:none;color:#c5d8e2}.hero{padding:80px 0;background:radial-gradient(circle at 78% 44%,rgba(19,195,193,.18),transparent 28%)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#61d4d4;font-weight:700}.hero h1{font-family:Georgia,serif;font-size:60px;line-height:1.0;margin:10px 0 18px}.hero p{max-width:680px;color:#bdd0db;line-height:1.7}.hero-card{border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#082d43;padding:35px;text-align:center}.big-m{width:120px;height:120px;border-radius:50%;border:1px solid #0fbac0;display:grid;place-items:center;font-size:58px;font-weight:900;color:#18c9c8;margin:0 auto 20px}.btn{display:inline-block;border:0;border-radius:9px;background:linear-gradient(90deg,#0b7d8c,#0aa1a5);color:white;text-decoration:none;padding:11px 15px;font-weight:750;font-size:12px;cursor:pointer}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.22)}.btn.small{padding:8px 11px}.btn.full{width:100%}.actions{display:flex;gap:10px}.section{padding:36px 0}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h1,.section-head h2{font-family:Georgia,serif;margin:4px 0;font-size:31px}.section-head p{color:var(--muted)}.division-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.division-card{background:white;color:var(--ink);border-radius:15px;padding:17px;text-decoration:none}.division-card .icon{width:46px;height:46px;border-radius:12px;background:#e5f3f4;display:grid;place-items:center;font-size:21px}.division-card h3{font-size:14px}.division-card p{font-size:10px;color:#6e7f89;line-height:1.55;min-height:48px}.division-card span{font-size:10px;color:#0a7d88;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{background:#fff;color:var(--ink);border-radius:15px;overflow:hidden}.product-image{height:170px;display:grid;place-items:center;background:linear-gradient(135deg,#dfe7e4,#f5f1ea);font-size:64px}.product-image img,.detail-image img{width:100%;height:100%;object-fit:cover}.product-body{padding:15px}.product-body small{color:#71808a}.product-body h3{font-size:15px;margin:7px 0}.product-body p{font-size:10px;line-height:1.55;color:#6d7c85;min-height:32px}.product-body strong{display:block;color:#0b707a}.text-link{display:block;margin-top:10px;font-size:10px;color:#087f8b;text-decoration:none;font-weight:750}.connect-banner{margin-top:20px;margin-bottom:50px;border:1px solid rgba(255,255,255,.1);background:#082d43;border-radius:17px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:24px}.connect-banner h2{margin:6px 0}.connect-banner p{color:#9db4c1}.auth-wrap{min-height:72vh;display:grid;place-items:center;padding:40px 16px}.form-card{width:min(460px,100%);background:white;color:var(--ink);border-radius:18px;padding:26px}.form-card.wide{width:min(720px,100%)}.form-card h1{font-family:Georgia,serif}.form-card label,.form-stack label{display:block;font-size:10px;font-weight:700;margin:13px 0}.form-card input,.form-card select,.form-card textarea,.form-stack input,.form-stack select,.form-stack textarea,.filters input,.filters select{width:100%;margin-top:6px;padding:11px;border:1px solid #dbe4e8;border-radius:9px;background:#f8fafb;color:#173141}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto!important;margin:0!important}.muted{color:var(--muted);font-size:11px}.form-card .muted{color:#6c7c85}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.stat{background:#fff;color:var(--ink);border-radius:13px;padding:17px}.stat small{display:block;color:#70808a}.stat strong{font-size:25px;display:block;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.panel{border:1px solid rgba(255,255,255,.09);background:#082d43;border-radius:14px;padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:15px}.panel-head a{color:#22c1c6;font-size:10px}.activity{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.07);text-decoration:none}.activity small{display:block;color:#8ba4b2;margin-top:3px}.pill{font-size:9px;border-radius:999px;padding:6px 8px;background:#0b7e89;color:white;text-transform:capitalize}.quick-actions{display:grid;gap:8px}.quick-actions a{padding:11px;border-radius:9px;background:#0a354d;text-decoration:none;font-size:11px}.filters{display:grid;grid-template-columns:1fr 230px auto;gap:8px;margin-bottom:18px}.empty{border:1px dashed rgba(255,255,255,.2);padding:30px;border-radius:13px;color:#9bb0bc}.pagination{margin-top:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.detail-image{height:440px;border-radius:18px;overflow:hidden;background:#e6ecea;display:grid;place-items:center;font-size:100px}.detail-info h1{font-family:Georgia,serif;font-size:42px}.detail-info p{color:#a8bec9;line-height:1.7}.price{font-size:27px;font-weight:850;margin:20px 0}.inline-form{display:flex;gap:8px}.inline-form input{width:80px;padding:10px;border-radius:8px;border:0}.cart-row,.summary-line{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.cart-row small{display:block;color:#8ea7b5}.danger-link{border:0;background:none;color:#ff8e8e;cursor:pointer}.cart-total,.summary-line.total{display:flex;justify-content:space-between;font-size:18px;padding:18px 0}.narrow{max-width:760px}.form-stack{display:grid;gap:4px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-card{background:white;color:var(--ink);border-radius:14px;overflow:auto}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{padding:12px;text-align:left;border-bottom:1px solid #e5ecef;font-size:10px}.table-card th{background:#f4f7f8;color:#6f7e86;text-transform:uppercase}.table-card a{color:#087987}.connect-grid{display:grid;grid-template-columns:300px 1fr;gap:14px}.conversation-list,.chat-panel{background:#082d43;border:1px solid rgba(255,255,255,.08);border-radius:14px;min-height:520px}.conversation{padding:14px;border-bottom:1px solid rgba(255,255,255,.07)}.conversation small{display:block;color:#8fa8b7;margin-top:4px}.chat-panel{display:flex;flex-direction:column}.messages{padding:16px;flex:1}.bubble{max-width:70%;background:white;color:#173141;border-radius:12px;padding:10px;margin:9px 0;font-size:10px}.bubble.mine{margin-left:auto;background:#0a8390;color:white}.bubble small{display:block;opacity:.7;margin-bottom:3px}.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.chat-form input{flex:1;background:#0a354d;color:white;border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:10px}.admin-shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 72px)}.admin-side{background:#041c2c;padding:22px 14px}.admin-side h3{padding:0 10px}.admin-side a{display:block;padding:11px 10px;border-radius:9px;color:#cadce5;text-decoration:none;font-size:11px}.admin-side a:hover{background:#0a7182}.admin-main{padding:28px}.status-form{display:flex;gap:4px}.status-form select{font-size:9px}.status-form button{font-size:9px}.flash{width:min(1180px,calc(100% - 32px));margin:12px auto;padding:12px 14px;border-radius:10px;font-size:11px}.flash.success{background:#dff5e7;color:#206c3b}.flash.error{background:#ffe3e3;color:#8d2d2d}.footer{border-top:1px solid rgba(255,255,255,.08);padding:28px 16px;text-align:center;color:#9ab0bc}.footer strong,.footer span{display:block}.footer span{font-size:10px;margin-top:5px}
@media(max-width:950px){.topbar nav{display:none}.division-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.detail-grid{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.admin-side{display:flex;overflow:auto}.admin-side h3{display:none}.admin-side a{white-space:nowrap}.hero h1{font-size:48px}}
@media(max-width:620px){.topbar{height:auto;min-height:66px;padding:10px 14px;gap:10px}.brand{font-size:20px}.account{margin-left:auto}.account>a:first-child{display:none}.hero{padding:50px 0}.hero-grid{grid-template-columns:1fr}.hero-card{display:none}.hero h1{font-size:42px}.division-grid,.product-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.two{grid-template-columns:1fr}.connect-grid{grid-template-columns:1fr}.conversation-list{min-height:auto}.detail-image{height:300px}.admin-main{padding:18px 14px}.section-head{display:block}.connect-banner{display:block}}