/* SHULE APP — locally served, dependency-free, accessible, responsive styles */
:root{color-scheme:light;--navy:#111d39;--navy2:#1b2d57;--blue:#2856db;--cyan:#1aa4d8;--ink:#20304e;--muted:#64748b;--paper:#f6f8fc;--border:#e0e6f0;--white:#fff;--danger:#b42331;--good:#176b43;--shadow:0 12px 40px rgba(18,38,75,.065);--radius:16px;font-family:Inter,"Segoe UI",Arial,system-ui,sans-serif;font-size:16px;line-height:1.58}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}h1,h2,h3,h4{color:var(--navy);line-height:1.25;letter-spacing:-.024em}h1{font-size:clamp(1.7rem,3vw,2.45rem)}h2{font-size:1.35rem}h3{font-size:1.12rem}p{margin:.4rem 0 1rem}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #57b6ee;outline-offset:3px}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.skip-link{position:absolute;z-index:100;left:-9999px;padding:9px;background:#fff}.skip-link:focus{left:1rem;top:1rem}.public-main,.content{min-height:calc(100vh - 170px)}
.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;align-self:flex-start;width:258px;flex:0 0 258px;height:100vh;overflow-y:auto;background:linear-gradient(175deg,#102043,#192e59);color:#e2eaf9;padding:20px 12px;z-index:30;box-shadow:5px 0 22px rgba(2,15,42,.1)}.sidebar .brand{margin:0 9px 25px}.brand a,.brand.plain{color:inherit;display:flex;gap:12px;align-items:center}.brand a:hover{text-decoration:none}.brand b,.brand strong{display:block;font-size:1.1rem;letter-spacing:-.02em}.brand small{display:block;font-size:.72rem;opacity:.76}.logo{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#4b86ff,#2bbad6);color:white;font-size:1.45rem;font-weight:900;box-shadow:0 7px 22px #0c1a3766}.navgroup{margin-bottom:9px}.navgroup>summary{list-style:none;display:flex;align-items:center;gap:9px;padding:12px;color:#d8e7ff;cursor:pointer;font-size:.84rem;font-weight:700;border-radius:10px;line-height:1.3}.navgroup>summary::-webkit-details-marker{display:none}.navgroup[open]>summary,.navgroup>summary:hover{background:#ffffff17}.navgroup .chev{margin-left:auto;transition:transform .2s}.navgroup[open] .chev{transform:rotate(180deg)}.navitems{padding:3px 0 6px 15px}.navlink{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;border-radius:9px;font-size:.825rem;color:#bfcce3;line-height:1.4;transition:background .16s}.navlink:hover,.navlink.active{color:#fff;text-decoration:none;background:#ffffff1c}.navlink.active{box-shadow:inset 3px 0 #5bbfff;font-weight:700}.navicon{flex:0 0 10px;color:#7e9fc5}.main-wrap{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{min-height:73px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(16px,3vw,38px);gap:15px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.top-brand{font-weight:800;color:var(--navy)}.top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top-actions form{margin:0}.top-action,.avatar{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;font-weight:750}.avatar{background:#e5ecff;color:var(--blue)}.mobile-toggle{display:none;border:0;background:#eaf0fa;border-radius:8px;padding:5px 12px;font-size:1.2rem;color:#213658}.content{padding:clamp(16px,3vw,38px);width:100%;max-width:1680px;margin:0 auto;flex:1}.footer{padding:22px clamp(16px,3vw,38px);color:#78869c;font-size:.78rem;text-align:center;border-top:1px solid var(--border);background:#fff}.footer span{margin-left:7px}
.publicbar{display:flex;justify-content:space-between;align-items:center;padding:15px clamp(16px,5vw,65px);background:#fff;border-bottom:1px solid var(--border);gap:16px;position:relative;z-index:5}.publicbar .brand{color:var(--navy);font-size:1.22rem}.publicbar nav{display:flex;align-items:center;flex-wrap:wrap;gap:15px;font-size:.89rem}.public-main{max-width:1360px;margin:auto;width:100%;padding:0 24px 40px}.public-main .page-heading{margin:34px 0 22px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding:70px 18px 75px}.hero h1{font-size:clamp(2.2rem,5.3vw,4.5rem);max-width:740px;margin:14px 0 20px}.hero p{font-size:1.1rem;max-width:650px;color:#556580}.eyebrow{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.13em;color:#376bce}.hero-art{position:relative;min-height:340px;border-radius:35px;background:radial-gradient(circle at 20% 30%,#91e1f2 0,transparent 44%),linear-gradient(140deg,#213c8c,#354ddb 60%,#1698ca);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;box-shadow:0 20px 50px #1743ad33}.hero-art h2,.hero-art p{color:#fff}.hero-art h2{font-size:2rem;margin:0}.hero-art .graduation{font-size:5.5rem;filter:drop-shadow(0 8px 22px #172d62)}.orbit{position:absolute;top:25px;right:30px;font-size:3rem;color:#bff8ff}.container{padding:26px 0 40px}.container>h2{margin-bottom:22px}
.page-heading{margin:0 0 23px}.page-heading h1{margin:0 0 8px}.page-heading p{color:var(--muted);max-width:900px;margin:0}.cards{display:grid;gap:17px;margin:16px 0 26px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.95fr);gap:20px;margin:20px 0}.card{min-width:0;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:23px;box-shadow:var(--shadow);margin-bottom:16px}.card h2,.card h3{margin-top:0}.card.metric{display:flex;flex-direction:column;gap:7px;margin:0}.metric span{color:var(--muted);font-size:.82rem}.metric strong{font-size:clamp(1.3rem,2vw,1.85rem);color:var(--navy);font-weight:800;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.metric small{font-size:.8rem;color:var(--blue)}.system-value{font-size:1.12rem!important}.catalog{display:block;transition:transform .2s,box-shadow .2s;color:var(--ink)}.catalog:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 17px 42px rgba(23,45,99,.14)}.catalog p{color:var(--muted);font-size:.91rem}.catalog h3{margin-bottom:8px}.link{font-size:.87rem;font-weight:700;color:var(--blue)}.feature-icon{font-size:2rem;display:block;margin-bottom:10px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:9px 16px;border-radius:9px;font-size:.86rem;font-weight:750;color:var(--blue);background:#eef3ff;border:1px solid #cbdaf8;text-decoration:none;line-height:1.25;text-align:center}.btn:hover{background:#dfeaff;text-decoration:none}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:#2049c3}.btn.danger{border-color:#f1b5bd;background:#fff0f2;color:var(--danger)}.btn.subtle{background:#f8f9fc;border-color:var(--border);color:#405270}.btn.small{font-size:.76rem;min-height:32px;padding:6px 9px}.btn.block{width:100%}.btn:disabled{opacity:.55;cursor:wait}.tag{display:inline-flex;border-radius:40px;padding:3px 9px;font-size:.72rem;font-weight:750;background:#e8eeff;color:#2d56a8;text-transform:capitalize}.tag.warning{background:#fff3d6;color:#995514}.tag.success,.tag.ok{background:#e0f7ea;color:#126844}.tag.danger{background:#ffeaeb;color:#a31d30}.tag.soft{background:#eef2fb;color:#51698d}.alert,.notice{padding:13px 17px;border-radius:12px;margin:14px 0;background:#eaf3ff;color:#264b86;border:1px solid #c9dcf5;font-size:.88rem}.alert.error{background:#fff0ef;border-color:#fad3d0;color:#9b2831}.alert.ok{background:#edfaef;border-color:#c5ead0;color:#176943}.narrow{max-width:670px;margin:38px auto}.auth-card{max-width:490px;margin:38px auto;padding:35px}.auth-logo{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:18px;background:linear-gradient(125deg,#315ddc,#179dcc);color:#fff;font-weight:900;font-size:2rem}.auth-card h1{text-align:center;font-size:1.7rem}.form-links{text-align:center;font-size:.85rem;margin:20px 0 0}.hidden-honeypot{position:absolute;left:-200vw;width:1px;height:1px;overflow:hidden}
.field{display:flex;flex-direction:column;margin:13px 0;gap:5px;font-weight:650;font-size:.85rem;color:#3c506d}.field input,.field select,.field textarea,input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;min-width:0;background:#fff;border:1px solid #cbd4e3;border-radius:9px;padding:10px 12px;color:var(--ink);line-height:1.4;outline-offset:1px;font-weight:400}.field input:focus,.field textarea:focus,.field select:focus{border-color:#387ce0;box-shadow:0 0 0 3px #3f8eff20}.field textarea,textarea{resize:vertical}.field textarea{min-height:80px}.checkline{display:flex;align-items:flex-start;gap:9px;margin:14px 0;font-size:.85rem}.checkline input{width:auto;margin-top:5px}.tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;overflow-x:auto;margin:15px 0 24px}.tab{background:#fff;border:1px solid var(--border);color:#335376;font-size:.82rem;border-radius:9px;padding:9px 13px;white-space:nowrap}.tab:hover{background:#ecf3ff;text-decoration:none}.table-wrap{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:.83rem}th,td{border-bottom:1px solid var(--border);text-align:left;padding:11px 12px;vertical-align:top}thead th{background:#eef3fa;color:#3b4d6d;white-space:nowrap;font-size:.74rem;text-transform:uppercase;letter-spacing:.02em}tbody tr:hover{background:#f7faff}td small,.subtext{display:block;color:var(--muted);font-size:.73rem;margin-top:4px}.list-line{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--border);padding:13px 6px;color:var(--ink);font-size:.9rem}.list-line:last-child{border-bottom:0}.list-line:hover{background:#f8faff;text-decoration:none;color:var(--blue)}.list-line small{display:block;color:var(--muted)}.crumb{color:var(--muted);font-size:.78rem;margin-bottom:12px}.crumb a{color:var(--muted)}.reading{max-width:1000px}.reading p,.lesson-copy{line-height:1.82}.lesson-section{border-bottom:1px solid var(--border);padding:12px 0 22px}.lesson-section h3{color:#213a6b}.lesson-section li{margin-bottom:11px}.lesson-section:last-child{border:0}.lesson{line-height:1.8}.lesson h3{margin-bottom:10px}.sticky{position:sticky;top:95px}.chat-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.85fr);gap:18px}.chat-history{display:flex;flex-direction:column;gap:17px;max-height:560px;overflow:auto;padding:15px;background:#f7f9fd;border:1px solid var(--border);border-radius:12px}.message{max-width:90%;padding:13px 16px;border-radius:14px;background:#fff;border:1px solid #e0e5ee;overflow-wrap:anywhere;line-height:1.7}.message.mine{align-self:flex-end;background:#dfeafe;border-color:#c9dcf8}.message.theirs{align-self:flex-start}.message p{white-space:normal;margin:5px 0}.message small{color:#73819a}.chat-empty{padding:30px;text-align:center;color:var(--muted)}.ticket-message{border-bottom:1px solid var(--border);padding:14px 0;overflow-wrap:anywhere}.ticket-message:last-child{border:0}.ticket-message small{color:var(--muted)}.quizquestion{border:1px solid var(--border);border-radius:12px;margin:22px 0;padding:15px 20px}.quizquestion legend{font-weight:750;padding:0 10px;color:#1d3763}.quizchoice{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border);border-radius:9px;padding:10px 12px;margin:7px 0;cursor:pointer;font-size:.9rem}.quizchoice:hover{border-color:#6499ef;background:#f8fbff}.quizchoice input{margin-top:5px}.course-line{display:flex;align-items:center;gap:13px;padding:15px 5px;border-bottom:1px solid var(--border);flex-wrap:wrap}.course-line>div{flex:1}.course-line form{display:flex;gap:6px}.step-num{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e7effe;color:#2356b9;font-weight:800}.admin-inline{display:flex;flex-wrap:wrap;gap:4px}.admin-inline form{margin:0}.codeword{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:#132542;color:#bfe6ff;border-radius:10px;font-size:.79rem}.locked{opacity:.7}
@media(max-width:1150px){.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.three{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:235px;flex-basis:235px}.chat-layout,.grid-main{grid-template-columns:1fr}.sticky{position:static}}
@media(max-width:760px){.sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;width:min(315px,85vw);transform:translateX(-106%);transition:transform .2s;z-index:52}.sidebar.open{transform:translateX(0)}body.nav-open:before{content:"";position:fixed;inset:0;background:#080f23a6;z-index:50}.mobile-toggle{display:inline-flex}.topbar{padding:10px 13px;min-height:61px}.top-actions{gap:6px}.top-brand{font-size:.87rem}.avatar{display:none}.content{padding:15px 12px}.card{padding:17px;border-radius:12px}.cards.two,.cards.three,.cards.four{grid-template-columns:1fr 1fr;gap:11px}.metric strong{font-size:1.32rem}.metric span{font-size:.73rem}.publicbar{padding:12px;flex-wrap:wrap}.publicbar nav{width:100%;gap:9px;justify-content:flex-start;font-size:.78rem}.public-main{padding:0 13px 25px}.hero{grid-template-columns:1fr;padding:28px 0;gap:20px}.hero-art{min-height:225px}.hero h1{font-size:2.2rem}.auth-card{margin:20px auto;padding:21px}.page-heading{margin:7px 0 15px}.chat-history{max-height:470px}.message{max-width:97%}.btn{min-height:40px}.footer{padding:17px 12px}.navlink{font-size:.91rem}}
@media(max-width:420px){.cards.two,.cards.three{grid-template-columns:1fr}.cards.four{grid-template-columns:1fr 1fr}.metric strong{font-size:1.28rem}.top-actions .btn{padding:6px 8px;font-size:.72rem}.top-actions .tag{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.installer-card{max-width:680px}