/* Klasama — Katuwang mo sa bawat klase. */
:root{
  --brand-jade:#145747;--brand-leaf:#247b63;--brand-sun:#e8b84b;--brand-ivory:#f7f6ef;
  --deped-blue:var(--brand-jade);--secondary-blue:var(--brand-leaf);--light-blue:#edf4ed;
  --dark-navy:#243e34;--accent-gold:var(--brand-sun);--radius:14px;--radius-sm:8px;--radius-lg:20px;
  --font:Inter,"Segoe UI",Arial,sans-serif;
  --gradient-primary:linear-gradient(120deg,#145747,#247b63);
  --gradient-sidebar:linear-gradient(180deg,#145747,#104638 65%,#0c382e);
  --gradient-hero:linear-gradient(115deg,#145747,#247b63);
  --gradient-gold:linear-gradient(115deg,#e8b84b,#f0cc72);
  --gradient-card:linear-gradient(130deg,#fffefb,#f1f5ec);
  --gradient-mesh:radial-gradient(ellipse at 10% 10%,#dce9da 0,transparent 52%),radial-gradient(ellipse at 95% 95%,#f2e7c6 0,transparent 50%);
  --shadow-sm:0 1px 2px #243e3408;--shadow:0 3px 14px #243e3407;--shadow-lg:0 18px 54px #243e3412;--shadow-glow:0 0 24px #14574718;
}
:root:not([data-theme]),:root[data-theme=light]{--bg:var(--brand-ivory);--card:#fffefb;--text:#243e34;--text-muted:#697b70;--border:#dfe5da}
[data-theme=dark],[data-theme=navy],[data-theme=noir]{
  --deped-blue:#88cdb2;--secondary-blue:#5caf91;--light-blue:#233d32;--accent-gold:#e8b84b;
  --gradient-primary:linear-gradient(120deg,#206f56,#2e886a);--gradient-sidebar:linear-gradient(180deg,#102e26,#0b211b);
  --gradient-hero:linear-gradient(115deg,#144837,#20684e);--shadow-glow:0 0 24px #88cdb21a;
}
[data-theme=sepia]{--light-blue:#ede0c8;--deped-blue:#71542b;--secondary-blue:#8c6937;--gradient-sidebar:linear-gradient(180deg,#504c30,#373923);--gradient-hero:linear-gradient(115deg,#55563a,#71643b)}
[data-theme=deped-green]{--deped-blue:#145747;--secondary-blue:#247b63;--gradient-sidebar:linear-gradient(180deg,#145747,#104638);--gradient-hero:linear-gradient(115deg,#145747,#247b63)}
[data-theme=dark] a,[data-theme=navy] a,[data-theme=noir] a{color:var(--theme-accent,#9bdac1)}
body{letter-spacing:-.1px}
h1,h2,h3,h4{letter-spacing:-.45px}
.brand-logo,.auth-brand-logo,.brand-logo.fixed,.auth-brand-logo.fixed{animation:none;filter:none}
#sidebar{background:var(--gradient-sidebar)}
#sidebar::before{background:repeating-linear-gradient(45deg,transparent 0 17px,#fff 17px 18px,transparent 18px 35px),repeating-linear-gradient(-45deg,transparent 0 17px,#fff 17px 18px,transparent 18px 35px);opacity:.035;mask-image:linear-gradient(#000,transparent 42%,transparent 76%,#000)}
#sidebar .brand{padding:24px 20px 22px;gap:12px}
#sidebar .brand-logo{width:46px!important;height:46px!important}
#sidebar .brand-text h1{font-size:23px;font-weight:800;letter-spacing:-1px;line-height:1.05}
#sidebar .brand-text p{font-size:10.5px;font-weight:500;letter-spacing:.05px;line-height:1.5;opacity:.83;margin-top:5px;text-transform:none}
.nav-section-title{opacity:.6;letter-spacing:1.3px;font-size:9px}
.nav-item{font-size:12px;padding:10px 12px;border-radius:10px}
.nav-item.active{color:#fff!important;background:#ffffff13;box-shadow:inset 3px 0 0 var(--brand-sun)}
.nav-item.active::before{background:transparent!important;border:none!important;box-shadow:none!important}
.nav-item.active .nav-hub-badge{color:#f4d889;background:#e8b84b16;border-color:#e8b84b45}
.sidebar-footer-meta{font-size:10px;opacity:.65}
#topbar{border-bottom:1px solid var(--border);box-shadow:0 1px 0 var(--theme-soft,#1457470a)}
#topbar-page-title{font-weight:800;letter-spacing:-.3px}
#content{padding:28px 24px}
.card{box-shadow:var(--shadow)}
.btn{font-weight:700;letter-spacing:-.05px;box-shadow:none}
.btn-primary{background:var(--gradient-primary);border-color:transparent;box-shadow:0 3px 8px var(--theme-soft,#14574718)}
.btn-primary:hover{filter:brightness(1.07)}
.icon-btn:focus-visible,.btn:focus-visible,.nav-item:focus-visible{outline:3px solid #e8b84b;outline-offset:3px}
.hero-banner{background:var(--gradient-hero);border-radius:22px;padding:30px;border:1px solid #ffffff16;box-shadow:none}
.hero-banner::before{opacity:.12;background:repeating-linear-gradient(45deg,transparent 0 18px,#fff 18px 19px,transparent 19px 37px);mask-image:linear-gradient(90deg,transparent 45%,#000)}
.hero-banner h2{font-size:27px;font-weight:800;letter-spacing:-.8px}
.klasama-hero-signature{font-size:10px;font-weight:700;color:#f0d18b;letter-spacing:.25px;margin-bottom:7px}
.hero-teacher-avatar{background:#ffffff12;border:2px solid #ffffff4a;box-shadow:none}
.hero-class-chip.active{background:#f0d18b;color:var(--theme-accent,#153f31);box-shadow:none}
.hero-pro-badge{box-shadow:none!important;animation:none!important}
.hpb-shine,.hpb-sparkles{display:none}
.auth-screen{background:var(--bg)}
.auth-bg-mesh{background:var(--gradient-mesh);opacity:1}
.auth-bg-mesh::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 22px,var(--theme-soft,#14574705) 22px 23px,transparent 23px 45px),repeating-linear-gradient(-45deg,transparent 0 22px,var(--theme-soft,#14574705) 22px 23px,transparent 23px 45px);mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000)}
.auth-bg-blob{display:none}
.auth-brand{background:var(--gradient-hero);animation:none}
.auth-brand::before{background:repeating-linear-gradient(45deg,transparent 0 22px,#ffffff08 22px 23px,transparent 23px 45px),repeating-linear-gradient(-45deg,transparent 0 22px,#ffffff08 22px 23px,transparent 23px 45px)}
.auth-brand-name{font-size:28px;letter-spacing:-1px;font-weight:800}
.auth-brand-tag{font-size:11px;letter-spacing:.15px;color:#f4d889;opacity:1}
.auth-brand-mid h1{font-size:clamp(30px,3vw,46px);line-height:1.18;letter-spacing:-1.5px}
.auth-card{border-radius:24px;box-shadow:0 16px 60px var(--theme-soft,#243e3412);border:1px solid var(--border);border-top:4px solid var(--deped-blue);padding:30px}
.setup-shell{max-width:580px}
.setup-header{margin-bottom:22px}
.setup-header img{margin-bottom:6px!important}
.klasama-wordmark{font-size:32px;font-weight:800;letter-spacing:-1.3px;line-height:1.3;color:var(--text)}
.setup-header p.klasama-tagline{font-size:12px;color:var(--text-muted);margin:2px 0 24px;font-weight:600;letter-spacing:.05px}
.setup-header h1{font-size:19px;letter-spacing:-.45px}
.setup-header>p:last-child{font-size:12px;max-width:440px;margin:auto}
.auth-error{border-radius:10px}
#setup-screen{overflow-y:auto}
.loader-core{background:var(--theme-accent,#145747)!important;box-shadow:0 6px 30px var(--theme-soft,#14574730)!important}
.loader-ring{border-color:var(--theme-accent,#14574725)!important}
.klasama-about-hero{text-align:center;padding:36px 24px;background:var(--gradient-card)}
.klasama-about-hero img{display:block;margin:0 auto 14px}
.klasama-about-hero h2{font-size:34px;font-weight:800;letter-spacing:-1px}
.klasama-about-tagline{font-weight:600;color:var(--deped-blue);margin:3px 0 16px}
.klasama-about-hero>p.text-muted{max-width:520px;margin:auto}
.klasama-version{display:inline-block;background:var(--light-blue);color:var(--deped-blue);padding:5px 12px;border-radius:99px;font-size:11px;margin-top:18px}
.klasama-values h3{font-size:15px;margin-bottom:10px}
.klasama-values p{font-size:12px;line-height:1.7;color:var(--text-muted)}
.klasama-credits summary{cursor:pointer;font-weight:700;font-size:13px}
@media(max-width:768px){
 #content{padding:18px 14px 100px}.hero-banner{padding:24px 20px}.hero-banner h2{font-size:23px}
 .klasama-hero-signature{max-width:240px;font-size:9px}.auth-card{padding:26px 22px}
 .hero-banner .hero-pro-badge{transform:scale(.85);transform-origin:top right}
 .klasama-about-hero{padding:28px 20px}.klasama-about-hero h2{font-size:30px}
}
@media(max-height:760px){#setup-screen{align-items:flex-start}.setup-header p.klasama-tagline{margin-bottom:16px}.setup-header img{width:52px!important;height:52px!important}.auth-card{padding:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.auth-bg-mesh,.hero-banner{animation:none}}
@media print{body{font-family:Klasama,"Segoe UI",Arial,sans-serif}.klasama-hero-signature{color:#145747}}
/* Explicit theme surfaces keep saved appearance choices legible. */
:root[data-theme=dark]{--bg:#171e1b;--card:#232d27;--text:#f0f4ee;--text-muted:#a9baae;--border:#3b4b40;--gradient-card:linear-gradient(130deg,#232d27,#1b2820)}
:root[data-theme=navy]{--bg:#101d25;--card:#1b2b34;--text:#e6eef1;--text-muted:#9bafb8;--border:#354b55;--gradient-card:linear-gradient(130deg,#1b2b34,#192e32)}
:root[data-theme=noir]{--bg:#0d110e;--card:#171d18;--text:#f2f5ef;--text-muted:#a0aca1;--border:#303b31;--gradient-card:linear-gradient(130deg,#171d18,#15251a)}
:root[data-theme=sepia]{--bg:#f5ecd8;--card:#fdf8ee;--text:#3d2e1a;--text-muted:#7d6a4c;--border:#e0d3ba;--gradient-card:linear-gradient(130deg,#fdf8ee,#f3ead4)}
:root[data-theme=deped-green]{--bg:#eff5ec;--card:#fbfdf8;--text:#1a3528;--text-muted:#54725f;--border:#d2e0ce;--gradient-card:linear-gradient(130deg,#fbfdf8,#eaf4e5)}
:is([data-theme=dark],[data-theme=navy],[data-theme=noir]) :is(.topbar-class,.btn-secondary,.badge-blue,.chip,.alert-info){color:var(--deped-blue)}
:is([data-theme=dark],[data-theme=navy],[data-theme=noir]) .auth-bg-mesh{background:radial-gradient(ellipse at 5% 5%,var(--theme-accent,#203f31),transparent 60%),var(--bg)}

/* Klasama 1.1: a paper desk, with room for the work of teaching. */
:root{--sidebar-w:248px;--header-h:70px;--radius:14px;--radius-lg:20px;--kl-rail:#eeede3;--kl-rail-text:#476055;--kl-rail-line:#d9dfd2;--kl-paper:#faf7ed;--kl-soft:#eaf0e5;--kl-line:#dbe0d4;--kl-ink:#163e31}
:root:not([data-theme]),:root[data-theme=light]{--bg:#f5f4ed;--card:#fffef9;--text:#263e33;--text-muted:#6a796e;--border:#dfe3d8;--gradient-card:linear-gradient(135deg,#fffef9,#f7f4e8)}
:root:is([data-theme=dark],[data-theme=navy],[data-theme=noir]){--kl-rail:#15251f;--kl-rail-text:#c6d7cc;--kl-rail-line:#304639;--kl-paper:var(--card);--kl-soft:#263e30;--kl-line:var(--border);--kl-ink:var(--text)}
:root[data-theme=sepia]{--kl-rail:#e9dfc9;--kl-rail-text:#5a5037;--kl-rail-line:#d1c5a8;--kl-paper:#f6edda;--kl-soft:#ebe3cb;--kl-ink:#4e4027}
#sidebar{background:var(--kl-rail);color:var(--kl-rail-text);border-right:1px solid var(--kl-rail-line)}
#sidebar::before,#sidebar::after{display:none}
#sidebar .brand{padding:26px 20px 24px;gap:11px;border-bottom:1px solid var(--kl-rail-line)}
#sidebar .brand-logo{width:44px!important;height:44px!important;align-self:center}
#sidebar .brand-text h1{font-size:28px;color:var(--kl-ink);line-height:1.2;letter-spacing:-1.3px}
.klasama-brand-kicker{display:block;color:var(--kl-rail-text);font-size:8px;letter-spacing:1.35px;font-weight:800;margin-bottom:5px;opacity:.8}
#sidebar .brand-text p{color:var(--kl-rail-text);font-size:10px;opacity:.85;line-height:1.4;margin-top:5px}
#sidebar-nav{padding:6px 12px 14px;scrollbar-color:var(--theme-soft,#aebdac) transparent;scrollbar-width:thin}
.nav-section{margin-top:13px;padding-bottom:12px;border-bottom:1px solid var(--kl-rail-line)}
.nav-section:last-child{border-bottom:0}
.nav-section-title{padding:9px 12px 7px;color:var(--kl-rail-text);font-size:9px;letter-spacing:1.15px;opacity:.8}
#sidebar .nav-item{padding:11px 12px;color:var(--kl-rail-text);font-size:12px;border-radius:9px;min-height:40px;transition:background .16s,color .16s}
#sidebar .nav-item:hover{background:var(--kl-rail-line);color:var(--kl-ink)}
#sidebar .nav-item::before{display:none}
#sidebar .nav-item.active{background:var(--theme-accent,#145747);color:#fffef5!important;box-shadow:none;font-weight:700}
#sidebar .nav-item.active::after{content:"";position:absolute;left:auto;right:12px;top:50%;width:5px;height:5px;border-radius:50%;background:#e8b84b;transform:translateY(-50%);box-shadow:none}
#sidebar .nav-item.active:has(.nav-hub-badge)::after{display:none}
#sidebar .nav-item svg{width:17px;height:17px;flex-shrink:0}
.nav-hub-badge{background:transparent;color:var(--kl-rail-text);border:1px solid var(--kl-rail-line)}
.nav-pro-badge{background:#e4bc5e25;color:var(--kl-rail-text);border-color:#b49d5840}
#sidebar-footer{background:var(--kl-rail);border-top:1px solid var(--kl-rail-line);padding:14px 16px;color:var(--kl-rail-text)}
.sidebar-footer-btn{color:var(--kl-rail-text);background:transparent;border:1px solid var(--kl-rail-line);border-radius:8px}
.sidebar-footer-btn:hover{background:var(--kl-rail-line);color:var(--kl-ink)}
.sidebar-footer-meta{font-size:10px;opacity:.8;margin-top:12px}
#topbar{background:var(--card);padding:0 28px;gap:12px;box-shadow:none}
#topbar::after{display:none}
.topbar-title{gap:4px}
#topbar-page-title{font-size:17px;letter-spacing:-.5px}
#topbar-page-sub{font-size:9px;letter-spacing:1px;text-transform:uppercase;font-weight:600}
.topbar-class{background:var(--kl-soft);border:1px solid var(--border);border-radius:9px;padding:9px 12px}
.security-pill{border-radius:8px;background:transparent;box-shadow:none;font-size:10px}
#content{padding:30px 28px 90px;max-width:1640px;width:100%;margin:0 auto}
.page-head h2{font-size:26px;letter-spacing:-.85px}
.page-head p{line-height:1.6}
.card,.dash-widget{border-radius:14px;box-shadow:0 2px 0 var(--theme-soft,#213e2b02)}
.btn{border-radius:8px;min-height:36px;font-size:12px}
.btn-primary{background:var(--theme-accent,#145747);border:1px solid var(--theme-accent,#145747);box-shadow:none;color:#fff}
.btn-primary:hover{background:var(--theme-accent,#206f57);filter:none}
.btn-outline{border-color:var(--border)}
.form-control{border-radius:8px}
.icon-btn{border-radius:9px}
.klasama-eyebrow{display:block;font-size:9px;letter-spacing:1.35px;line-height:1.7;font-weight:800;color:var(--text-muted)}
.klasama-sun-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d3a63f;margin-right:7px;box-shadow:0 0 0 4px #e8b84b1a}
.hero-banner.klasama-desk-hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px 24px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:18px;padding:30px 32px 0;animation:none;overflow:hidden;margin-bottom:18px;min-height:0}
.klasama-desk-hero::before{inset:0 auto 0 0;width:4px;height:auto;border-radius:0;background:#e3ba55;opacity:1;mask-image:none}
.klasama-desk-copy{padding-top:6px;min-width:0;position:relative;z-index:1}
.klasama-desk-copy h2{font-size:clamp(23px,2.2vw,32px);font-weight:800;line-height:1.25;letter-spacing:-1.1px;margin:12px 0 11px;color:var(--text)}
.hero-banner .klasama-desk-lede{font-size:13px;line-height:1.7;color:var(--text-muted);opacity:1;margin:0 0 17px;font-weight:500}
.klasama-day-meta{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:var(--text)}
.klasama-day-meta svg{width:14px;height:14px;color:var(--deped-blue)}
.klasama-school-meta{font-size:10px;color:var(--text-muted);margin:7px 0 8px;line-height:1.6}
.klasama-desk-art{position:relative;min-height:206px;padding-top:4px;display:flex;justify-content:center;align-items:flex-start}
.klasama-notebook{width:142px;height:190px;border-radius:4px 13px 13px 4px;background:var(--theme-accent,#145747);color:#f7f4e5;position:relative;padding:23px 16px 18px 24px;transform:rotate(7deg);box-shadow:6px 8px 0 #e9e5d6,8px 11px 0 #d4d6c2;z-index:1;display:flex;flex-direction:column;align-items:flex-start;border-left:7px solid var(--theme-accent,#0c4033)}
.klasama-notebook img{width:38px;height:38px;margin-bottom:9px}
.klasama-notebook strong{font-size:20px;letter-spacing:-.7px}
.klasama-notebook>span:not(.klasama-notebook-tab){font-size:8px;line-height:1.6;margin-top:4px;color:#eee7cc}
.klasama-notebook-tab{position:absolute;right:17px;top:-6px;height:31px;width:12px;background:#e8b84b;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}
.klasama-notebook i{display:block;width:70%;height:1px;background:#ffffff17;margin-top:5px}
.klasama-art-sun{position:absolute;width:106px;height:106px;border-radius:50%;background:#e9bd5d22;right:0;top:16px}
.klasama-desk-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border);padding:14px 0 16px;margin-top:5px;min-width:0;position:relative;z-index:2}
.klasama-class-switch{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
.klasama-desk-label{font-size:8px;font-weight:800;color:var(--text-muted);letter-spacing:1.1px;white-space:nowrap}
.hero-class-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0}
.hero-class-chip{background:transparent;color:var(--text);border:1px solid var(--border);padding:7px 10px;border-radius:7px;font-size:10px;box-shadow:none}
.hero-class-chip:hover{background:var(--kl-soft);color:var(--text)}
.hero-class-chip.active{background:var(--kl-soft);color:var(--deped-blue);border-color:var(--border);font-weight:800}
.klasama-profile-button{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:10px;flex-shrink:0;padding:5px;border-radius:7px}
.klasama-profile-button:hover{background:var(--kl-soft);color:var(--text)}
.klasama-profile-button>svg{width:13px;height:13px}
.klasama-profile-avatar{width:28px;height:28px;background:var(--kl-soft);border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--deped-blue);overflow:hidden}
.klasama-profile-avatar img{width:100%;height:100%;object-fit:cover}
.klasama-launchpad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}
.klasama-launch-card{display:flex;align-items:center;gap:10px;text-align:left;padding:17px 12px;background:var(--card);border:1px solid var(--border);border-radius:11px;position:relative;min-width:0;transition:border-color .16s,transform .16s}
.klasama-launch-card:hover{border-color:var(--deped-blue);transform:translateY(-2px)}
.klasama-launch-card:focus-visible,.klasama-profile-button:focus-visible{outline:3px solid #d5ad47;outline-offset:3px}
.klasama-launch-card>span:nth-child(2){min-width:0}
.klasama-launch-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;flex-shrink:0;color:var(--deped-blue);background:var(--kl-soft)}
.klasama-launch-icon svg{width:17px;height:17px}
.klasama-launch-card:nth-child(2) .klasama-launch-icon{background:#e8b84b1d;color:#927025}
.klasama-launch-card:nth-child(3) .klasama-launch-icon{background:var(--theme-soft,#9fb9b32d);color:var(--theme-muted,#4f7b70)}
.klasama-launch-card:nth-child(4) .klasama-launch-icon{background:#cb947d1a;color:#a77158}
.klasama-launch-card strong{display:block;font-size:11px;line-height:1.55;font-weight:800;color:var(--text)}
.klasama-launch-card small{display:block;color:var(--text-muted);font-size:9px;line-height:1.6;margin-top:2px}
.klasama-launch-arrow{font-size:15px;color:var(--text-muted);margin-left:auto;align-self:flex-start;line-height:1}
.klasama-section-heading h3{font-size:21px;letter-spacing:-.7px;line-height:1.5;margin-top:3px}
.klasama-section-heading .klasama-eyebrow{font-size:8px}
.backup-reminder{border-radius:10px;box-shadow:none;border-left:3px solid var(--theme-edge,#b5c8a5)}
.dash-widget-head{padding:13px 17px;background:transparent;border-bottom:1px solid var(--border)}
.dash-widget-head h3{font-size:12px;font-weight:800;letter-spacing:-.2px}
.dash-widget[data-widget=stats] .dash-widget-head{border-bottom:0;padding-bottom:0}
.dash-widget[data-widget=stats] .dash-stats-scroll{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important}
.dash-widget[data-widget=stats] .stat-card{border:0;border-right:1px solid var(--border);border-radius:0;box-shadow:none;background:transparent;padding:10px 18px}
.dash-widget[data-widget=stats] .stat-card:last-child{border-right:0}
.dash-widget[data-widget=stats] .stat-card:nth-child(4){border-right:0}
.dash-widget[data-widget=stats] .stat-card:last-child{border-top:1px solid var(--border);margin-top:14px;padding-top:17px}
.stat-card .stat-value{font-size:29px;font-weight:800;letter-spacing:-1px}
.stat-card .stat-label{font-size:10px;font-weight:600}
.stat-card .stat-icon{width:28px;height:28px;border-radius:8px;box-shadow:none}
.dash-widget .dash-prompt{background:var(--kl-soft);box-shadow:none;border-radius:10px}
.quick-fab-main{border-radius:15px;background:var(--theme-accent,#145747);box-shadow:0 5px 18px var(--theme-soft,#0c382e24);width:48px;height:48px}
.quick-fab-menu{border-radius:13px;border:1px solid var(--border);box-shadow:0 14px 40px var(--theme-soft,#183b2d15)}
.auth-brand{margin:22px 0 22px 22px;border-radius:22px;background:var(--theme-accent,#145747)}
.auth-brand::before{background:repeating-linear-gradient(0deg,transparent 0 42px,#ffffff06 42px 43px),repeating-linear-gradient(90deg,transparent 0 42px,#ffffff04 42px 43px);opacity:1}
.auth-brand-mid h1{font-size:clamp(31px,3.5vw,48px);font-weight:600;line-height:1.2;letter-spacing:-1.8px}
.auth-brand-top{align-items:center}
.auth-brand-logo{border-radius:10px}
.auth-brand-tag{font-size:10px;color:#ead9a3}
.auth-card{border-radius:15px;border:1px solid var(--border);border-top:4px solid #d6af54;box-shadow:0 7px 30px var(--theme-soft,#163e3106)}
.klasama-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.klasama-about-hero{text-align:left;padding:30px;background:var(--gradient-card);position:relative}
.klasama-about-hero img{margin:0 0 18px;width:62px;height:62px}
.klasama-about-hero h2{font-size:36px}
.klasama-about-hero>p.text-muted{margin:0;font-size:12px;line-height:1.7}
.klasama-about-tagline{font-size:13px;margin:4px 0 16px}
.klasama-version{font-size:9px;background:var(--kl-soft);margin-top:16px}
.klasama-creator{padding:28px;display:flex;flex-direction:column;justify-content:center}
.klasama-creator-profile{display:flex;align-items:center;gap:17px;margin:20px 0 17px}
.klasama-creator-profile img{width:80px;height:80px;border-radius:20px;flex-shrink:0}
.klasama-creator-profile h3{font-size:18px;line-height:1.4;margin-bottom:6px;letter-spacing:-.6px}
.klasama-creator-profile p{font-size:11px;line-height:1.7;color:var(--text-muted)}
.klasama-creator>p{line-height:1.8;font-size:12px}
.klasama-creator-note{font-size:9px;letter-spacing:.2px;color:var(--text-muted);border-top:1px solid var(--border);padding-top:13px;margin-top:17px}
.klasama-value-number{display:block;font-size:11px;font-weight:800;color:#b9913a;margin-bottom:15px}
.klasama-values .card{padding:24px}
.klasama-values h3{font-size:14px}
.klasama-values p{font-size:11px}
.klasama-share-card{display:flex;align-items:center;gap:20px;padding:26px;min-width:0}
.klasama-share-card>div:first-child{flex:1;min-width:0}
.klasama-share-card h3{font-size:17px;line-height:1.4;margin:9px 0}
.klasama-share-card p{font-size:11px;line-height:1.8;margin-bottom:14px}
.klasama-qr-code{background:white;display:grid;place-items:center;width:128px;height:128px;border:1px solid var(--theme-edge,#dce4d7);border-radius:12px;padding:5px;flex-shrink:0;overflow:hidden}
.klasama-qr-code img,.klasama-qr-code svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}
.klasama-qr-code svg{shape-rendering:crispEdges}
.klasama-qr-modal{text-align:center;padding:12px 4px}
.klasama-qr-modal>img{margin:0 auto 14px;display:block}
.klasama-qr-modal h3{font-size:17px;line-height:1.5}
.klasama-qr-modal>p{font-size:12px;line-height:1.8;color:var(--text-muted);max-width:350px;margin:10px auto}
.klasama-qr-modal .klasama-qr-code{width:min(260px,100%);height:auto;aspect-ratio:1;margin:22px auto 17px;padding:9px}
.klasama-qr-link{font-size:11px;overflow-wrap:anywhere;line-height:1.8}
.klasama-qr-modal .klasama-qr-note{font-size:10px;margin-top:20px;border-top:1px solid var(--border);padding-top:15px}
.klasama-license-note p{font-size:13px;line-height:1.8;margin-top:16px}
.klasama-license-note h3{margin-top:12px;font-size:21px}
.klasama-license-note a{overflow-wrap:anywhere}
:root:is([data-theme=dark],[data-theme=navy],[data-theme=noir]) .klasama-notebook{box-shadow:6px 8px 0 var(--theme-soft,#344338),8px 11px 0 var(--theme-soft,#263a2f)}
@media(min-width:1500px){.klasama-desk-hero{grid-template-columns:minmax(0,1fr) 240px}.klasama-launch-card{padding:20px}.klasama-launch-card strong{font-size:12px}.klasama-launch-card small{font-size:10px}}
@media(max-width:1150px){.klasama-launchpad{grid-template-columns:repeat(2,minmax(0,1fr))}.klasama-launch-card{padding:15px 18px}.klasama-launch-card strong{font-size:12px}.klasama-launch-card small{font-size:10px}.klasama-share-card{flex-direction:column;align-items:flex-start}.klasama-share-card .klasama-qr-code{align-self:center}.security-pill .label{display:none}}
@media(max-width:900px){.klasama-about-grid{grid-template-columns:1fr}.klasama-share-card{flex-direction:row;align-items:center}.klasama-share-card .klasama-qr-code{align-self:auto}.klasama-desk-hero{grid-template-columns:minmax(0,1fr) 140px}.klasama-desk-art{transform:scale(.85);transform-origin:right top}.klasama-desk-footer{gap:10px}.klasama-desk-label{display:none}.klasama-profile-button>span:nth-child(2){display:none}}
@media(max-width:768px){
 #topbar{padding:0 14px;gap:8px;height:62px}#content{padding:20px 14px 116px}.topbar-class{padding:8px;max-width:145px}.topbar-title{min-width:55px}#topbar-page-title{font-size:15px}.security-pill{display:none}
 .hero-banner.klasama-desk-hero{grid-template-columns:1fr;padding:23px 22px 0;border-radius:15px;gap:12px}.klasama-desk-art{display:none}.klasama-desk-copy h2{font-size:28px;line-height:1.25;letter-spacing:-1px}.hero-banner .klasama-desk-lede{font-size:12px;margin-bottom:16px}.klasama-day-meta{font-size:10px}.klasama-school-meta{font-size:9px}.klasama-desk-footer{margin-top:5px;padding:13px 0}.klasama-class-switch{flex:1}.hero-class-chip{font-size:9px;padding:7px 9px}.klasama-profile-button{flex-shrink:0}
 .klasama-launchpad{gap:9px;margin-bottom:20px}.klasama-launch-card{padding:15px 13px;gap:10px;align-items:flex-start;flex-direction:column}.klasama-launch-card strong{font-size:11px}.klasama-launch-card small{font-size:9px}.klasama-launch-arrow{position:absolute;right:13px;top:16px}.klasama-launch-icon{width:29px;height:29px}.klasama-launch-icon svg{width:16px;height:16px}
 .klasama-section-heading h3{font-size:20px}.klasama-section-heading .klasama-eyebrow{font-size:7px}#dash-customize{font-size:10px;min-height:36px;padding:8px}
 .dash-widget[data-widget=stats] .dash-stats-scroll{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:17px!important}.dash-widget[data-widget=stats] .stat-card{padding:6px 12px}.dash-widget[data-widget=stats] .stat-card:nth-child(2n){border-right:0}.stat-card .stat-value{font-size:27px}
 .bottom-nav{left:10px;right:10px;bottom:10px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:0 5px 24px var(--theme-soft,#1f3a2a14);padding:6px 4px max(6px,env(safe-area-inset-bottom))}.bottom-nav button{font-size:9px;padding:6px 2px;gap:4px;min-height:48px;border-radius:11px}.bottom-nav button.active{background:var(--kl-soft);color:var(--deped-blue)}.bottom-nav button.active::after{display:none}.bottom-nav button svg{width:18px;height:18px}.quick-fab{bottom:95px;right:17px}.quick-fab-main{width:44px;height:44px;border-radius:13px}
 .page-head h2{font-size:23px}.klasama-about-hero{padding:25px}.klasama-about-hero h2{font-size:32px}.klasama-creator{padding:24px}.klasama-creator-profile{gap:14px}.klasama-creator-profile img{width:68px;height:68px;border-radius:17px}.klasama-creator-profile h3{font-size:17px}.klasama-share-card{padding:24px;gap:12px}.klasama-share-card .klasama-qr-code{width:100px;height:100px}.klasama-values .card{padding:20px}.klasama-value-number{margin-bottom:9px}.klasama-values p{font-size:12px}
 .auth-brand{margin:0;border-radius:0}.auth-card{padding:25px 22px}.auth-screen .btn,.auth-screen .form-control{min-height:42px}
}
@media(max-width:360px){.klasama-desk-copy h2{font-size:24px}.hero-banner.klasama-desk-hero{padding:20px 17px 0}.klasama-share-card{flex-direction:column}.klasama-share-card .klasama-qr-code{align-self:center}.klasama-creator-profile{align-items:flex-start}.klasama-creator-profile h3{font-size:15px}.klasama-launch-card small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.klasama-launch-card{transition:none}.klasama-launch-card:hover{transform:none}}
@media print{#sidebar,#topbar,.klasama-launchpad,.klasama-desk-art,.bottom-nav,.quick-fab{display:none!important}#main-wrap{margin-left:0}.klasama-desk-hero{break-inside:avoid}}