:root{--bg: #0b1020;--panel: #121933;--muted: #8da2fb;--text: #e6e9f5;--text-dim: #a6b0cf;--accent: #6c8cff;--accent-2: #4dd9a7;--border: #1b2447;--danger: #ff6b6b;--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;font-family:inherit}html,body,#root{height:100%}html,body{font-family:var(--font-family)}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;border:1px solid transparent;cursor:pointer}.btn.secondary{background:transparent;border-color:var(--border)}.btn.danger{background:var(--danger)}.input{width:100%;background:#0e1430;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px}.layout{display:grid;grid-template-columns:260px 1fr;grid-template-rows:64px 1fr;grid-template-areas:"sidebar topbar" "sidebar content";height:100vh}.sidebar{grid-area:sidebar}.topbar{grid-area:topbar}.content{grid-area:content;overflow:auto;padding:24px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--text-dim)}.nav-link.active,.nav-link:hover{background:#ffffff0f;color:var(--text)}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-left{background:#0d1228;display:grid;grid-template-rows:auto 1fr;padding:32px 40px}.auth-right{background:radial-gradient(1200px 600px at 80% 90%,rgba(255,170,100,.15),transparent 60%),radial-gradient(900px 400px at 60% 20%,rgba(255,122,69,.15),transparent 60%),#fdebe1;color:#1d1d1d;padding:40px;display:flex;align-items:center;justify-content:center}.brand{display:flex;align-items:center;gap:10px;color:#f3f3f7;font-weight:700}.ghost-link{color:var(--text-dim);font-size:14px}.auth-card{background:#0f1633;border:1px solid var(--border);border-radius:16px;padding:28px;max-width:460px}.auth-title{font-size:40px;line-height:1.1;margin:8px 0 16px;font-weight:800}.auth-socials{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}.social-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:1px solid var(--border);background:#0e1430;color:var(--text);border-radius:10px;cursor:pointer}.auth-sep{display:flex;align-items:center;gap:12px;color:var(--text-dim);font-size:12px;margin:8px 0}.auth-sep:before,.auth-sep:after{content:"";height:1px;flex:1;background:var(--border)}.form-row{display:grid;gap:6px}.form-hint{color:var(--text-dim);font-size:12px}.form-inline{display:flex;align-items:center;justify-content:space-between;color:var(--text-dim);font-size:12px}.auth-submit{width:100%;height:44px;border-radius:10px;background:#ff7a45;border:none;color:#fff;font-weight:700;cursor:pointer}.auth-meta{text-align:center;color:var(--text-dim);font-size:14px}.hero{max-width:560px}.hero h1{font-size:48px;line-height:1.1;margin:0 0 12px}.hero p{color:#5f5f6a;font-size:16px}.hero-illus{position:relative;margin-top:28px;height:340px}.hero-illus .illus-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:16px;border:1px solid #eee;box-shadow:0 10px 30px #00000014;background:#fff}.hero-illus .illus-card{position:absolute;right:-24px;top:60px;width:56%;filter:drop-shadow(0 10px 24px rgba(0,0,0,.12))}.dash{color:#1f2937}.dash .surface{background:#fff;border:1px solid #eceef3;border-radius:14px;box-shadow:0 1px 2px #1018280a}.dash .muted{color:#667085}.dash .title{font-size:20px;font-weight:700;color:#101828}.dash .toolbar{display:flex;align-items:center;gap:10px}.dash .chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#eef6ff;color:#175cd3;font-size:12px;font-weight:600}.dash .btn-primary{background:#ff7a45;color:#fff;border:none;height:36px;border-radius:10px;padding:0 12px;font-weight:600;cursor:pointer}.dash .grid{display:grid;gap:16px}.dash .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dash .grid-2-1{grid-template-columns:2fr 1fr}.stat-card{padding:16px}.stat-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#667085}.stat-value{font-size:24px;font-weight:800}.stat-delta{color:#039855;background:#ecfdf3;border:1px solid #abefc6;padding:2px 6px;border-radius:999px;font-size:12px;font-weight:700}.sales-card{padding:16px}.sales-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.select{height:32px;border:1px solid #e5e7eb;border-radius:8px;padding:0 10px;background:#fff}.goals{padding:16px}.goals-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.metric{display:flex;align-items:center;gap:8px}.metric .dot{width:10px;height:10px;border-radius:999px}.table-card{padding:0;overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;color:#667085;background:#fafafa}.table th,.table td{padding:12px 16px;border-bottom:1px solid #eceef3}.badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.green{color:#027a48;background:#ecfdf3;border:1px solid #abefc6}.badge.red{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.dash-page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dash-page-header .toolbar{width:100%}@media (min-width: 600px){.dash-page-header .toolbar{width:auto}}@media (max-width: 899px){.dash .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.dash .grid-2-1{grid-template-columns:1fr}.dash .table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.dash .table{min-width:640px}.dash .MuiTableContainer-root{overflow-x:auto;-webkit-overflow-scrolling:touch}.content{padding:16px}}@media (max-width: 599px){.dash .grid-4{grid-template-columns:1fr}.dash .title{font-size:18px}.auth{grid-template-columns:1fr}.auth-right{display:none}.auth-left{padding:20px 16px;min-height:100vh}.auth-card{padding:20px;max-width:100%}.auth-title{font-size:28px}.auth-socials{grid-template-columns:1fr}.hero h1{font-size:32px}.hero-illus .illus-card{right:0;width:70%}.dash>.MuiBox-root:first-of-type,.dash>div:first-of-type{flex-wrap:wrap;gap:12px}.dash>.MuiBox-root:first-of-type>.MuiButton-root,.dash>div:first-of-type>.MuiButton-root,.dash>div:first-of-type>button{width:100%}}