:root{--ink:#17211d;--muted:#66726c;--paper:#f7f6f1;--card:#fff;--line:#e3e2dc;--forest:#173f34;--forest-2:#245848;--cream:#f1eadb;--gmail:#d34b3f;--microsoft:#176dc1;--shadow:0 18px 50px rgba(24,42,35,.08)}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Newsreader",serif}h1{font-size:clamp(2.3rem,4vw,3.7rem);line-height:1;margin-bottom:.55rem;letter-spacing:-.035em}h2{font-size:2rem;margin-bottom:.45rem;letter-spacing:-.02em}h3{font-size:1.1rem;margin-bottom:.4rem}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:26px 18px 18px;background:#f0efe9;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;font:600 1.18rem "Newsreader",serif;padding:0 10px 28px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--forest);color:#fff}.nav{display:flex;flex-direction:column;gap:4px}.nav-label{margin:20px 12px 5px;color:#8a918d;font-size:.67rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.nav-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;font-size:.87rem;color:#53605a}.nav-link:hover,.nav-link.active{background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(20,35,29,.05)}.provider-dot{width:9px;height:9px;border-radius:50%;background:var(--gmail)}.microsoft .provider-dot{background:var(--microsoft)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 0;display:flex;align-items:center;gap:10px}.sidebar-foot div:nth-child(2){min-width:0;flex:1}.sidebar-foot strong,.sidebar-foot small{display:block;font-size:.75rem}.sidebar-foot small{color:var(--muted);margin-top:2px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#dce6df;color:var(--forest);font-size:.72rem;font-weight:700}.main-shell{margin-left:248px;min-height:100vh}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:rgba(247,246,241,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.search{width:min(430px,42vw);height:40px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);background:#fff;border-radius:11px;color:var(--muted)}.search input{border:0;outline:0;flex:1;background:transparent}.search kbd{font-size:.66rem;border:1px solid var(--line);padding:3px 6px;border-radius:5px;background:#f6f5f1}.top-actions{display:flex;gap:10px;align-items:center}.icon-button,.menu-button{border:0;background:transparent;cursor:pointer;color:var(--muted)}.menu-button{display:none;font-size:1.2rem}.primary-button,.secondary-button,.compose-button{border:0;border-radius:10px;padding:11px 16px;cursor:pointer;font-weight:600;font-size:.83rem;display:inline-flex;align-items:center;gap:8px}.primary-button{background:var(--forest);color:#fff}.primary-button:hover{background:var(--forest-2)}.primary-button.light{background:#fff;color:var(--forest)}.secondary-button{background:transparent;border:1px solid #cfd2ce;color:var(--ink)}.count{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;background:#fff;color:var(--forest);border-radius:20px;font-size:.67rem}.page{max-width:1440px;margin:auto;padding:48px 54px 80px}.eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:#7a847f;margin-bottom:10px}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.hero-row p:last-child,.workspace-head p:last-child{color:var(--muted);max-width:650px}.attention-card{background:var(--forest);color:#fff;border-radius:22px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}.attention-card:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:80px;top:-210px}.attention-card h2{margin-bottom:5px}.attention-card p:last-child{color:#c9d7d1;margin-bottom:0}.attention-card .eyebrow{color:#bcd0c8;display:inline-block}.status-pulse{display:inline-block;width:8px;height:8px;background:#d8bd80;border-radius:50%;margin-right:8px}.section-heading{margin:48px 0 18px;display:flex;justify-content:space-between;align-items:end}.section-heading h2{margin:0}.section-heading>p{font-size:.78rem;color:var(--muted)}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.provider-card{position:relative;min-height:260px;padding:26px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 25px rgba(30,43,37,.035);transition:.2s ease}.provider-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.gmail-card{border-top:3px solid var(--gmail)}.microsoft-card{border-top:3px solid var(--microsoft)}.provider-logo{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#fff0ed;color:var(--gmail);font-size:1.35rem;font-weight:700}.windows{grid-template-columns:repeat(2,11px);grid-template-rows:repeat(2,11px);gap:2px;background:#eaf4ff}.windows i{display:block;background:var(--microsoft);width:11px;height:11px}.connection{position:absolute;right:24px;top:27px;border:1px solid var(--line);border-radius:20px;padding:5px 9px;font-size:.68rem}.muted{color:var(--muted)}.provider-card h3{font:600 1.65rem "Newsreader",serif;margin-top:24px}.provider-card p{color:var(--muted);max-width:420px;font-size:.87rem;line-height:1.6}.card-meta{position:absolute;inset:auto 26px 23px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;font-size:.75rem}.card-meta span{color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;display:grid;grid-template-columns:auto 1fr;gap:14px;position:relative}.work-card:hover{border-color:#a9b6af}.work-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#e8eee9;color:var(--forest);font-size:1.1rem}.work-card h3{margin:1px 0 4px;font-size:.92rem}.work-card p{color:var(--muted);font-size:.74rem;margin:0}.work-meta{grid-column:2;color:#8a928e;font-size:.68rem;margin-top:8px}.workspace-head{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:24px}.workspace-head h1{font-size:2.8rem}.workspace-head .provider-logo{width:62px;height:62px;border-radius:17px}.boundary-note{padding:13px 16px;border:1px solid #d7dcd8;background:#edf2ee;border-radius:11px;font-size:.76rem;color:#53605a;margin-bottom:22px}.mail-layout{display:grid;grid-template-columns:190px minmax(320px,1fr) 280px;min-height:550px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.folder-panel{padding:18px 12px;border-right:1px solid var(--line);background:#faf9f6}.compose-button{width:100%;justify-content:center;background:var(--forest);color:#fff;margin-bottom:16px}.folder{display:flex;width:100%;justify-content:space-between;border:0;background:transparent;border-radius:8px;padding:9px 11px;color:var(--muted);font-size:.77rem;cursor:pointer}.folder.active{background:#e9eeea;color:var(--ink);font-weight:600}.empty-mail,.module-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px}.empty-mail p,.module-empty p{color:var(--muted);max-width:530px;font-size:.86rem;line-height:1.6}.empty-icon{font-size:2rem;color:#9aa39f;margin-bottom:18px}.stationery-panel{border-left:1px solid var(--line);padding:22px;background:#faf9f6}.stationery-panel h3{font-family:"Newsreader",serif;font-size:1.4rem}.paper-preview{height:260px;background:#fff;border:1px solid #dddcd6;box-shadow:0 8px 25px rgba(20,30,25,.08);margin:18px 0 22px;padding:16px;display:flex;flex-direction:column}.paper-header{height:26px;border-bottom:2px solid var(--forest)}.paper-lines{height:70px;margin-top:35px;background:repeating-linear-gradient(to bottom,#e4e6e3 0,#e4e6e3 1px,transparent 1px,transparent 14px);width:75%}.signature-script{font-family:"Newsreader",serif;font-style:italic;margin-top:auto;color:#53635c}.paper-footer{height:16px;border-top:1px solid #bfc8c3;margin-top:12px}.stationery-panel label{display:block;color:var(--muted);font-size:.7rem;margin-bottom:13px}.stationery-panel select{display:block;width:100%;padding:9px;margin-top:5px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.full{width:100%;justify-content:center}.module-empty{min-height:520px;border:1px dashed #cfd3cf;border-radius:20px;background:#fbfaf7}.module-orbit{width:85px;height:85px;border:1px solid #cbd4ce;border-radius:50%;display:grid;place-items:center;margin-bottom:24px;box-shadow:0 0 0 12px #f1f4f1,0 0 0 13px #e1e7e2}.module-orbit span{font-size:1.5rem;color:var(--forest)}
@media(max-width:1050px){.work-grid{grid-template-columns:1fr}.mail-layout{grid-template-columns:170px 1fr}.stationery-panel{display:none}.page{padding:38px 32px}.topbar{padding:0 30px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:30px 0 70px rgba(0,0,0,.18)}.main-shell{margin-left:0}.menu-button{display:block}.search{display:none}.page{padding:28px 18px 60px}.hero-row,.attention-card{align-items:flex-start;flex-direction:column}.provider-grid{grid-template-columns:1fr}.mail-layout{grid-template-columns:1fr}.folder-panel{display:none}.workspace-head{grid-template-columns:auto 1fr}.workspace-head .primary-button{grid-column:1/-1}.topbar{height:64px;padding:0 18px}.work-grid{grid-template-columns:1fr}.attention-card{padding:26px}.top-actions .icon-button{display:none}}

/* Miah's Class identity */
.brand{padding-inline:8px;font-size:1.05rem}.brand-logo{width:38px;height:38px;object-fit:cover;border-radius:10px;background:#fff;border:1px solid #dcdedb}.brand>span{display:flex;flex-direction:column;line-height:1.05}.brand small{font:700 .61rem "DM Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--microsoft);margin-top:5px}.site-footer{margin-top:64px;padding:22px 2px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#7c8580;font-size:.7rem}.site-footer span:last-child{font-weight:600;color:#4b5b54}
@media(max-width:760px){.site-footer{flex-direction:column;gap:6px}}
.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#e8edf7,transparent 35%),var(--paper);padding:24px}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow)}.auth-card>img{width:78px;height:78px;object-fit:cover;border-radius:18px;margin-bottom:24px}.auth-card h1{font-size:2.25rem}.auth-card>p:not(.eyebrow){color:var(--muted);font-size:.85rem;line-height:1.6}.auth-card label{display:block;font-size:.73rem;font-weight:600;margin:14px 0;color:#495650}.auth-card input:not([type=checkbox]){display:block;width:100%;padding:11px 12px;margin-top:6px;border:1px solid var(--line);border-radius:9px;background:#fbfbf9}.auth-card .check{display:flex;gap:8px;align-items:center;font-weight:400}.form-error{color:#aa3028!important}.connection-state{font-size:.73rem;padding:9px 12px;border-radius:10px;background:#e8f0eb;color:var(--forest)}
.mail-live-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px}.message-list,.composer-card,.message-reader{background:#fff;border:1px solid var(--line);border-radius:16px}.message-list>a{display:block;padding:18px;border-bottom:1px solid var(--line)}.message-list>a:last-child{border:0}.message-list span{display:block;color:var(--muted);font-size:.72rem;margin:5px 0}.message-list p{color:var(--muted);font-size:.78rem;margin:0}.composer-card{padding:24px}.composer-card label{display:block;font-size:.7rem;font-weight:600;margin:12px 0}.composer-card input,.composer-card textarea{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid var(--line);border-radius:8px}.composer-card>p{font-size:.7rem;color:var(--muted)}.message-reader{padding:34px;margin-top:20px}.email-body{border-top:1px solid var(--line);margin:25px 0;padding:25px 0;line-height:1.65;overflow-wrap:anywhere}@media(max-width:900px){.mail-live-grid{grid-template-columns:1fr}}
.form-grid{display:grid;grid-template-columns:1fr 2fr;gap:22px}.identity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.composer-card select{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid var(--line);border-radius:8px;background:#fff}.composer-card.wide{max-width:780px}.record-list{display:grid;gap:12px;margin-top:24px}.record-list article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.record-list article p{color:var(--muted);font-size:.8rem;line-height:1.55}.record-list article a{color:var(--microsoft);font-size:.76rem;font-weight:600}.submission-card{width:min(620px,100%)}.email-frame{width:100%;min-height:420px;border:1px solid var(--line);border-radius:10px;background:#fff}.message-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.message-actions form{margin:0}.danger-zone{margin-top:24px;padding:14px;border:1px solid #ebc7c3;border-radius:9px}.danger-zone label{display:block;font-size:.72rem;margin:10px 0}.danger-zone input{display:block;padding:8px;margin-top:5px;border:1px solid var(--line);border-radius:7px}@media(max-width:1000px){.identity-grid{grid-template-columns:1fr}}@media(max-width:800px){.form-grid{grid-template-columns:1fr}}