:root{--ux-bg:#f6f7fb;--ux-card:#fff;--ux-ink:#121826;--ux-muted:#667085;--ux-line:#e6e9f0;--ux-yellow:#facc15;--ux-blue:#2563eb;--ux-green:#16a34a;--ux-red:#dc2626;--ux-shadow:0 20px 60px rgba(15,23,42,.10)}
body{color:var(--ux-ink)}.links{white-space:nowrap;gap:4px;overflow-x:auto;scrollbar-width:none}.links a{white-space:nowrap;flex:0 0 auto}.links a[data-panel-open]{background:#111827;color:#facc15;border-radius:999px;padding:10px 16px}.links a:hover{transform:none}.nav{gap:12px}.brand{min-width:max-content}.topbar,.header{z-index:100}.btn{background:linear-gradient(135deg,#111827,#2b3446);color:#fff;border:0;border-radius:16px;padding:12px 18px;font-weight:900;box-shadow:0 14px 28px rgba(17,24,39,.14);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.secondary,.btn.outline{background:#fff;color:#111827;border:1px solid var(--ux-line);box-shadow:none}.btn.danger{background:#fee2e2;color:#991b1b}.btn.sm{padding:8px 11px;border-radius:12px;font-size:12px}.input,.textarea,select.input{width:100%;background:#fff;border:1px solid var(--ux-line);border-radius:16px;padding:13px 14px;font:inherit;color:#111827}.textarea,textarea.input{min-height:120px;resize:vertical}.portal-body{background:radial-gradient(circle at top right,#fff7d1,transparent 34%),var(--ux-bg);min-height:100vh}.portal-shell{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh}.portal-side{position:sticky;top:0;height:100vh;padding:22px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border-left:1px solid var(--ux-line);display:flex;flex-direction:column;gap:9px}.portal-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ux-ink);padding:12px;margin-bottom:12px;background:#111827;border-radius:22px}.portal-brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:14px}.portal-brand b{display:block;color:#facc15}.portal-brand small{display:block;color:#fff;font-size:12px}.portal-nav{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:#344054;text-decoration:none;padding:13px 14px;border-radius:16px;font-weight:850;cursor:pointer;text-align:right}.portal-nav:hover,.portal-nav.active{background:#111827;color:#facc15}.portal-nav.danger{margin-top:auto;color:#dc2626}.portal-main{padding:26px;min-width:0}.portal-top{background:linear-gradient(135deg,#111827,#263244);border-radius:30px;padding:28px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:var(--ux-shadow);margin-bottom:22px}.portal-top h1{margin:7px 0;font-size:clamp(24px,4vw,42px)}.portal-top p{color:#d0d5dd;margin:0}.eyebrow,.kicker{color:#facc15;font-weight:950}.portal-auth{margin-bottom:22px}.portal-card{background:rgba(255,255,255,.93);border:1px solid var(--ux-line);border-radius:28px;padding:22px;box-shadow:var(--ux-shadow);margin-bottom:18px}.auth-card{border:2px solid #fde68a}.portal-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portal-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.portal-grid-2 .wide{grid-column:1/-1}.portal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.portal-tab{display:none}.portal-tab.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{background:#fff;border:1px solid var(--ux-line);border-radius:24px;padding:20px;box-shadow:0 12px 34px rgba(15,23,42,.07)}.metric b{display:block;font-size:28px;color:#111827}.metric span{color:var(--ux-muted);font-weight:800}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.beautiful-list{display:grid;gap:12px}.list-card{background:#fff;border:1px solid var(--ux-line);border-radius:22px;padding:16px;display:grid;gap:8px}.list-card .top{display:flex;justify-content:space-between;gap:10px;align-items:center}.pill{display:inline-flex;border-radius:999px;background:#fef3c7;color:#92400e;padding:5px 10px;font-size:12px;font-weight:900}.pill.green{background:#dcfce7;color:#166534}.pill.blue{background:#dbeafe;color:#1d4ed8}.cart-items-pro{display:grid;gap:7px;margin-top:8px}.cart-items-pro li{background:#f8fafc;border:1px solid var(--ux-line);border-radius:14px;padding:9px}.file-box{display:flex;flex-direction:column;gap:8px;border:1px dashed #d0d5dd;border-radius:20px;padding:16px;background:#f8fafc;font-weight:900}.file-box input{margin-top:7px}.nice-form{display:grid;gap:15px}.mt{margin-top:16px}.panel-choice-back{position:fixed;inset:0;background:rgba(15,23,42,.58);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.panel-choice-back.show{display:flex}.panel-choice{background:#fff;border-radius:32px;max-width:780px;width:100%;padding:28px;position:relative;box-shadow:0 40px 100px rgba(0,0,0,.3)}.panel-choice .x{position:absolute;left:18px;top:18px;border:0;background:#f1f5f9;border-radius:12px;width:38px;height:38px;cursor:pointer}.panel-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.panel-choice-card{text-decoration:none;color:#111827;border:1px solid var(--ux-line);border-radius:24px;padding:20px;background:linear-gradient(180deg,#fff,#f8fafc)}.panel-choice-card b{display:block;font-size:20px;margin-bottom:8px}.panel-choice-card:hover{border-color:#facc15;box-shadow:0 16px 40px rgba(250,204,21,.22)}.pro-contact-dock{position:fixed;left:18px;bottom:94px;z-index:500}.pro-contact-dock .main{width:62px;height:62px;border-radius:22px;border:0;background:#111827;color:#facc15;font-size:24px;box-shadow:var(--ux-shadow)}.pro-contact-dock .panel{display:none;position:absolute;left:0;bottom:74px;background:#fff;border:1px solid var(--ux-line);border-radius:22px;padding:14px;min-width:190px;box-shadow:var(--ux-shadow)}.pro-contact-dock.open .panel{display:grid;gap:8px}.pro-contact-dock a{text-decoration:none;color:#111827;background:#f8fafc;border-radius:12px;padding:9px}.story-strip-pro{background:#fff;border-bottom:1px solid var(--ux-line);padding:10px 0}.story-row{display:flex;gap:12px;overflow:auto}.story-item{display:grid;place-items:center;gap:5px;text-decoration:none;color:#111827;min-width:78px}.story-item span{width:62px;height:62px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#facc15,#f97316,#8b5cf6)}.story-item img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #fff}.product-code-badge{display:inline-flex;background:#111827;color:#facc15;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;margin-top:6px}.admin-quick-link{display:inline-flex;color:#2563eb;font-size:12px;margin-right:7px}.toast{position:fixed;right:20px;bottom:20px;background:#111827;color:#fff;border-radius:18px;padding:13px 16px;z-index:99999;opacity:0;transform:translateY(10px);transition:.25s}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:900px){.portal-shell{grid-template-columns:1fr}.portal-side{position:relative;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}.portal-brand{grid-column:1/-1}.portal-main{padding:14px}.portal-top{display:block}.metric-grid,.portal-grid-3,.portal-grid-2,.panel-choice-grid{grid-template-columns:1fr}.portal-nav.danger{margin-top:0}.links{max-width:100%}}