:root{--bg:#050b12;--panel:#0c1721;--panel2:#10212d;--line:#203c4a;--blue:#238ea5;--bright:#4ac5d8;--text:#f1f9fc;--muted:#90aab8;--danger:#ff6570;--ok:#67d9b3}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:radial-gradient(ellipse at 50% -12%,#153b4c 0%,transparent 43%),linear-gradient(160deg,#070f18,#040a10 75%);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}#app{max-width:1000px;margin:auto;min-height:100vh;padding:0 17px 94px}.head{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:13px 0 10px;background:#07121cf2;backdrop-filter:blur(18px);border-bottom:1px solid #235163}.head img{width:116px;max-height:64px;object-fit:contain}.head strong{font-size:clamp(17px,4.6vw,25px);font-weight:800;letter-spacing:-.6px;background:linear-gradient(95deg,#e7fdff,#45c4d9);background-clip:text;color:transparent}.head small{display:block;color:var(--muted);font-size:11px;letter-spacing:2px}.back{margin-left:auto}.shell{padding-top:23px}.eyebrow{color:var(--bright);font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800}.hero{padding:25px 20px;background:linear-gradient(130deg,#102633dd,#07121ddd),url('logo.png') center 55%/95% auto no-repeat;border:1px solid #235366;border-radius:23px;box-shadow:0 18px 50px #0006;min-height:182px}.hero h1{margin:7px 0;font-size:29px;line-height:1.13;letter-spacing:-.8px}.hero p{color:#bdd3dc;margin:6px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}.tile,.card{background:linear-gradient(145deg,#122533,#09141e);border:1px solid var(--line);border-radius:19px;padding:18px;box-shadow:0 8px 25px #0003}.tile{min-height:137px;text-align:left;color:var(--text);display:flex;flex-direction:column;justify-content:space-between;transition:transform .15s,border-color .15s}.tile:active{transform:scale(.98)}.tile .ico{font-size:25px;color:var(--bright)}.tile b{font-size:16px}.tile small{color:var(--muted)}.tile:hover{border-color:var(--bright)}.section{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:25px 0 13px}.section h2{font-size:21px;letter-spacing:-.5px;margin:0}.btn,.ghost,.danger{border:1px solid #367b8d;border-radius:12px;padding:10px 14px;color:white;background:linear-gradient(135deg,#14677d,#239eb5);font-weight:700}.ghost{background:#102633;border-color:#2c4e5d}.danger{background:#351b26;border-color:#81404b;color:#ffadb3}.btn:disabled{opacity:.4}.sm{font-size:12px;padding:7px 10px}.list{display:grid;gap:10px}.student{display:flex;gap:13px;align-items:center;text-align:left;width:100%;color:var(--text);background:#0d1d29;border:1px solid var(--line);border-radius:15px;padding:14px}.avatar{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:13px;background:#143a4a;color:#70e0ee;font-weight:900}.grow{flex:1;min-width:0}.student b{display:block}.muted{color:var(--muted);font-size:13px}.pct{font-size:19px;font-weight:850;color:#64d7e8}.bar{height:7px;border-radius:10px;background:#21333e;overflow:hidden;margin-top:7px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#176e89,#5cdbeb);border-radius:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{text-align:center;padding:15px 7px;border-radius:14px;background:#0f2532;border:1px solid #204454}.stat b{display:block;font-size:24px;color:#6ad8e9}.stat span{font-size:11px;color:var(--muted)}.tools{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.search,.field,textarea,select{width:100%;background:#07131e;color:var(--text);border:1px solid #2c4d5d;border-radius:12px;padding:12px;outline:none}.search:focus,.field:focus,textarea:focus{border-color:var(--bright)}label{display:block;color:#bdd5df;font-size:12px;font-weight:700;margin:13px 0 6px}textarea{resize:vertical;min-height:78px}.modalback{position:fixed;inset:0;background:#000b;z-index:10;display:grid;place-items:center;padding:15px}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:#0b1a26;border:1px solid #2e6273;border-radius:20px;padding:22px;box-shadow:0 30px 100px #000a}.modal h2{margin:0}.task{background:#0c1c28;border:1px solid #203d4d;border-radius:15px;padding:14px;margin:9px 0}.tasktitle{font-weight:800}.taskmeta{font-size:11px;color:#71bdcc;margin-bottom:5px}.checks{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}.check{padding:9px 2px;border:1px solid #2e5261;border-radius:9px;color:#a6c0cc;background:#0a1620;font-size:11px;font-weight:700}.check.on{background:#126e85;border-color:#4cc9db;color:white}.check .symbol{display:block;font-size:19px}.task textarea{font-size:13px;min-height:56px}.stage{background:linear-gradient(100deg,#123c4d,#102330);border:1px solid #306377;border-radius:13px;padding:12px 14px;margin:18px 0 10px;font-weight:900;letter-spacing:.4px}.stage small{float:right;color:#7bdbea}.note{border-left:3px solid var(--bright);padding:10px 13px;background:#10212d;border-radius:7px;color:#c4d8e1}.entry{border:1px solid #254655;border-radius:13px;padding:14px;background:#0d1d29;margin:9px 0}.entry b{display:block}.entry p{white-space:pre-wrap;margin:8px 0}.entry small{color:var(--muted)}.badge{display:inline-block;border-radius:7px;padding:2px 8px;background:#173c4d;color:#8ce1ee;font-size:11px;font-weight:800}.pass{color:#69d6b4}.fail{color:#ff9fa7}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row>*{flex-shrink:0}.row .fill{flex:1}.empty{padding:25px;text-align:center;border:1px dashed #315466;border-radius:15px;color:var(--muted)}.foot{margin-top:32px;color:#668999;text-align:center;font-size:11px}.switches{display:flex;gap:7px;flex-wrap:wrap}.switches button{flex:1;min-width:80px}.highlight{border-color:#58cde0!important}.alert{color:#ff9aa2}.logo-watermark{position:fixed;right:-30%;bottom:-8%;width:90%;opacity:.025;pointer-events:none;z-index:0}main,.head{position:relative;z-index:1}@media(min-width:700px){.grid{grid-template-columns:repeat(3,1fr)}.head img{width:155px}.hero{min-height:200px}.hero h1{font-size:38px}.checks{gap:10px}.check{font-size:13px}}@media(max-width:380px){.head img{width:94px}.head strong{font-size:16px}.checks{gap:3px}.check{font-size:10px}}

/* iPhone keyboard-safe editing */
.modalback{overflow-y:auto;align-items:safe center}.modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal input,.modal textarea,.modal select{font-size:16px;touch-action:manipulation}

/* Version 1.1: Fahrstunden-Dokumentation */
.lessonnotes{min-height:205px;line-height:1.6;font-size:16px}
.lessondate{gap:12px}.lessondate .fill{min-width:130px}
.lessonentry{border-left:3px solid var(--bright)}
.lessonentry>p{white-space:pre-wrap;line-height:1.6}
.nextstep{background:#123140;border-radius:10px;padding:11px}
.nextstep b{color:#78dceb;margin-bottom:5px}
.modal input,.modal textarea,.modal select{font-size:16px}

/* MaxDrive v1.2 */
.classbreakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;margin:15px 0}.classbreakdown>div{background:#0d2734;padding:12px;border-radius:12px}.classbreakdown span{float:right;color:#55d5e6}.warning{background:#44351a;color:#ffe0a2;border:1px solid #9b742e;padding:12px;border-radius:10px;margin:12px 0}.briefing{margin-top:22px}.briefing .entry{margin-bottom:10px}.briefing .entry p{white-space:pre-wrap}.inlinecheck{display:flex;align-items:center;gap:12px;padding:12px;background:#142c3a;border-radius:10px}.inlinecheck input{width:21px;height:21px;accent-color:#41c4d7}.check:disabled{opacity:.4;cursor:not-allowed}.tools select{min-width:100px;max-width:48%}/* 1.3 · Verkehrszeichen und Whiteboard */
.sign-cats,.board-tools{display:flex;gap:8px;overflow-x:auto;padding:12px 0;flex-wrap:wrap}
.sign-cats button,.board-tools button{border:1px solid #2c5665;border-radius:12px;background:#0d202d;color:#d9edf3;padding:10px 12px;font-weight:700;cursor:pointer}
.sign-cats button.selected,.board-tools button.selected{background:#167f97;border-color:#69d4e4;color:white}
.sign-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin:14px 0}
.sign-card{display:flex;align-items:center;gap:12px;background:#10212d;color:#f1f8fc;border:1px solid #284b5b;border-radius:15px;padding:10px;text-align:left;cursor:pointer;min-height:90px}
.sign-picture{background:white;width:82px;height:70px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;overflow:hidden}
.sign-picture img{width:100%;height:100%;object-fit:contain}.sign-placeholder{color:#23566b;font-size:12px;font-weight:bold}
.sign-desc{display:flex;flex:1;flex-direction:column;gap:4px}.sign-desc strong{color:#64d7e7}.sign-desc small{color:#91adba}
.sign-overlay{position:fixed;inset:0;z-index:9999;background:#000e;display:grid;place-items:center;padding:18px;overflow:auto}
.sign-dialog{position:relative;background:#0d1c28;border:1px solid #348da4;border-radius:20px;max-width:600px;width:100%;padding:26px;text-align:center;box-shadow:0 15px 65px #000a;color:#f2fbff}
.sign-dialog img{display:block;max-width:100%;width:min(360px,75vw);height:300px;object-fit:contain;background:#fff;border-radius:15px;margin:20px auto;image-rendering:auto}
.sign-dialog a{color:#69dbea}.sign-close{position:absolute;right:12px;top:12px;border:0;background:#1b4556;color:white;padding:10px 14px;border-radius:10px}.sign-empty{padding:60px 10px;background:white;color:#123}
.board-frame{background:white;border:4px solid #1c7891;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0005}
#trafficCanvas{display:block;width:100%;height:auto;aspect-ratio:10/7;touch-action:none;cursor:crosshair;background:white}
.board-color{width:40px;height:40px;border:2px solid white!important;padding:0!important;flex-shrink:0}.board-range{display:flex;gap:8px;align-items:center}
@media(max-width:500px){.sign-list{grid-template-columns:1fr}.sign-dialog img{height:240px}}

/* Bußgeld-Schnellübersicht */
.fine-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #27434e;border-radius:14px;margin:12px 0}.fine-table{width:100%;min-width:700px;border-collapse:collapse;font-size:13px}.fine-table th{text-align:left;background:#15323e;color:#a5e9ec;padding:13px 10px;position:sticky;top:0}.fine-table td{padding:12px 10px;border-top:1px solid #24404a;vertical-align:top}.fine-table td small{display:block;color:#9ab2bd;margin-top:5px}.fine-table tr:nth-child(even){background:#0c1c27}.fine-table td:first-child{min-width:245px}.fine-table details{margin-top:7px;color:#d5e9ef}.fine-table summary{cursor:pointer}.fine-links{flex-wrap:wrap;margin:14px 0}.fine-links a,.fine-sources a{color:#71dce0;display:inline-block;border:1px solid #255967;border-radius:9px;padding:9px;text-decoration:none;font-size:13px}.fine-sources{display:flex;flex-direction:column;gap:8px}.fine-controls{gap:12px;align-items:end;flex-wrap:wrap}.fine-controls .fill{min-width:160px}.fine-controls select{width:100%}

/* MaxDrive Pro 2.0a · übersichtlicher, mobil optimierter Arbeitsplatz */
:root{--bright:#67d8e9}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.head{border-bottom:1px solid #244453}.head strong{letter-spacing:-.35px}.shell{max-width:1050px}.md-hero{background:radial-gradient(circle at 90% 20%,#1b66705e,transparent 45%),linear-gradient(125deg,#102d3c,#08121c);min-height:225px}.md-hero h1{font-size:clamp(28px,4vw,46px);line-height:1.07;margin:12px 0}.md-hero p{font-size:13px}.md-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.md-hero-actions button{min-height:44px}.md-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.md-kpis>div{background:#0d2330;border:1px solid #254555;border-radius:15px;padding:14px 10px}.md-kpis strong{font-size:27px;display:block;color:#76deeb}.md-kpis span{font-size:11px;color:#9bb6c4}.md-grid .tile{min-height:125px;position:relative}.md-chevron{position:absolute;right:15px;top:15px;color:#6fcad8;font-size:19px}.md-recent{display:grid;gap:8px}.md-recent-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 18px;border:1px solid #254555;background:#102330;border-radius:14px;color:#edf9fc;text-align:left}.md-recent-row small{display:block;color:#9eb8c5;margin-top:5px}.md-assistant-card{margin:16px 0;background:#0f2b38;border:1px solid #2b6170;padding:18px;border-radius:17px}.md-assistant-card .bar{margin-top:15px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #74d7e8;outline-offset:2px}@media(max-width:500px){.md-hero{padding:21px 16px}.md-hero-actions{flex-direction:column}.md-hero-actions button{width:100%}.md-kpis strong{font-size:23px}.md-kpis>div{padding:12px 7px}.md-grid{gap:10px}.md-grid .tile{min-height:125px;padding:14px}.md-grid .tile b{font-size:15px}}

/* Ausbildung: direkte Kompetenzbewertung */
.md-task-intro{display:flex;flex-direction:column;gap:6px;margin:16px 0;padding:16px 18px;border:1px solid var(--line,#dce3eb);border-radius:16px;background:var(--surface,#fff)}
.md-task-intro span{font-size:.88rem;opacity:.76}
.check{min-height:43px;white-space:normal;text-align:center}
.task textarea{min-height:78px}

/* 2.0c readability */
.task .checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.task .check{min-height:46px}.task textarea{min-height:72px}.entry summary{cursor:pointer;padding:6px 0}.entry small{display:block;margin-top:5px}.field{max-width:100%}@media(min-width:800px){.task .checks{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* MaxDrive 2.0d: Desktop/iPhone einheitlich dunkel */
.md-task-intro,.md-overview,.md-stage-section{background:#0d1d29!important;color:#f1f9fc!important;border:1px solid #285061;border-radius:16px;padding:16px;margin:16px 0;min-width:0}.md-task-intro b,.md-task-intro span{color:#f1f9fc!important}.md-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.md-stage-heading h3{margin:0;color:#f1f9fc}.md-stage-heading strong{font-size:22px;color:#67d8e9}.md-table-scroll{overflow-x:auto;max-width:100%;margin-top:14px;border:1px solid #315161;border-radius:12px}.md-competence-table{width:100%;min-width:790px;border-collapse:collapse;background:#102330;color:#eaf7fa}.md-competence-table th{background:#173747;color:#aee6ef;text-align:left;font-size:13px;padding:12px 10px;white-space:nowrap}.md-competence-table td{border-top:1px solid #274552;padding:10px;vertical-align:middle}.md-competence-table td:first-child{min-width:200px}.md-competence-table td small{display:block;color:#92b2c0}.md-competence-table td:nth-child(n+2):nth-child(-n+5){text-align:center}.md-competence-table textarea{width:100%;min-width:180px;min-height:65px;background:#091925;color:#f1f9fc;border:1px solid #33596a;border-radius:9px;padding:8px}.md-matrix-check{border:1px solid #406879;border-radius:10px;width:42px;height:42px;background:#132f3e;color:#c6e0e8;font-size:23px;cursor:pointer}.md-matrix-check.on{background:#127b71;color:#fff;border-color:#45d6b6}.md-cell-actions{display:flex;gap:6px;margin-top:5px}.md-no-rows{color:#a8c2ce;text-align:center}.md-legal-entry summary{cursor:pointer;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.md-legal-text{margin:15px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#e6f2f5}.md-legal-text p{margin:10px 0}.md-gfa summary{cursor:pointer}.md-gfa summary small{display:block}.md-gfa img{display:block;width:min(100%,850px);height:auto;margin:14px auto;border-radius:8px;background:#fff}.md-gfa a{display:block}.md-gfa a:focus-visible,.md-matrix-check:focus-visible{outline:3px solid #67d8e9}

.md-auth{max-width:420px;margin:9vh auto;background:#0d2330;border:1px solid #315161;border-radius:22px;padding:28px;color:#effbff}.md-auth h1{margin:8px 0}.md-auth p{color:#9fb9c5}.md-auth label{display:block;margin:16px 0 5px}.md-auth input{width:100%;min-height:46px;background:#071723;border:1px solid #3b6876;border-radius:10px;color:white;padding:12px}.md-auth button{margin-top:20px;width:100%}.md-logout{position:fixed;right:12px;bottom:12px;z-index:500;background:#174251;color:white;border:1px solid #67d8e9;border-radius:10px;padding:10px 13px;font-size:12px}#md-error{color:#ff9b9b}


/* MaxDrive Pro 2.1 · Automotive Workspace – Design-only layer */
:root{--bg:#f4f7fb;--panel:#fff;--panel2:#f1f5fa;--line:#dfe7f1;--blue:#145df0;--bright:#2563eb;--text:#14223b;--muted:#63738a;--danger:#db4455;--ok:#0da67a}
html{background:#f4f7fb}body{color:var(--text);background:#f4f7fb;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
#app{max-width:1150px;padding:0 22px 95px}.head{background:rgba(255,255,255,.94);border-bottom:1px solid #e1e8f1;padding:14px 5px;box-shadow:0 2px 15px #172e5210}.head strong{background:none;color:#10223f;font-size:clamp(17px,3.7vw,23px);font-weight:760}.head small{color:#718199;letter-spacing:1.5px}.head img{max-height:57px}.shell{padding-top:26px}.eyebrow{color:#2563eb}.hero{background:linear-gradient(112deg,#0e2548f5,#16487fe8),url('logo.png') right center/40% auto no-repeat;border:0;border-radius:19px;box-shadow:0 12px 32px #17365c20;color:white;min-height:170px}.hero h1{color:white}.hero p{color:#d5e5f8}.grid{gap:13px}.tile,.card{background:white;border:1px solid #e1e8f1;border-radius:15px;box-shadow:0 5px 18px #19335d09;color:#15243e}.tile{min-height:132px}.tile:hover{border-color:#7ba8ff;box-shadow:0 8px 22px #194eac17}.tile .ico{color:#1762ee}.tile small,.muted{color:#697c93}.section h2{color:#10213c}.btn{background:#125bf1;border:1px solid #125bf1;color:white;border-radius:10px;box-shadow:0 4px 12px #155ef023}.ghost{background:#f5f8fc;border-color:#dbe4ef;color:#193a63}.danger{background:#fff0f1;border-color:#f3c3c9;color:#b3273b}.student,.entry,.task,.stat,.classbreakdown>div{background:#fff;border-color:#e0e7f0;color:#182c47;border-radius:13px}.avatar{background:#e8efff;color:#225cce}.pct,.stat b{color:#145df0}.stat{background:white}.stat span{color:#6d7c90}.bar{background:#e8edf5}.bar i{background:linear-gradient(90deg,#155cf2,#18b8a0)}.search,.field,textarea,select{background:white;color:#192943;border-color:#d9e2ee;border-radius:10px}.search:focus,.field:focus,textarea:focus{border-color:#1d63f0;box-shadow:0 0 0 3px #2563eb18}.shell label{color:#50617a}.modalback{background:#0b1c32a6}.modal{background:#fff;border-color:#d9e3ef;color:#182944;border-radius:18px;box-shadow:0 24px 90px #091d3550}.stage{background:#eaf2ff;color:#17417c;border-color:#c9dcfc}.stage small{color:#145cf0}.note,.nextstep{background:#edf4ff;color:#25456e;border-color:#3475ed}.badge{background:#eaf1ff;color:#1c58bc}.check{background:#f5f8fc;border-color:#d5e0ee;color:#596d87}.check.on{background:#135cf0;border-color:#135cf0;color:#fff}.sign-card{background:white;border-color:#dfe7f1;color:#14243b}.sign-desc strong{color:#175edb}.sign-desc small{color:#6d7d91}.sign-cats button,.board-tools button{background:#fff;color:#254269;border-color:#dce6f2}.sign-cats button.selected,.board-tools button.selected{background:#145df0;border-color:#145df0;color:white}.warning{background:#fff7e8;color:#83550b;border-color:#f0d9a7}.inlinecheck{background:#edf4ff}.foot{color:#78869a}.md-logout{background:#fff;color:#36557a;border:1px solid #d6e1ef;box-shadow:0 3px 15px #122e4c1a}
/* Distinctive premium split-screen login; no external images, fonts or trackers */
body:has(.md-auth-shell){background:#eaf0f8}body:has(.md-auth-shell) #app{max-width:none;padding:0;min-height:100vh}.md-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(400px,1fr)}.md-brand-panel{background:radial-gradient(circle at 75% 66%,#2b69b7a6,transparent 35%),linear-gradient(150deg,#08172d,#102d55 55%,#08172d);color:#fff;padding:clamp(25px,4vw,62px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.md-brand-panel:before{content:'';position:absolute;inset:30% -35% -20% 15%;border:2px solid #ffffff14;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 70px #ffffff06,0 0 0 145px #ffffff04;pointer-events:none}.md-brand-top,.md-brand-copy,.md-brand-bottom{position:relative;z-index:1}.md-brand-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.md-brand-top img{width:min(200px,48%);max-height:100px;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 8px #0003)}.md-brand-top span{font-size:11px;letter-spacing:2px;color:#b4c8e5}.md-kicker,.md-auth-eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#71a7ff}.md-brand-copy h1{font-size:clamp(39px,4.8vw,74px);line-height:1.08;letter-spacing:-2.6px;margin:20px 0 22px;font-weight:800}.md-brand-copy h1 em{font-style:normal;color:#69a7ff}.md-brand-copy>p{color:#c8d7eb;max-width:480px;font-size:17px;line-height:1.65}.md-benefits{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.md-benefits span{padding:10px 13px;background:#ffffff12;border:1px solid #ffffff20;border-radius:9px;font-size:13px}.md-brand-bottom{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:1px;color:#adc4e0}.md-brand-bottom span{letter-spacing:0}.md-auth-side{display:flex;align-items:center;justify-content:center;padding:40px 24px;background:#f8fafc}.md-auth-content{width:min(430px,100%)}.md-auth{max-width:none;margin:0;padding:0;background:transparent;border:0;border-radius:0;color:#14243d;box-shadow:none}.md-auth h2{font-size:clamp(30px,3.5vw,43px);letter-spacing:-1.6px;line-height:1.2;margin:12px 0 10px;color:#11213b}.md-dot{color:#1c63ee}.md-auth p{color:#728199;margin:0 0 24px}.md-auth form{background:white;border:1px solid #e1e8f2;border-radius:17px;padding:26px;box-shadow:0 15px 40px #203b5b0c}.md-auth label{color:#40536e;font-size:13px;font-weight:700;margin:13px 0 7px}.md-auth input{background:#f8fafc;border:1px solid #dce5f0;border-radius:9px;color:#172840;min-height:49px;padding:12px 14px}.md-auth input:focus{outline:2px solid #b5d0ff;border-color:#2563eb}.md-auth input::placeholder{color:#9aa9bb}.md-auth .btn{min-height:49px;margin-top:24px;font-weight:750}.md-auth #md-error{color:#b92d43;margin:13px 0 0;font-size:13px}.md-social{text-align:center;padding:30px 0 15px}.md-social>span{color:#8392a5;font-size:10px;letter-spacing:2px;font-weight:800}.md-social-links{display:flex;justify-content:center;gap:13px;margin-top:14px}.md-social-links a,.md-social-tiktok{display:flex;align-items:center;gap:9px;padding:11px 17px;border:1px solid #dfe7f1;background:white;border-radius:10px;color:#233a5b;font-weight:700;font-size:13px;text-decoration:none}.md-social-links a:hover{border-color:#2563eb;color:#145df0}.md-social-links svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.md-social-links .md-svg-dot{fill:currentColor;stroke:none}.md-social-tiktok{opacity:.6;cursor:default}.md-auth-footer{text-align:center;font-size:12px;color:#9aa7b8;margin-top:20px}.md-mobile-brand{display:none}
@media(max-width:850px){.md-auth-shell{grid-template-columns:1fr}.md-brand-panel{padding:22px 24px;min-height:175px}.md-brand-top img{width:128px;max-height:64px}.md-brand-copy{margin:18px 0 0}.md-brand-copy h1{font-size:29px;letter-spacing:-.9px;margin:8px 0}.md-brand-copy>p{display:none}.md-benefits,.md-brand-bottom,.md-kicker{display:none}.md-auth-side{padding:30px 22px 45px}.md-auth h2{font-size:32px}.md-auth form{padding:21px}}@media(max-width:480px){#app{padding:0 13px 90px}.head img{width:95px}.hero{padding:22px 18px}.grid{gap:9px}.tile,.card{padding:14px}.md-brand-panel{min-height:140px}.md-brand-copy h1{font-size:25px}.md-auth-side{padding:26px 18px 40px}.md-social-links{gap:8px}.md-social-links a,.md-social-tiktok{padding:10px 12px}}


/* MaxDrive Pro 2.3 – unified light workspace; login branding intentionally retained */
:root{color-scheme:light;--bg:#f3f6fb;--panel:#fff;--panel2:#f8faff;--line:#e0e7f0;--blue:#165deb;--bright:#165deb;--text:#172a45;--muted:#66788f;--danger:#cf3e50;--ok:#16836a}
body{background:#f3f6fb;color:#172a45}
#app{max-width:1180px}
.shell{max-width:none}
.head{border-bottom:1px solid #e0e7f0}
.head strong{color:#172a45}
.md-hero{background:linear-gradient(115deg,#102b50,#174f91)!important;color:#fff;border:0;box-shadow:0 12px 30px #17345c20}
.md-hero h1,.md-hero p{color:#fff}
.md-hero .muted{color:#d8e6fa}
.md-kpis>div{background:#fff;border:1px solid #e0e7f0;border-radius:14px;box-shadow:0 4px 16px #102f4c08}
.md-kpis strong{color:#155de6}
.md-kpis span{color:#6a7d92}
.md-grid .tile{background:#fff;color:#1a2d47}
.md-chevron{color:#2563eb}
.md-recent-row{background:#fff;color:#182a43;border-color:#e0e7f0;box-shadow:0 3px 12px #132d4d08}
.md-recent-row small{color:#6c7f94}
.md-assistant-card{background:#eef4ff!important;color:#19365e!important;border:1px solid #cddfff!important}
.md-assistant-card p,.md-assistant-card small{color:#486584}
.md-task-intro,.md-overview,.md-stage-section{background:#fff!important;color:#172a45!important;border:1px solid #dfe7f1!important;border-radius:16px;box-shadow:0 5px 20px #1734510a}
.md-task-intro b,.md-task-intro span{color:#172a45!important}
.md-stage-heading h3{color:#172a45}
.md-stage-heading strong{color:#165deb}
.md-table-scroll{border:1px solid #dbe5f1;background:#fff;box-shadow:0 3px 14px #1834500a}
.md-competence-table{background:#fff;color:#1b304b}
.md-competence-table th{background:#eff4fb;color:#3c5372;border-bottom:1px solid #dbe5f1}
.md-competence-table td{border-top:1px solid #e7edf5;color:#1c304a}
.md-competence-table tbody tr:nth-child(even){background:#f9fbfe}
.md-competence-table tbody tr:hover{background:#f0f6ff}
.md-competence-table td small{color:#6a7d94}
.md-competence-table textarea{background:#fff;color:#1b304b;border:1px solid #d7e2ef}
.md-matrix-check{background:#f4f7fc;color:#5c6e85;border:1px solid #d3dfed;transition:background .15s,border-color .15s}
.md-matrix-check:hover{border-color:#165deb;background:#e9f1ff}
.md-matrix-check.on{background:#157e70;color:#fff;border-color:#157e70}
.md-no-rows{color:#708198}
.md-legal-entry,.md-gfa{background:#fff;color:#182c47;border-color:#dfe7f1}
.md-legal-entry summary,.md-gfa summary{color:#19314f}
.md-legal-text{color:#273e59}
.md-legal-text p{color:inherit}
.md-legal-entry a,.md-gfa a{color:#155de6}
.task,.entry,.student,.stat,.card,.tile{background:#fff;color:#1b2f4a;border:1px solid #e0e7f0;box-shadow:0 4px 17px #1b36510a}
.tasktitle,.entry b,.student b{color:#172b46}
.taskmeta,.entry small{color:#667e99}
.stage{background:#eaf2ff;color:#18447d;border-color:#cddfff}
.stage small{color:#165deb}
.check{background:#f6f9fd;color:#536a84;border-color:#d6e1ef}
.check.on{background:#165deb;border-color:#165deb;color:#fff}
.note,.nextstep{background:#eef5ff;color:#25476e;border-left-color:#165deb}
.nextstep b{color:#1458c7}
.classbreakdown>div{background:#f7faff;color:#1d3653;border:1px solid #e2eaf5}
.classbreakdown span{color:#155de6}
.inlinecheck{background:#f4f8ff;color:#1e3755}
.sign-dialog{background:#fff;color:#1d314b;border-color:#dbe5f1;box-shadow:0 20px 65px #091e3840}
.sign-dialog a{color:#155de6}
.sign-close{background:#edf3fb;color:#234366}
.sign-desc strong{color:#165deb}
.sign-desc small{color:#697f96}
.sign-cats button,.board-tools button{background:#fff;color:#284766;border-color:#dce6f1}
.sign-cats button.selected,.board-tools button.selected{background:#165deb;color:#fff;border-color:#165deb}
.board-frame{border-color:#cbdcf2;box-shadow:0 8px 22px #18385b17}
.modal{background:#fff;color:#182c47;border-color:#dce6f1}
.modal h2,.section h2{color:#142a47}
.modal label,.shell label{color:#4c617c}
.modal input,.modal select,.modal textarea,.search,.field,textarea,select{background:#fff;color:#1d314d;border:1px solid #d6e1ef}
input::placeholder,textarea::placeholder{color:#9aabc0}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #165deb;outline-offset:2px}
.btn{background:#165deb;border-color:#165deb;color:#fff}
.ghost{background:#f5f8fd;border-color:#d8e3f0;color:#1d416e}
.danger{background:#fff1f3;border-color:#f0c8d0;color:#b52d42}
.badge{background:#eaf1ff;color:#1854b5}
.pct,.stat b{color:#165deb}
.muted{color:#6b7d94}
.empty{background:#fff;color:#718399;border-color:#d6e2ef}
.warning{background:#fff8e8;color:#845a13;border-color:#ecd8ac}
.foot{color:#8291a6}
@media(max-width:700px){
 #app{padding-left:14px;padding-right:14px}
 .md-kpis{gap:7px}
 .md-kpis>div{padding:12px 8px}
 .md-kpis strong{font-size:21px}
 .md-stage-section{padding:13px}
 .md-stage-heading{flex-wrap:wrap}
 .md-table-scroll{margin-left:-3px;margin-right:-3px}
 .md-competence-table{min-width:760px}
 .modal{padding:18px}
}


/* MaxDrive Pro 2.4: genuine teal automotive workspace */
:root{--bg:#f3f7f9;--panel:#fff;--panel2:#f7fafb;--line:#e2eaf0;--blue:#008b9a;--bright:#0aa6b5;--text:#142337;--muted:#64768a;--ok:#0a9c85}
html,body{background:#f3f7f9!important;color:#142337}
body{font-family:Inter,"Segoe UI",Arial,sans-serif}
#app{max-width:none!important;margin:0;padding:0!important;min-height:100vh}
body:has(.md-auth-shell) #app{padding:0!important}
.md-workspace{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}
.md-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto;padding:22px 13px 16px;background:linear-gradient(160deg,#071b25 0%,#062e38 68%,#041822 100%);color:#fff}
.md-sidebar-brand{padding:3px 13px 27px;text-align:center}
.md-sidebar-brand img{width:100%;max-width:205px;height:74px;object-fit:contain}
.md-sidebar-brand small{display:block;font-size:9px;letter-spacing:1.2px;color:#8fc8d1}
.md-sidebar nav{display:grid;gap:6px}
.md-nav-link{display:flex;align-items:center;gap:14px;width:100%;min-height:46px;padding:11px 15px;border:0;border-radius:11px;text-align:left;background:transparent;color:#e7f3f5;font-size:13px;font-weight:650}
.md-nav-link:hover{background:#ffffff13}
.md-nav-link.active{background:linear-gradient(110deg,#008c9c,#08a6b2);color:#fff;box-shadow:0 5px 18px #00b1c125}
.md-nav-icon{width:24px;text-align:center;font-size:21px;line-height:1}
.md-sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:11px;border:1px solid #2d5a64;border-radius:13px;padding:12px;color:#fff}
.md-user-dot{display:grid;place-items:center;background:#d8f3f5;color:#087988;width:36px;height:36px;border-radius:50%;font-weight:800}
.md-sidebar-bottom b,.md-sidebar-bottom small{display:block;font-size:12px}
.md-sidebar-bottom small{color:#a8c8cf;font-size:10px}
.md-workspace-main{min-width:0}
.md-topbar{min-height:72px;padding:13px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border-bottom:1px solid #e3ebf0}
.md-topbar-search{display:flex;align-items:center;gap:11px;width:min(500px,60%);background:#f5f8fa;border:1px solid #dbe5ec;border-radius:12px;padding:0 15px}
.md-topbar-search span{font-size:28px;color:#647e90}
.md-topbar-search input{height:41px;border:0!important;outline:0!important;background:transparent!important;width:100%;color:#193348}
.md-topbar-right{display:flex;align-items:center;gap:16px}
.md-topbar-date{font-size:12px;font-weight:650;color:#20354c}
.md-topbar-add{border:0;border-radius:10px;background:#008d9e;color:#fff;font-size:24px;width:38px;height:38px}
.md-workspace-content{max-width:1450px;margin:0 auto;padding:18px 22px 40px!important}
.md-page-back{margin-bottom:12px}
.md-welcome{min-height:190px;border-radius:14px;padding:23px 32px;background:radial-gradient(circle at 74% 20%,#0f78864f,transparent 35%),linear-gradient(110deg,#06222d,#0a5662 58%,#061c29);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;position:relative}
.md-welcome:after{content:"";position:absolute;right:-50px;bottom:-170px;width:450px;height:280px;border:2px solid #1cb8c33c;border-radius:50%;transform:rotate(-25deg);pointer-events:none}
.md-welcome-copy{position:relative;z-index:1}
.md-welcome-copy img{width:210px;max-height:62px;object-fit:contain;object-position:left center}
.md-welcome h1{font-size:clamp(25px,2.6vw,35px);line-height:1.15;margin:9px 0 5px;color:#fff}
.md-welcome p{font-size:16px;color:#e2f3f5;margin:0}
.md-welcome-quote{position:relative;z-index:1;text-align:right;font-size:15px;line-height:1.6;max-width:330px;color:#e9f7f9}
.md-welcome-quote i{display:block;margin:10px 0 0 auto;background:#00b3c2;width:70px;height:4px;border-radius:5px}
.md-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.md-summary-card{display:flex;align-items:flex-start;gap:13px;background:#fff;border:1px solid #e4ebf1;border-radius:13px;padding:17px 14px;min-height:123px;box-shadow:0 4px 15px #203b4b09}
.md-summary-icon{flex:0 0 49px;height:49px;display:grid;place-items:center;background:linear-gradient(140deg,#006c80,#06acb7);border-radius:11px;color:#fff;font-size:25px}
.md-summary-card label{display:block;font-size:12px;font-weight:750;color:#203246}
.md-summary-card strong{display:block;font-size:31px;line-height:1.1;color:#102236;margin:6px 0}
.md-summary-card small{color:#698196;font-size:11px}
.md-dash-grid{display:grid;grid-template-columns:1.16fr .95fr 1fr;gap:13px;align-items:stretch}
.md-dash-card{background:#fff;border:1px solid #e4ebf1;border-radius:14px;padding:18px 17px;box-shadow:0 5px 18px #1c3c5009;min-width:0;min-height:230px}
.md-dash-card h2{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;line-height:1.3;color:#122437;margin:0 0 18px;font-weight:800}
.md-dash-card h2 small{font-size:11px;font-weight:500;color:#708095}
.md-dash-card h2 button{font-size:11px;background:none;border:0;color:#008fa0;font-weight:650;white-space:nowrap}
.md-bars{display:flex;align-items:end;justify-content:space-around;gap:8px;height:170px;padding-top:10px;border-bottom:1px solid #dce6ec;background:repeating-linear-gradient(to top,transparent 0,transparent 41px,#edf2f5 42px,#edf2f5 43px)}
.md-bar-item{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;position:relative}
.md-bar-track{width:min(33px,70%);height:125px;display:flex;align-items:end}
.md-bar-track i{display:block;width:100%;background:linear-gradient(0deg,#007f91,#20b9c4);border-radius:4px 4px 0 0;min-height:0}
.md-bar-item span{font-size:10px;color:#718196;white-space:nowrap;margin-top:7px}
.md-bar-item b{position:absolute;top:0;font-size:10px;color:#008b9b}
.md-class-content{display:flex;align-items:center;gap:19px}
.md-donut{width:160px;height:160px;flex:0 0 160px;border-radius:50%;background:conic-gradient(#008a9c 0 var(--a),#17b9c3 var(--a) var(--b),#59cbd1 var(--b) var(--c),#d4e7ec var(--c) 100%);display:grid;place-items:center}
.md-donut>div{background:#fff;width:102px;height:102px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.md-donut b{font-size:27px;color:#13243a}
.md-donut small{font-size:11px;color:#3c5368}
.md-class-legend{flex:1;min-width:0}
.md-class-legend>div{display:flex;align-items:center;gap:7px;font-size:12px;padding:5px 0}
.md-class-legend span{flex:1}
.md-class-legend b{font-size:13px;color:#13243a}
.md-class-legend i{display:block;width:10px;height:10px;border-radius:50%;background:#008a9c}
.md-class-legend .md-dot-1{background:#17b9c3}.md-class-legend .md-dot-2{background:#59cbd1}.md-class-legend .md-dot-3{background:#d4e7ec}
.md-chart-note{display:block;margin-top:13px;font-size:10px;color:#8a9aac}
.md-shortcuts>button,.md-next-lessons>button,.md-progress-card>button{display:flex;align-items:center;gap:11px;width:100%;background:#fff;border:0;border-top:1px solid #edf1f5;text-align:left;min-height:44px;padding:8px 2px;color:#1b3045}
.md-shortcuts>button:hover,.md-next-lessons>button:hover,.md-progress-card>button:hover{background:#f4fafb}
.md-shortcuts>button>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;background:#e7f7f9;color:#008b9b;font-size:19px}
.md-shortcuts>button b{font-size:12px;flex:1}
.md-shortcuts>button em,.md-next-lessons>button em{font-style:normal;color:#718da2;font-size:21px;margin-left:auto}
.md-next-lessons>button .md-time{font-weight:800;color:#0b8999;min-width:48px;font-size:12px}
.md-next-lessons>button b,.md-next-lessons>button small{display:block;font-size:12px}
.md-next-lessons>button small{font-size:11px;color:#75889b}
.md-activity-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #edf1f5}
.md-activity-row>span{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:50%;background:#d8f5f7;color:#008c9b}
.md-activity-row>div{flex:1;min-width:0}
.md-activity-row b,.md-activity-row small{display:block;font-size:11px}
.md-activity-row small{color:#74869a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.md-activity-row time{font-size:10px;color:#718498}
.md-progress-card>button{gap:8px}
.md-progress-avatar{display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border-radius:50%;background:#d4e9ec;color:#09566a;font-size:11px;font-weight:800}
.md-progress-name{font-size:11px;font-weight:750;flex:1;min-width:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.md-progress-class{font-size:11px;padding:3px 8px;border-radius:15px;background:#d8f1f3;color:#076e7d}
.md-progress-track{width:26%;height:8px;background:#e5edf1;border-radius:10px;overflow:hidden}
.md-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#008797,#13b1ba);border-radius:10px}
.md-progress-card>button>b{font-size:11px;color:#1d4760;min-width:34px;text-align:right}
.md-dash-empty{font-size:12px;color:#7c8c9c;padding:20px 0}
.md-workspace .btn{background:linear-gradient(135deg,#007f91,#0ca5b2);border-color:#008f9e}
.md-workspace .ghost{background:#f5fafb;color:#1c5664;border-color:#d7e6ea}
.md-workspace .md-matrix-check.on{background:#008e9b;border-color:#008e9b}
.md-workspace .pct,.md-workspace .md-stage-heading strong{color:#008f9e}
.md-workspace .bar i{background:linear-gradient(90deg,#007f91,#13bac5)}
.md-workspace .md-competence-table th{background:#eaf6f7}
.md-workspace .badge{background:#dff4f6;color:#087c8b}
.md-workspace .section h2{color:#14293e}
.md-workspace .md-table-scroll{max-width:100%}
.md-workspace .logo-watermark{display:none}
@media(max-width:1200px){.md-workspace{grid-template-columns:214px minmax(0,1fr)}.md-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.md-dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.md-sidebar-brand img{max-width:170px}}
@media(max-width:780px){.md-workspace{display:block}.md-sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;z-index:30;width:100%;height:auto;padding:5px 8px calc(6px + env(safe-area-inset-bottom));overflow-x:auto;box-shadow:0 -5px 22px #092d3c24}.md-sidebar-brand,.md-sidebar-bottom{display:none}.md-sidebar nav{display:flex;gap:4px;justify-content:space-between}.md-nav-link{flex:1;min-width:66px;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;padding:6px 3px;min-height:52px;font-size:9px;white-space:nowrap}.md-nav-link:nth-child(n+6){display:none}.md-nav-icon{font-size:19px}.md-topbar{padding:10px 13px;min-height:59px}.md-topbar-date{display:none}.md-topbar-search{width:100%}.md-workspace-content{padding:13px 12px 110px!important}.md-welcome{min-height:160px;padding:20px}.md-welcome-quote{display:none}.md-welcome-copy img{width:150px}.md-dash-grid{grid-template-columns:1fr}.md-summary{gap:8px}.md-summary-card{padding:12px 9px;min-height:102px;gap:9px}.md-summary-icon{flex-basis:36px;height:36px;font-size:19px}.md-summary-card strong{font-size:24px}.md-summary-card label{font-size:10px}.md-summary-card small{font-size:9px}.md-class-content{justify-content:center}.md-dash-card{min-height:unset}}
@media(max-width:380px){.md-nav-link{min-width:52px;font-size:8px}.md-donut{width:125px;height:125px;flex-basis:125px}.md-donut>div{width:80px;height:80px}.md-welcome h1{font-size:24px}}


/* MaxDrive Pro 2.5: LOGIN ONLY. Dashboard and all app components remain unchanged. */
body:has(.md-auth-shell){background:#f1f7f8!important;color:#142837}
body:has(.md-auth-shell) #app{max-width:none!important;padding:0!important}
.md-auth-shell{grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);min-height:100vh;background:#f3f8f9}
.md-brand-panel{isolation:isolate;min-height:100vh;padding:clamp(26px,4.2vw,68px);background:radial-gradient(ellipse at 86% 62%,#0a8f9d88,transparent 40%),radial-gradient(ellipse at 7% 95%,#10c1ca40,transparent 36%),linear-gradient(145deg,#051b25 0%,#063d48 57%,#071d2a 100%)!important}
.md-brand-panel:before{inset:auto -28% -38% 2%;width:110%;height:72%;border:2px solid #2bc1cd3d;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 0 70px #26b8c10a,0 0 0 150px #26b8c107}
.md-brand-panel:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 65%,#0417229c 100%);pointer-events:none}
.md-brand-top{display:flex;align-items:center;justify-content:space-between;gap:15px}
.md-brand-top img{width:min(280px,62%);max-height:125px;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 20px #0004)}
.md-brand-top span{border:1px solid #70c9d051;border-radius:100px;background:#ffffff12;color:#d4f8fa;padding:7px 12px;font-size:10px;letter-spacing:1.1px;white-space:nowrap}
.md-brand-copy{max-width:610px;position:relative;z-index:1}
.md-kicker{color:#68e0e7!important;letter-spacing:2.4px;font-size:11px;font-weight:800}
.md-brand-copy h1{color:#fff;font-size:clamp(38px,4.6vw,70px);line-height:1.08;letter-spacing:-2.1px;margin:18px 0}
.md-brand-copy h1 em{color:#53d9df;font-style:normal}
.md-brand-copy>p{font-size:clamp(15px,1.25vw,18px);line-height:1.7;color:#d1e9ed;max-width:490px}
.md-benefits{display:grid;gap:13px;margin-top:32px}
.md-benefits span{display:flex;align-items:center;gap:12px;color:#e7f8fa;font-size:14px}
.md-brand-bottom{border-top:1px solid #a1e1e326;padding-top:19px;color:#a6d2d9;font-size:11px;letter-spacing:1px}
.md-brand-bottom span{color:#b5d5dc}
.md-auth-side{background:linear-gradient(145deg,#f8fcfd,#edf5f7)!important;padding:45px clamp(20px,5vw,80px)}
.md-auth-content{width:min(100%,465px)}
.md-auth{background:#fff;border:1px solid #e0eaee;border-radius:20px;padding:clamp(25px,3vw,42px);box-shadow:0 25px 75px #063b4b10,0 5px 16px #0a3b4b06}
.md-auth-eyebrow{color:#008c9b!important;letter-spacing:1.8px;font-weight:800;font-size:10px}
.md-auth h2{color:#122c3c;font-size:clamp(26px,2.3vw,36px);line-height:1.15;letter-spacing:-.8px;margin:12px 0}
.md-auth .md-dot{color:#0097a5}
.md-auth>p{color:#6a8090}
.md-auth label{display:block;color:#304b5b;font-size:12px;font-weight:750;margin-top:16px;margin-bottom:7px}
.md-auth input{width:100%;min-height:48px;background:#f9fcfd!important;border:1px solid #d9e6ea!important;border-radius:10px!important;color:#173443!important;padding:12px 14px}
.md-auth input:focus{border-color:#009aa8!important;outline:3px solid #00a8b31e!important}
.md-auth .btn,.md-auth button[type=submit]{width:100%;min-height:49px;margin-top:20px;background:linear-gradient(110deg,#007c8c,#09a8b5)!important;border:0!important;border-radius:10px;color:#fff!important;font-weight:800;box-shadow:0 9px 20px #079aaa28}
.md-auth .btn:hover,.md-auth button[type=submit]:hover{filter:brightness(1.07)}
.md-social{padding:25px 0 10px}
.md-social>span{color:#688492;font-size:10px}
.md-social-links{gap:12px}
.md-social-links a,.md-social-tiktok{border:1px solid #d7e6e9!important;background:#fff!important;border-radius:11px!important;color:#235062!important;min-height:46px;box-shadow:0 3px 12px #0a425008}
.md-social-links a:hover{color:#008e9e!important;border-color:#17a7b3!important}
.md-social-links svg{stroke:#008e9e;fill:none;stroke-width:1.8;width:21px;height:21px}
.md-social-tiktok{opacity:.72}
.md-auth-footer{color:#849aa6;font-size:11px;text-align:center;margin-top:16px}
.md-mobile-brand img{max-height:66px;object-fit:contain}
@media(max-width:900px){.md-auth-shell{grid-template-columns:1fr}.md-brand-panel{min-height:215px;padding:24px 26px}.md-brand-copy h1{font-size:31px;letter-spacing:-1px;margin:7px 0}.md-brand-copy>p{font-size:13px;margin:5px 0}.md-benefits,.md-brand-bottom,.md-brand-top span{display:none}.md-brand-top img{width:190px;max-height:67px}.md-auth-side{padding:28px 18px 45px}.md-auth-content{max-width:480px}.md-mobile-brand{display:none}}
@media(max-width:520px){.md-brand-panel{min-height:170px;padding:17px 21px}.md-brand-top img{width:155px;max-height:55px}.md-brand-copy h1{font-size:25px;line-height:1.15}.md-brand-copy>p{font-size:12px}.md-kicker{font-size:9px}.md-auth-side{padding:17px 13px 35px}.md-auth{padding:24px 19px;border-radius:15px}.md-social-links a,.md-social-tiktok{padding:10px 12px;font-size:12px}}

.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(95px,1fr));gap:6px;overflow:auto;margin:18px 0}.calendar-cell{background:white;border:1px solid #d6e3e8;border-radius:10px;min-height:95px;padding:7px}.calendar-cell h4{font-size:12px;margin:3px 0 8px}.calendar-today{border:2px solid #089aa8}.calendar-event{display:block;width:100%;font-size:11px;border:0;border-radius:7px;background:#e5f4f6;color:#17343f;text-align:left;padding:7px;margin-bottom:4px}.calendar-event small{display:block}.calendar-day{grid-template-columns:1fr}.calendar-day .calendar-cell{min-height:200px}