.tkb-csm,.tkb-csm[data-theme=light],[data-theme=light].tkb-csm{--c-bg:oklch(98.4% 0.003 80);--c-surface:oklch(100% 0 0);--c-surface-elev:oklch(99.4% 0.002 80);--c-surface-sunken:oklch(96.6% 0.004 80);--c-surface-2:oklch(94.6% 0.005 80);--c-fg:oklch(20.5% 0.012 256);--c-fg-2:oklch(38% 0.011 256);--c-fg-3:oklch(54% 0.01 256);--c-fg-4:oklch(68% 0.008 256);--c-fg-inverse:oklch(98% 0.002 80);--c-border:oklch(91% 0.006 256);--c-border-strong:oklch(82% 0.01 256);--c-divider:oklch(94% 0.005 256);--c-primary:oklch(38% 0.11 252);--c-primary-700:oklch(32% 0.115 252);--c-primary-600:oklch(38% 0.11 252);--c-primary-500:oklch(46% 0.115 252);--c-primary-50:oklch(96% 0.022 252);--c-primary-fg:oklch(99% 0.005 252);--c-success:oklch(48% 0.11 152);--c-success-bg:oklch(96% 0.028 152);--c-success-fg:oklch(34% 0.11 152);--c-warning:oklch(64% 0.14 72);--c-warning-bg:oklch(96% 0.04 80);--c-warning-fg:oklch(42% 0.115 60);--c-danger:oklch(54% 0.18 25);--c-danger-bg:oklch(96% 0.03 25);--c-danger-fg:oklch(42% 0.15 25);--c-info:oklch(50% 0.13 230);--c-info-bg:oklch(96% 0.028 230);--c-info-fg:oklch(38% 0.13 230);--c-accent:oklch(46% 0.135 280);--c-accent-bg:oklch(96% 0.03 280);--c-subj-toan:oklch(48% 0.15 250);--c-subj-van:oklch(52% 0.17 18);--c-subj-anh:oklch(48% 0.15 305);--c-subj-su:oklch(50% 0.13 60);--c-subj-dia:oklch(48% 0.13 145);--c-subj-ly:oklch(50% 0.11 210);--c-subj-hoa:oklch(50% 0.15 340);--c-subj-sinh:oklch(48% 0.14 165);--c-subj-tin:oklch(46% 0.14 275);--c-subj-default:oklch(48% 0.02 256);--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-pill:999px;--sh-sm:0 1px 2px oklch(20% 0.02 256/0.06);--sh-md:0 1px 2px oklch(20% 0.02 256/0.05),0 4px 12px oklch(20% 0.02 256/0.06);--sh-lg:0 2px 4px oklch(20% 0.02 256/0.06),0 12px 28px oklch(20% 0.02 256/0.1);--sh-focus:0 0 0 3px oklch(46% 0.115 252/0.3);--ff-sans:var(--font-be-vietnam-pro),system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ff-mono:var(--font-jetbrains-mono),ui-monospace,SFMono-Regular,"Cascadia Mono",Menlo,Consolas,monospace;--c-print-bg:oklch(100% 0 0);--c-print-fg:oklch(20% 0 0);--c-print-muted:oklch(40% 0 0);--c-print-border:oklch(36% 0 0);--c-print-rule:oklch(0% 0 0);--c-print-head-bg:oklch(94% 0 0);--c-print-slot-bg:oklch(97% 0 0);--c-print-band-bg:oklch(91% 0 0);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px}.dark .tkb-csm,.tkb-csm.dark,.tkb-csm[data-theme=dark],[data-theme=dark] .tkb-csm{--c-bg:oklch(15.5% 0.008 256);--c-surface:oklch(19% 0.01 256);--c-surface-elev:oklch(22% 0.012 256);--c-surface-sunken:oklch(13% 0.008 256);--c-surface-2:oklch(25% 0.012 256);--c-fg:oklch(96% 0.005 80);--c-fg-2:oklch(80% 0.008 256);--c-fg-3:oklch(65% 0.01 256);--c-fg-4:oklch(50% 0.012 256);--c-fg-inverse:oklch(18% 0.01 256);--c-border:oklch(28% 0.012 256);--c-border-strong:oklch(38% 0.014 256);--c-divider:oklch(24% 0.01 256);--c-primary:oklch(72% 0.115 252);--c-primary-700:oklch(60% 0.12 252);--c-primary-600:oklch(66% 0.118 252);--c-primary-500:oklch(72% 0.115 252);--c-primary-50:oklch(26% 0.045 252);--c-primary-fg:oklch(15% 0.01 252);--c-success:oklch(72% 0.13 152);--c-success-bg:oklch(26% 0.045 152);--c-success-fg:oklch(82% 0.11 152);--c-warning:oklch(78% 0.14 80);--c-warning-bg:oklch(28% 0.05 80);--c-warning-fg:oklch(86% 0.12 80);--c-danger:oklch(70% 0.155 25);--c-danger-bg:oklch(26% 0.06 25);--c-danger-fg:oklch(82% 0.14 25);--c-info:oklch(72% 0.115 230);--c-info-bg:oklch(26% 0.045 230);--c-info-fg:oklch(82% 0.11 230);--c-accent:oklch(70% 0.135 280);--c-accent-bg:oklch(26% 0.05 280);--c-subj-toan:oklch(72% 0.14 250);--c-subj-van:oklch(74% 0.15 18);--c-subj-anh:oklch(72% 0.14 305);--c-subj-su:oklch(76% 0.125 70);--c-subj-dia:oklch(72% 0.125 145);--c-subj-ly:oklch(74% 0.11 210);--c-subj-hoa:oklch(72% 0.135 340);--c-subj-sinh:oklch(72% 0.13 165);--c-subj-tin:oklch(72% 0.13 275);--c-subj-default:oklch(70% 0.015 256);--sh-sm:0 1px 2px oklch(0% 0 0/0.3);--sh-md:0 1px 2px oklch(0% 0 0/0.3),0 4px 12px oklch(0% 0 0/0.36);--sh-lg:0 2px 4px oklch(0% 0 0/0.32),0 14px 32px oklch(0% 0 0/0.44);--sh-focus:0 0 0 3px oklch(72% 0.115 252/0.4)}.tkb-csm,.tkb-csm *{box-sizing:border-box}.tkb-csm{--tkb-content-max:1280px;font-family:var(--ff-sans);color:var(--c-fg);background:var(--c-bg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}.tkb-csm h1,.tkb-csm h2,.tkb-csm h3,.tkb-csm h4{margin:0;font-weight:600;letter-spacing:-.01em}.tkb-csm p{margin:0}.tkb-csm button{font-family:inherit;cursor:pointer}.tkb-csm a{color:var(--c-primary);text-decoration:none}.tkb-page{min-height:100%;background:var(--c-bg);color:var(--c-fg)}.tkb-shell-nav{background:var(--c-surface);border-bottom:1px solid var(--c-border);font-size:13px}.tkb-shell-nav__inner{height:56px;max-width:var(--tkb-content-max);margin:0 auto;display:flex;align-items:center;gap:24px;padding:0 32px}.tkb-shell-nav__brand{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--c-fg);letter-spacing:-.01em}.tkb-shell-nav__brand .mark{width:24px;height:24px;background:var(--c-primary);color:var(--c-primary-fg);border-radius:var(--r-sm);display:grid;place-items:center;font-size:11px;font-weight:700;letter-spacing:0}.tkb-shell-nav__links{display:flex;gap:4px;margin-left:12px}.tkb-shell-nav__links a{padding:6px 10px;color:var(--c-fg-2);border-radius:var(--r-sm);font-weight:500}.tkb-shell-nav__links a[aria-current=page]{color:var(--c-fg);background:var(--c-surface-sunken)}.tkb-shell-nav__spacer{flex:1}.tkb-shell-nav__user{display:flex;align-items:center;gap:8px;color:var(--c-fg-2)}.tkb-shell-nav__user .avatar{width:28px;height:28px;border-radius:var(--r-pill);background:var(--c-primary-50);color:var(--c-primary);display:grid;place-items:center;font-weight:600;font-size:11px}.tkb-user-meta{display:flex;flex-direction:column;line-height:1.15}.tkb-user-meta span{color:var(--c-fg);font-size:12px;font-weight:500}.tkb-user-meta small{color:var(--c-fg-3);font-size:10.5px}.tkb-mobile-page-nav{display:none}.tkb-page-header{padding:24px 32px 16px;background:var(--c-bg)}.tkb-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:8px}.tkb-breadcrumb,.tkb-breadcrumb a{color:var(--c-fg-3)}.tkb-breadcrumb a:hover{color:var(--c-fg-2)}.tkb-breadcrumb svg{width:12px;height:12px;opacity:.6}.tkb-page-header__row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.tkb-page-header h1{font-size:24px;line-height:1.2;letter-spacing:-.02em;color:var(--c-fg)}.tkb-page-header__meta{display:flex;gap:16px;color:var(--c-fg-3);font-size:12px;margin-top:6px}.tkb-page-header__meta span{display:inline-flex;align-items:center;gap:6px}.tkb-page-header__meta svg{width:12px;height:12px}.tkb-tabs{display:inline-flex;background:var(--c-surface-sunken);border:1px solid var(--c-border);border-radius:var(--r-md);padding:3px;gap:2px}.tkb-tabs__btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:0;background:transparent;color:var(--c-fg-2);font-weight:500;font-size:13px;border-radius:5px;transition:background-color .12s ease,color .12s ease;position:relative}.tkb-tabs__btn svg{width:14px;height:14px}.tkb-tabs__btn[aria-selected=true]{background:var(--c-surface);color:var(--c-fg);box-shadow:var(--sh-sm)}.tkb-tabs__btn:hover:not([aria-selected=true]):not(:disabled){color:var(--c-fg)}.tkb-tabs__btn:disabled,.tkb-tabs__btn[data-locked=true]{color:var(--c-fg-4)}.tkb-tabs__btn:focus-visible{outline:none;box-shadow:var(--sh-focus)}.tkb-toolbar{gap:12px;padding:12px 32px 16px;background:var(--c-bg)}.tkb-toolbar,.tkb-toolbar__group{display:flex;align-items:center;flex-wrap:wrap}.tkb-toolbar__group{gap:8px}.tkb-toolbar__spacer{flex:1 1 0}.tkb-toolbar__action{margin-top:16px}.tkb-field{display:inline-flex;flex-direction:column;gap:4px;min-width:160px}.tkb-field--sm{min-width:120px}.tkb-field--md{min-width:160px}.tkb-field--lg{min-width:240px}.tkb-field__label{font-size:11px;color:var(--c-fg-3);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.tkb-input,.tkb-select{height:36px;padding:0 12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-fg);font-family:inherit;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:8px;min-width:160px;position:relative;transition:border-color .12s ease}.tkb-input:hover,.tkb-select:hover{border-color:var(--c-border-strong)}.tkb-input:focus-visible,.tkb-select:focus-visible{outline:none;border-color:var(--c-primary-500);box-shadow:var(--sh-focus)}.tkb-select{padding-right:32px;cursor:pointer}.tkb-select__chev{position:absolute;right:10px;pointer-events:none;color:var(--c-fg-3)}.tkb-select__chev svg{width:14px;height:14px}.tkb-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-fg);border-radius:var(--r-md);font-weight:500;font-size:13px;font-family:inherit;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.tkb-btn svg{width:14px;height:14px}.tkb-btn:hover{background:var(--c-surface-sunken);border-color:var(--c-border-strong)}.tkb-btn:focus-visible{outline:none;box-shadow:var(--sh-focus)}.tkb-btn:disabled{opacity:.5;cursor:not-allowed}.tkb-btn--primary{background:var(--c-primary);color:var(--c-primary-fg);border-color:var(--c-primary)}.tkb-btn--primary:hover{background:var(--c-primary-700);border-color:var(--c-primary-700)}.tkb-btn--ghost{background:transparent;border-color:transparent;color:var(--c-fg-2)}.tkb-btn--ghost:hover{background:var(--c-surface-sunken);color:var(--c-fg)}.tkb-btn--sm{height:30px;padding:0 10px;font-size:12px}.tkb-btn--icon{width:36px;padding:0;justify-content:center}.tkb-icon-btn{width:36px;height:36px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-fg-2);display:inline-grid;place-items:center}.tkb-icon-btn:hover{background:var(--c-surface-sunken);color:var(--c-fg)}.tkb-icon-btn svg{width:14px;height:14px}.tkb-result{padding:4px 32px 32px}.tkb-summary{display:flex;align-items:center;gap:24px;padding:12px 16px;background:var(--c-surface);border-radius:var(--r-md) var(--r-md) 0 0;border:1px solid var(--c-border);border-bottom:0;font-size:13px;flex-wrap:wrap}.tkb-summary__item{display:inline-flex;align-items:center;gap:8px;color:var(--c-fg-2)}.tkb-summary__item strong{color:var(--c-fg);font-weight:600}.tkb-muted-inline{color:var(--c-fg-3)}.tkb-summary__divider{width:1px;height:16px;background:var(--c-border)}.tkb-summary__spacer{flex:1 1 0}.tkb-summary__status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:3px 8px;border-radius:var(--r-pill);background:var(--c-success-bg);color:var(--c-success-fg)}.tkb-summary__status .dot{width:6px;height:6px;border-radius:50%;background:var(--c-success)}.tkb-grid-wrap{background:var(--c-surface);border:1px solid var(--c-border);border-radius:0 0 var(--r-md) var(--r-md);overflow:hidden}.tkb-grid{width:100%;display:grid;grid-template-columns:96px repeat(6,minmax(0,1fr))}.tkb-grid__cell,.tkb-grid__head,.tkb-grid__slot{border-right:1px solid var(--c-divider);border-bottom:1px solid var(--c-divider)}.tkb-grid__cell.is-last-col,.tkb-grid__head:last-child,.tkb-grid__slot.is-last-col{border-right:0}.tkb-grid__head{padding:12px;background:var(--c-surface-sunken);font-weight:600;font-size:12px;color:var(--c-fg-2);text-transform:uppercase;letter-spacing:.04em;display:flex;flex-direction:column;gap:2px}.tkb-grid__head .day-num{font-weight:400;font-size:11px;color:var(--c-fg-3);text-transform:none;letter-spacing:0;font-family:var(--ff-mono)}.tkb-grid__head.is-today{background:var(--c-primary-50)}.tkb-grid__head.is-today,.tkb-grid__head.is-today .day-num{color:var(--c-primary-700)}.tkb-grid__period-band{grid-column:1/-1;background:var(--c-surface-sunken);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--c-fg-3);padding:6px 16px;border-bottom:1px solid var(--c-divider)}.tkb-grid__slot{padding:12px;background:var(--c-surface-sunken);display:flex;flex-direction:column;gap:2px;font-size:12px}.tkb-grid__slot .slot-num{font-weight:600;color:var(--c-fg-2);font-size:13px}.tkb-grid__slot .slot-time{font-family:var(--ff-mono);font-size:11px;color:var(--c-fg-3)}.tkb-grid__cell{padding:6px;background:var(--c-surface);min-height:84px;position:relative}.tkb-grid__cell.is-empty{background:var(--c-surface-sunken)}.tkb-grid__cell.is-empty:after{content:"—";position:absolute;inset:0;display:grid;place-items:center;color:var(--c-fg-4);font-family:var(--ff-mono);font-size:14px}.tkb-lesson{height:100%;display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--subj,var(--c-subj-default)) 10%,var(--c-surface));border-left:3px solid var(--subj,var(--c-subj-default));position:relative;transition:background-color .12s ease,transform .12s ease;cursor:default}.tkb-lesson:hover{background:color-mix(in srgb,var(--subj,var(--c-subj-default)) 16%,var(--c-surface))}.tkb-lesson__subject{font-weight:600;font-size:13px;line-height:1.25;color:var(--c-fg);letter-spacing:0}.tkb-lesson__teacher{font-size:11.5px;color:var(--c-fg-2);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tkb-lesson__meta{margin-top:auto;display:flex;gap:8px;font-size:11px;color:var(--c-fg-3);font-family:var(--ff-mono)}.tkb-lesson__meta .room{color:color-mix(in srgb,var(--subj,var(--c-subj-default)) 70%,var(--c-fg-2));font-weight:600}.tkb-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--r-pill);font-size:11px;font-weight:500;background:color-mix(in srgb,var(--subj,var(--c-subj-default)) 12%,var(--c-surface));color:color-mix(in srgb,var(--subj,var(--c-subj-default)) 80%,var(--c-fg))}.tkb-badge .swatch{width:8px;height:8px;border-radius:2px;background:var(--subj,var(--c-subj-default))}.tkb-legend{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md)}.tkb-legend__title{font-size:11px;font-weight:600;color:var(--c-fg-3);text-transform:uppercase;letter-spacing:.04em;margin-right:6px;align-self:center}.tkb-state{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:36px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.tkb-state__icon{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--c-surface-sunken);color:var(--c-fg-3)}.tkb-state__icon svg{width:22px;height:22px}.tkb-state__icon--info{background:var(--c-info-bg);color:var(--c-info-fg)}.tkb-state__icon--warning{background:var(--c-warning-bg);color:var(--c-warning-fg)}.tkb-state__icon--danger{background:var(--c-danger-bg);color:var(--c-danger-fg)}.tkb-state__icon--locked{background:var(--c-surface-2);color:var(--c-fg-2)}.tkb-state__title{font-size:15px;font-weight:600;color:var(--c-fg)}.tkb-state__body{font-size:13px;color:var(--c-fg-3);max-width:420px}.tkb-state__actions{display:flex;gap:8px;margin-top:8px}.tkb-perm{background:var(--c-surface);border:1px solid var(--c-border);padding:28px 32px;grid-template-columns:44px 1fr auto;gap:18px;align-items:center}.tkb-perm,.tkb-perm__icon{border-radius:var(--r-md);display:grid}.tkb-perm__icon{width:44px;height:44px;place-items:center;background:var(--c-surface-sunken);color:var(--c-fg-3)}.tkb-perm__icon svg{width:20px;height:20px}.tkb-perm__icon--info{background:var(--c-info-bg);color:var(--c-info-fg)}.tkb-perm__icon--warning{background:var(--c-warning-bg);color:var(--c-warning-fg)}.tkb-perm__icon--locked{background:var(--c-surface-2);color:var(--c-fg-2)}.tkb-perm__title{font-size:14px;font-weight:600;color:var(--c-fg)}.tkb-perm__body{font-size:13px;color:var(--c-fg-3);margin-top:2px}@keyframes tkb-shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.tkb-skel{background:var(--c-surface-sunken);background-image:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--c-surface) 60%,transparent) 50%,transparent 100%);background-size:400px 100%;background-repeat:no-repeat;animation:tkb-shimmer 1.6s linear infinite;border-radius:var(--r-sm)}.tkb-skel--grid-cell{width:100%;height:56px}.tkb-skel--head-title{width:48px;height:14px}.tkb-skel--head-day{width:60px;height:12px}.tkb-skel--head-date{width:36px;height:10px;margin-top:4px}.tkb-skel--slot-title{width:30px;height:12px}.tkb-skel--slot-time{width:50px;height:10px;margin-top:6px}@media (prefers-reduced-motion:reduce){.tkb-skel{animation:none}}.tkb-stats-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.tkb-stat-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:16px 18px;display:flex;flex-direction:column;gap:4px}.tkb-stat-card__label{font-size:12px;color:var(--c-fg-3);font-weight:500}.tkb-stat-card__value{font-size:24px;font-weight:600;color:var(--c-fg);letter-spacing:0;font-feature-settings:"tnum"}.tkb-stat-card__meta{font-size:12px;color:var(--c-fg-3);display:flex;align-items:center;gap:6px}.tkb-table-wrap{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden}.tkb-table{width:100%;border-collapse:collapse;font-size:13px}.tkb-table th{text-align:left;padding:10px 16px;background:var(--c-surface-sunken);font-weight:600;font-size:11px;color:var(--c-fg-3);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--c-border)}.tkb-table td{padding:12px 16px;border-bottom:1px solid var(--c-divider);vertical-align:middle}.tkb-table tr:last-child td{border-bottom:0}.tkb-table tr:hover td{background:var(--c-surface-sunken)}.tkb-table .num{font-family:var(--ff-mono);font-feature-settings:"tnum";color:var(--c-fg-2)}.tkb-table .col-num{width:56px}.tkb-table .col-load{width:280px}.tkb-table .col-total{width:100px;text-align:right}.tkb-table .tkb-num-strong{text-align:right;color:var(--c-fg);font-weight:600}.tkb-table .teacher-cell{display:flex;align-items:center;gap:10px}.tkb-table .teacher-cell .avatar{width:28px;height:28px;border-radius:var(--r-pill);background:var(--c-primary-50);color:var(--c-primary);display:grid;place-items:center;font-size:11px;font-weight:600}.tkb-table .teacher-cell .name{font-weight:500;color:var(--c-fg)}.tkb-table .teacher-cell .role{font-size:11px;color:var(--c-fg-3)}.tkb-subject-badges{display:flex;flex-wrap:wrap;gap:6px;min-width:120px}.tkb-load{display:flex;align-items:center;gap:10px}.tkb-load__bar{flex:1;height:6px;background:var(--c-surface-2);border-radius:var(--r-pill);overflow:hidden;position:relative}.tkb-load__fill{height:100%;border-radius:inherit}.tkb-load__fill--success{background:var(--c-success)}.tkb-load__fill--warning{background:var(--c-warning)}.tkb-load__fill--danger{background:var(--c-danger)}.tkb-load__chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--r-pill);font-family:var(--ff-mono);font-feature-settings:"tnum"}.tkb-load__chip--success{background:var(--c-success-bg);color:var(--c-success-fg)}.tkb-load__chip--warning{background:var(--c-warning-bg);color:var(--c-warning-fg)}.tkb-load__chip--danger{background:var(--c-danger-bg);color:var(--c-danger-fg)}.tkb-mobile{font-family:var(--ff-sans);background:var(--c-bg);color:var(--c-fg);height:100%;display:flex;flex-direction:column}.tkb-mobile__topnav{height:48px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--c-surface);border-bottom:1px solid var(--c-border)}.tkb-mobile__topnav .tkb-icon-btn{width:32px;height:32px;border-radius:6px}.tkb-mobile__title{font-weight:600;font-size:15px}.tkb-mobile__body{flex:1;overflow:auto;padding:12px 16px 80px}.tkb-mobile__filters{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.tkb-mobile__tabs{display:flex;gap:6px;overflow-x:auto;margin:0 -16px 12px;padding:0 16px 4px;scrollbar-width:none}.tkb-mobile__tabs::-webkit-scrollbar{display:none}.tkb-mobile__day-tabs{display:grid;grid-template-columns:repeat(6,1fr);background:var(--c-surface-sunken);border:1px solid var(--c-border);border-radius:var(--r-md);padding:3px;gap:2px;margin-bottom:12px}.tkb-mobile__day-tab{border:0;background:transparent;padding:8px 0;border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--c-fg-2);font-family:inherit;font-size:11px}.tkb-mobile__day-tab .num{font-family:var(--ff-mono);font-size:13px;font-weight:600;color:var(--c-fg)}.tkb-mobile__day-tab[aria-selected=true]{background:var(--c-surface);box-shadow:var(--sh-sm)}.tkb-mobile__day-tab[aria-selected=true] .num{color:var(--c-primary)}.tkb-mobile__day-header{display:flex;align-items:baseline;justify-content:space-between;padding:4px 4px 8px}.tkb-mobile__day-header .day{font-size:13px;font-weight:600;color:var(--c-fg)}.tkb-mobile__day-header .date{font-family:var(--ff-mono);font-size:11px;color:var(--c-fg-3)}.tkb-mobile__lesson{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--c-divider)}.tkb-mobile__lesson:last-child{border-bottom:0}.tkb-mobile__lesson .slot{display:flex;flex-direction:column;align-items:flex-start;font-family:var(--ff-mono);color:var(--c-fg-3);font-size:11px;gap:2px}.tkb-mobile__lesson .slot .slot-n{font-size:14px;color:var(--c-fg);font-weight:600}.tkb-mobile__lesson .lesson{border-left:3px solid var(--subj,var(--c-subj-default));padding-left:12px;display:flex;flex-direction:column;gap:3px}.tkb-mobile__lesson .lesson .subj{font-weight:600;font-size:14px;color:var(--c-fg)}.tkb-mobile__lesson .lesson .teacher{font-size:12px;color:var(--c-fg-2)}.tkb-mobile__lesson .lesson .meta{display:flex;gap:8px;font-family:var(--ff-mono);font-size:11px;color:var(--c-fg-3)}.tkb-mobile__lesson .lesson .meta .room{color:var(--subj,var(--c-subj-default));font-weight:600}.tkb-mobile__lesson--empty .lesson{border-left-color:var(--c-divider)}.tkb-mobile__lesson--empty .lesson .teacher{color:var(--c-fg-4);font-size:13px}.tkb-mobile__summary-chip{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);font-size:12px;margin-bottom:12px}.tkb-mobile__summary-chip strong{color:var(--c-fg);font-weight:600}.tkb-mobile__summary-chip .meta{color:var(--c-fg-2)}.tkb-mobile__empty-state{margin-top:8px}.tkb-mobile__bottom{position:absolute;left:0;right:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--c-surface) 92%,transparent);display:flex}.tkb-mobile-bottom-actions,.tkb-mobile__bottom{bottom:0;backdrop-filter:blur(8px);border-top:1px solid var(--c-border);gap:8px}.tkb-mobile-bottom-actions{position:sticky;z-index:10;display:none;padding:12px 0 calc(12px + env(safe-area-inset-bottom));margin-top:12px;background:color-mix(in srgb,var(--c-bg) 92%,transparent)}.tkb-mobile-bottom-actions .tkb-btn{flex:1;justify-content:center}.tkb-print{background:var(--c-print-bg);color:var(--c-print-fg);font-family:var(--ff-sans);padding:32px 36px;width:100%;height:100%}.tkb-print h1,.tkb-print h2{margin:0}.tkb-print__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:2px solid var(--c-print-rule);padding-bottom:12px;margin-bottom:16px}.tkb-print__school{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--c-print-muted)}.tkb-print__title{font-size:18px;font-weight:700;margin-top:4px}.tkb-print__subtitle{font-size:12px;color:var(--c-print-muted);margin-top:4px}.tkb-print__meta{font-size:11px;color:var(--c-print-muted);text-align:right;font-family:var(--ff-mono);line-height:1.5}.tkb-print table{width:100%;border-collapse:collapse;font-size:11px}.tkb-print td,.tkb-print th{border:1px solid var(--c-print-border);padding:6px 8px;text-align:left;vertical-align:top}.tkb-print th{background:var(--c-print-head-bg);font-weight:600;text-align:center;font-size:11px}.tkb-print__date{font-size:9px;font-weight:400}.tkb-print td.slot{text-align:center;font-family:var(--ff-mono);background:var(--c-print-slot-bg);font-weight:600;width:11%}.tkb-print td.slot .time{display:block;font-weight:400;color:var(--c-print-muted);font-size:10px;margin-top:2px}.tkb-print td .subj{font-weight:600}.tkb-print td .room,.tkb-print td .teacher{color:var(--c-print-muted);font-size:10px;margin-top:2px}.tkb-print td .room{font-family:var(--ff-mono)}.tkb-print td.period-band{background:var(--c-print-band-bg);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.tkb-print__footer{display:flex;justify-content:space-between;margin-top:16px;font-size:10px;color:var(--c-print-border);font-family:var(--ff-mono)}.tkb-system{padding:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tkb-swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tkb-swatch{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:10px;font-size:11px}.tkb-swatch__chip{height:36px;border-radius:var(--r-sm);background:var(--swatch,var(--c-surface-2));border:1px solid var(--c-border);margin-bottom:6px}.tkb-swatch__name{font-weight:600;color:var(--c-fg)}.tkb-swatch__val{font-family:var(--ff-mono);color:var(--c-fg-3);font-size:10px}.tkb-csm-scope{isolation:isolate;min-height:100vh;min-height:100dvh}.tkb-container{width:100%;max-width:var(--tkb-content-max);margin:0 auto}.tkb-print-only{display:none}.tkb-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tkb-toolbar--sticky{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--c-border)}.tkb-field__select-wrap{position:relative;display:block}.tkb-field__select-wrap select{width:100%;height:36px;padding:0 32px 0 12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-fg);font-family:inherit;font-size:13px;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tkb-field__select-wrap select:focus-visible{outline:none;border-color:var(--c-primary-500);box-shadow:var(--sh-focus)}.tkb-field__select-wrap svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--c-fg-3)}.tkb-error{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-danger-bg);color:var(--c-danger-fg);font-size:13px}.tkb-mobile-view{display:none}.tkb-stats-cards--four{grid-template-columns:repeat(4,minmax(0,1fr))}.tkb-distribution{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:16px 18px;margin-bottom:16px}.tkb-distribution__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.tkb-distribution__title{font-size:13px;font-weight:600;color:var(--c-fg)}.tkb-distribution__meta{font-size:11px;color:var(--c-fg-3);font-family:var(--ff-mono)}.tkb-distribution__bar{display:flex;height:10px;border-radius:var(--r-pill);overflow:hidden;background:var(--c-surface-2)}.tkb-distribution__dot--success,.tkb-distribution__seg--success{background:var(--c-success)}.tkb-distribution__dot--warning,.tkb-distribution__seg--warning{background:var(--c-warning)}.tkb-distribution__dot--danger,.tkb-distribution__seg--danger{background:var(--c-danger)}.tkb-distribution__legend{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:12px;font-size:12px}.tkb-distribution__legend-item{display:inline-flex;align-items:center;gap:8px;color:var(--c-fg-2)}.tkb-distribution__dot{width:8px;height:8px;border-radius:2px}.tkb-distribution__legend-count{color:var(--c-fg-3);font-family:var(--ff-mono)}.tkb-range-separator{color:var(--c-fg-4);font-weight:400;margin:0 6px}.is-spinning{animation:tkb-spin .8s linear infinite}@keyframes tkb-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.is-spinning{animation:none}}@media (max-width:920px){.tkb-shell-nav__inner{padding:0 16px;gap:12px}.tkb-shell-nav__links{display:none}.tkb-shell-nav__brand span{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tkb-page-header{padding:16px 16px 12px}.tkb-toolbar{padding:12px 16px}.tkb-result{padding:4px 16px 32px}.tkb-result>.tkb-legend,.tkb-result>.tkb-summary{display:none}.tkb-toolbar__group{width:100%}.tkb-field{width:100%;min-width:0}.tkb-grid-wrap.tkb-grid-desktop{display:none}.tkb-mobile-view{display:block;padding-bottom:0}.tkb-stats-cards--four{grid-template-columns:repeat(2,minmax(0,1fr))}.tkb-perm{grid-template-columns:44px 1fr}.tkb-perm__action{grid-column:1/-1}}@media (max-width:560px){.tkb-mobile-page-nav{display:flex}.tkb-page-header,.tkb-shell-nav{display:none}.tkb-tabs{display:flex;width:100%;overflow-x:auto;scrollbar-width:none}.tkb-tabs::-webkit-scrollbar{display:none}.tkb-tabs__btn{flex:0 0 auto;min-width:-moz-max-content;min-width:max-content;min-height:36px;padding:7px 10px;font-size:12px}.tkb-toolbar__group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tkb-toolbar__group .tkb-field--lg{grid-column:1/-1}.tkb-toolbar__action{display:none}.tkb-stats-cards,.tkb-stats-cards--four{grid-template-columns:1fr}.tkb-mobile__day-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.tkb-mobile-bottom-actions{display:flex}}@media print{.tkb-no-print{display:none!important}.tkb-print-only{display:block!important}}