:root{--dash-purple:#7c3aed;--dash-deep:#4c1d95;--dash-soft:#f2eaff;--dash-ink:#201633;--dash-muted:#766989;--dash-card:#fff;--dash-line:#e8ddf7}.dashboard-wrap{max-width:1180px;margin:0 auto;padding:38px 24px 60px}.dash-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:30px;align-items:center;padding:38px;border-radius:24px;background:linear-gradient(125deg,#4c1d95,#7c3aed 60%,#a855f7);color:#fff;box-shadow:0 20px 55px #6d28d933}.dash-hero:after{content:"";position:absolute;width:220px;height:220px;right:22%;top:-145px;border:1px solid #fff4;border-radius:52px;transform:rotate(20deg)}.dash-hero p,.dash-nav-card small,.dash-section-head small{font-size:11px;font-weight:850;letter-spacing:.13em;margin:0}.dash-hero h1{margin:7px 0;font-size:clamp(29px,4vw,46px)}.dash-hero span{color:#ede9fe}.dash-actions{position:relative;z-index:1;display:flex;gap:10px;align-items:center}.dash-actions a,.dash-actions button{border:1px solid #ffffff55;border-radius:11px;padding:11px 15px;color:#fff;background:#ffffff18;text-decoration:none;font-weight:750}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.dash-metrics article{display:flex;align-items:center;gap:15px;padding:20px;background:var(--dash-card);border:1px solid var(--dash-line);border-radius:17px;box-shadow:0 8px 28px #4c1d950d}.metric-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-weight:900;color:#fff}.metric-icon.purple{background:linear-gradient(140deg,#7c3aed,#a855f7)}.metric-icon.blue{background:linear-gradient(140deg,#2563eb,#60a5fa)}.metric-icon.pink{background:linear-gradient(140deg,#db2777,#f472b6)}.dash-metrics small,.dash-metrics span{display:block;color:var(--dash-muted)}.dash-metrics strong{display:block;color:var(--dash-ink);font-size:23px;margin:2px 0}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dash-nav-card{min-height:205px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;padding:22px;border:1px solid var(--dash-line);border-radius:19px;background:var(--dash-card);color:var(--dash-ink);text-decoration:none;box-shadow:0 8px 28px #4c1d950d;transition:.2s transform,.2s box-shadow}.dash-nav-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #4c1d9518}.dash-nav-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--dash-soft);color:var(--dash-purple);font-weight:900}.dash-nav-card h2{margin:5px 0}.dash-nav-card p{margin:0;color:var(--dash-muted)}.dash-nav-card>b{color:var(--dash-purple)}.dash-nav-card.featured{background:linear-gradient(145deg,#27153f,#4c1d95);color:#fff}.dash-nav-card.featured p{color:#d8c9ef}.dash-recent{grid-column:1/-1;padding:22px;background:var(--dash-card);border:1px solid var(--dash-line);border-radius:19px}.dash-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dash-section-head h2{margin:3px 0}.dash-section-head a{color:var(--dash-purple);font-weight:750;text-decoration:none}.dash-activity-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:11px;border-top:1px solid var(--dash-line);color:var(--dash-ink);text-decoration:none}.dash-activity-row>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--dash-soft);color:var(--dash-purple);font-weight:800}.dash-activity-row small{display:block;color:var(--dash-muted)}.dash-activity-row>b{font-size:11px;text-transform:capitalize;color:#7c3aed}.dash-activity-row>b.failed{color:#dc2626}.dash-empty{padding:25px;text-align:center;color:var(--dash-muted)}.dash-toast{position:fixed;z-index:80;top:80px;left:50%;transform:translateX(-50%);background:#ede9fe;color:#4c1d95;padding:11px 16px;border-radius:10px;box-shadow:0 10px 35px #4c1d9533}.dash-qr-modal{position:fixed;z-index:90;inset:0;background:#25123dcc;display:grid;place-items:center;padding:18px}.dash-qr-modal[hidden]{display:none}.dash-qr-modal>div{position:relative;width:min(94vw,420px);padding:28px;background:#fff;border-radius:22px;text-align:center}.dash-close{position:absolute;right:12px;top:12px;font-size:22px}.dash-qr-target{min-height:320px;display:grid;place-items:center}.dash-qr-target img{max-width:100%;height:auto}.dash-dark{background:#140d20}.dash-dark .dashboard-wrap{--dash-card:#21162f;--dash-ink:#f3e8ff;--dash-muted:#b9a8cd;--dash-line:#3b2950}.dash-dark header{background:#28133f}.login-body{background:linear-gradient(135deg,#ede9fe,#f5f3ff 55%,#e0e7ff)}.login-card{border:1px solid #e9d5ff;box-shadow:0 25px 80px #5b21b622}.login-card .brand-mark,.login-card .primary{background:linear-gradient(120deg,#7c3aed,#5b21b6)}.login-card input:focus{border-color:#7c3aed;outline:3px solid #7c3aed1f}@media(max-width:820px){.dashboard-wrap{padding:18px 14px 35px}.dash-hero{align-items:flex-start;flex-direction:column;padding:25px}.dash-actions{width:100%;flex-wrap:wrap}.dash-actions a,.dash-actions button{flex:1;text-align:center;white-space:nowrap}.dash-metrics,.dash-grid{grid-template-columns:1fr}.dash-metrics{gap:10px}.dash-metrics article{padding:15px}.dash-nav-card{min-height:175px}.dash-activity-row{grid-template-columns:38px minmax(0,1fr) auto}.dash-activity-row div{min-width:0}.dash-activity-row strong,.dash-activity-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

.dash-activity-time{display:block;font-size:10px;color:var(--dash-muted);font-weight:400;white-space:nowrap}