:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#6e7787;--line:#e6eaf1;--primary:#155eef;--primary2:#0b48bf;--danger:#b42318;--success:#067647;--sidebar:#101828}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Arial,"Segoe UI",Tahoma,sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}.portal-body{min-height:100vh}.guest-body{display:grid;place-items:center;padding:32px;background:radial-gradient(circle at top right,#e7efff,transparent 35%),var(--bg)}.guest-shell{width:min(100%,480px)}.guest-brand,.sidebar-brand{display:flex;align-items:center;gap:12px}.guest-brand{justify-content:center;margin-bottom:20px}.guest-brand strong,.sidebar-brand strong{display:block;font-size:20px}.guest-brand span,.sidebar-brand small{display:block;color:var(--muted);font-size:12px}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#6b8cff);color:#fff;font-weight:800;font-size:22px;box-shadow:0 10px 30px rgba(21,94,239,.25)}.guest-card,.panel-card,.stat-card,.product-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 30px rgba(16,24,40,.05)}.guest-card{padding:32px}.guest-card h1{margin:0 0 8px;font-size:27px}.guest-footer{text-align:center;color:var(--muted);font-size:12px;margin-top:18px}.muted{color:var(--muted);line-height:1.7}.stack-form{display:grid;gap:14px;margin-top:22px}.stack-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.stack-form input,.stack-form select,.invitation-box input{width:100%;padding:12px 13px;border:1px solid #d7dce5;border-radius:11px;background:#fff;color:var(--text);font:inherit}.stack-form input:focus,.stack-form select:focus{outline:2px solid rgba(21,94,239,.16);border-color:var(--primary)}.check-row{display:flex!important;align-items:center;gap:8px!important;font-weight:400!important}.check-row input{width:auto}.primary-button{border:0;border-radius:11px;padding:12px 18px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:700;cursor:pointer;text-align:center}.inline-button{display:inline-block;margin-top:18px}.form-links{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-size:13px;color:var(--primary)}.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:13px}.alert.success{background:#ecfdf3;color:var(--success);border:1px solid #abefc6}.alert.danger{background:#fef3f2;color:var(--danger);border:1px solid #fecdca}.alert ul{margin:0;padding-right:20px}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--sidebar);color:#fff;padding:22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{padding:4px 2px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand small{color:#98a2b3}.nav-list{display:grid;gap:7px;margin-top:22px}.nav-list a{padding:11px 12px;border-radius:10px;color:#d0d5dd}.nav-list a:hover,.nav-list a.active{background:#1d2939;color:#fff}.sidebar-customer{margin-top:auto;padding:14px;border-radius:12px;background:#1d2939;display:grid;gap:4px}.sidebar-customer span,.sidebar-customer small{font-size:11px;color:#98a2b3}.main-area{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.topbar>div:first-child{display:grid}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.top-actions{display:flex;align-items:center;gap:12px}.user-name{font-size:13px;font-weight:700}.link-button,.danger-link{border:0;background:transparent;cursor:pointer;font:inherit}.link-button{color:var(--primary)}.danger-link{color:var(--danger)}.account-switcher{position:relative}.account-switcher summary{cursor:pointer;color:var(--primary);font-size:13px}.switch-menu{position:absolute;top:30px;left:0;width:220px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 15px 35px rgba(16,24,40,.12)}.switch-menu button{width:100%;text-align:right;border:0;background:#fff;padding:9px;border-radius:8px;cursor:pointer}.switch-menu button:hover{background:#f2f4f7}.content-wrap{padding:30px;max-width:1440px;margin:auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h1{margin:4px 0 7px;font-size:30px}.page-heading p{margin:0;color:var(--muted)}.status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef4ff;color:#3538cd;font-size:12px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-card{padding:20px}.stat-card span{display:block;color:var(--muted);font-size:13px}.stat-card strong{font-size:34px;display:block;margin-top:6px}.panel-card{padding:22px;margin-bottom:20px}.panel-card h2{margin:0 0 15px;font-size:19px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.section-head h2{margin:0}.section-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.section-head a{color:var(--primary);font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{padding:18px;display:flex;justify-content:space-between;gap:14px;transition:.18s}.product-card:hover{transform:translateY(-2px);border-color:#c7d7fe}.product-card h3{margin:6px 0;font-size:18px}.product-card p,.product-card small{margin:0;color:var(--muted);font-size:13px}.product-type{font-size:11px;color:var(--primary);font-weight:700}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.empty-state{padding:28px;text-align:center;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;text-align:right;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:12px}td small{display:block;color:var(--muted);margin-top:3px}.detail-list{margin:0}.detail-list div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:700}.link-stack{display:grid;gap:10px}.link-stack a{padding:12px;border:1px solid var(--line);border-radius:10px;color:var(--primary)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-item{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:6px}.feature-item span{color:var(--muted);font-size:13px}.pagination-wrap{margin-top:20px}.invitation-box input{margin-top:10px}.pagination-wrap nav{font-size:13px}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.app-shell{display:block}.sidebar{position:relative;height:auto}.nav-list{grid-template-columns:repeat(2,1fr)}.sidebar-customer{margin-top:18px}.topbar{position:relative;padding:0 16px}.content-wrap{padding:18px}.two-col,.product-grid,.feature-grid{grid-template-columns:1fr}.top-actions .user-name{display:none}}@media(max-width:520px){.guest-card{padding:22px}.stats-grid{grid-template-columns:1fr 1fr}.page-heading{display:block}.status-pill{margin-top:12px}.nav-list{grid-template-columns:1fr}.form-links{display:grid}.top-actions{gap:7px}}