@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

/* Shared Atlas system for all signed-in workspaces */
/* Customer account workspace */
body:has(#orderList) header{height:82px!important;background:linear-gradient(120deg,#101a2b,#202a52)!important;border:0!important}body:has(#orderList) header b{font-family:'Space Grotesk',sans-serif!important}body:has(#orderList) header a{color:#dfe4f5!important}body:has(#orderList) main{max-width:1160px!important;padding:48px 25px!important}body:has(#orderList) .dashboard.show{gap:22px!important;grid-template-columns:225px 1fr!important}body:has(#orderList) .side{border:1px solid var(--atlas-line)!important;border-radius:16px!important;background:#fff!important;padding:15px!important;box-shadow:0 12px 26px #17233d0a!important}body:has(#orderList) .side b{font:600 18px 'Space Grotesk',sans-serif!important;padding:8px 8px 15px;margin:0!important}body:has(#orderList) .side button{width:100%;padding:11px 9px!important;border-radius:8px!important;font-family:'Plus Jakarta Sans',sans-serif!important}body:has(#orderList) .side button.active{background:var(--atlas-soft)!important;color:var(--atlas-accent)!important}body:has(#orderList) .panel{border:1px solid var(--atlas-line)!important;border-radius:18px!important;box-shadow:0 14px 30px #17233d0a!important}body:has(#orderList) .panel h1{font-family:'Space Grotesk',sans-serif!important;letter-spacing:-.055em}body:has(#orderList) .wallet{border-radius:14px!important;background:linear-gradient(125deg,#101a2b,#27355f)!important}body:has(#orderList) .order{border-color:var(--atlas-line)!important}.auth{border-radius:18px!important;box-shadow:0 18px 42px #17233d12}.auth h1{font-family:'Space Grotesk',sans-serif!important;letter-spacing:-.055em}.auth .primary{border-radius:9px!important;background:var(--atlas-accent)!important}
body:has(main[data-role]),body:has(#dashboard),body:has(#teacherForm),body:has(#vendorForm){--atlas-ink:#101a2b;--atlas-paper:#fff;--atlas-page:#f5f7fc;--atlas-line:#e3e8f2;--atlas-accent:#6658f5;--atlas-soft:#ebe9ff;background:var(--atlas-page);color:var(--atlas-ink);font-family:'Plus Jakarta Sans',system-ui,sans-serif;position:relative}body:has(main[data-role])::before,body:has(#dashboard)::before,body:has(#teacherForm)::before,body:has(#vendorForm)::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#6658f509 1px,transparent 1px),linear-gradient(90deg,#6658f509 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(#000,transparent 65%)}
body:has(main[data-role="teacher"]){--atlas-accent:#e95e42;--atlas-soft:#ffe8df}body:has(main[data-role="vendor"]){--atlas-accent:#078f7e;--atlas-soft:#dff8f2}body:has(main[data-role="admin"]),body:has(#metrics){--atlas-accent:#5a45d6;--atlas-soft:#e9e5ff}body:has(main[data-role="student"]){--atlas-accent:#1677d2;--atlas-soft:#e0efff}
.top{position:relative;overflow:hidden;padding:42px max(7%,28px)!important;background:linear-gradient(125deg,#101a2b,#202a52)!important;color:#fff!important;border-bottom:1px solid #ffffff13}.top::after{content:'ATLAS';position:absolute;right:5%;bottom:-56px;color:#fff;opacity:.045;font:700 170px/1 'Space Grotesk',sans-serif;letter-spacing:-.12em}.top small{position:relative;z-index:1;color:#aeb7d5!important;font:500 10px 'DM Mono',monospace!important}.top h1{position:relative;z-index:1;font:600 clamp(30px,4vw,47px)/1 'Space Grotesk',sans-serif!important;letter-spacing:-.06em!important}
main[data-role]{max-width:1220px!important;padding:34px 28px 62px!important}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#101a2b,#26345c)!important;border-radius:22px!important;padding:30px!important;box-shadow:0 20px 45px #101a2b18!important;color:#fff}.hero::after{content:'✦';position:absolute;right:28px;top:15px;font-size:112px;line-height:1;color:var(--atlas-accent);opacity:.25}.hero b{font:600 clamp(24px,3vw,35px)/1.1 'Space Grotesk',sans-serif!important;letter-spacing:-.055em}.hero p{color:#cbd3e6!important;max-width:550px}.hero .button{position:relative;z-index:1;background:var(--atlas-accent)!important;border-radius:10px!important;padding:13px 16px!important;box-shadow:0 10px 20px #0002}.metrics{gap:15px!important;margin:24px 0!important}.metric,.card{border:1px solid var(--atlas-line)!important;border-radius:16px!important;background:var(--atlas-paper)!important;box-shadow:0 10px 24px #17233d0a!important}.metric{position:relative;overflow:hidden;padding:20px!important}.metric::after{content:'';position:absolute;right:-20px;bottom:-24px;width:84px;height:84px;border-radius:50%;background:var(--atlas-soft)}.metric span,.metric small{position:relative;z-index:1;color:#78839a!important}.metric b{position:relative;z-index:1;color:var(--atlas-accent);font:700 31px/1 'Space Grotesk',sans-serif!important}.card{padding:23px!important}.card h2{font:600 19px 'Space Grotesk',sans-serif!important;letter-spacing:-.04em}.action{border-color:var(--atlas-line)!important}.action a{color:var(--atlas-ink)!important}.action span{color:var(--atlas-accent)}.status{background:var(--atlas-soft)!important;color:var(--atlas-accent)!important;font:500 10px 'DM Mono',monospace!important}
/* Admin operations dashboard */
body:has(#metrics) header{background:linear-gradient(120deg,#101a2b,#202a52)!important;padding:24px 7%!important;font-family:'Space Grotesk',sans-serif}body:has(#metrics) main{max-width:1280px!important;padding:35px 28px!important}body:has(#metrics) #dashboard>div:first-child h1{font-family:'Space Grotesk',sans-serif;letter-spacing:-.055em}body:has(#metrics) .metric{background:#fff!important;border:1px solid var(--atlas-line)!important;border-radius:15px!important;box-shadow:0 10px 24px #17233d0a!important}body:has(#metrics) .tabs{padding:7px;background:#edf0f7;border-radius:13px;width:max-content;max-width:100%;overflow:auto}body:has(#metrics) .tabs button{border-radius:8px!important;background:transparent!important;color:#5a657b!important;font-weight:700!important;margin:0!important}body:has(#metrics) .tabs button:first-child{background:var(--atlas-ink)!important;color:#fff!important}body:has(#metrics) .panel{border:1px solid var(--atlas-line)!important;border-radius:16px!important;box-shadow:0 12px 26px #17233d0a!important}body:has(#metrics) th{font:500 10px 'DM Mono',monospace!important;text-transform:uppercase;color:#77829a!important;background:#f7f8fc}body:has(#metrics) td{border-color:var(--atlas-line)!important}body:has(#metrics) button{background:var(--atlas-accent)!important;border-radius:9px!important;font-weight:700!important}
/* Teacher and vendor application/workspace surfaces */
body:has(#teacherForm) header,body:has(#vendorForm) header{background:linear-gradient(120deg,#101a2b,#202a52)!important;padding:25px 8%!important;font-family:'Space Grotesk',sans-serif}body:has(#teacherForm) main,body:has(#vendorForm) main{max-width:980px!important;padding:56px 25px!important}body:has(#teacherForm) h1,body:has(#vendorForm) h1{font-family:'Space Grotesk',sans-serif!important;letter-spacing:-.06em}body:has(#teacherForm) .card,body:has(#vendorForm) .card{border:1px solid var(--atlas-line)!important;border-radius:18px!important;box-shadow:0 16px 34px #17233d0b!important}body:has(#teacherForm) input,body:has(#teacherForm) textarea,body:has(#vendorForm) input,body:has(#vendorForm) textarea{border:1px solid var(--atlas-line)!important;border-radius:9px!important;background:#fafbfe!important;font-family:'Plus Jakarta Sans',sans-serif!important}body:has(#teacherForm) button,body:has(#vendorForm) button{background:var(--atlas-accent)!important;border-radius:10px!important}body:has(#teacherForm) .stat{border-radius:14px!important;background:var(--atlas-soft)!important}
@media(max-width:800px){main[data-role]{padding:22px 16px 46px!important}.hero{padding:24px!important}.metrics{grid-template-columns:repeat(2,1fr)!important}.grid{grid-template-columns:1fr!important}body:has(#metrics) main{padding:24px 14px!important}}
@media(max-width:500px){.top{padding:31px 19px!important}.top h1{font-size:31px!important}.metrics{grid-template-columns:1fr 1fr!important}.metric{padding:15px!important}.metric b{font-size:25px!important}.hero{display:block!important}.hero .button{margin-top:8px}body:has(#metrics) table{display:block;overflow-x:auto;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}