:root{--primary-blue: #2563eb;--deep-blue: #0b2a55;--sky-blue: #e0f2fe;--purple: #8b5cf6;--soft-purple: #f3e8ff;--green: #22c55e;--soft-green: #dcfce7;--orange: #f97316;--soft-orange: #ffedd5;--yellow: #facc15;--soft-yellow: #fef9c3;--pink: #ec4899;--soft-pink: #fce7f3;--red: #ef4444;--soft-red: #fee2e2;--background: #f8fbff;--card-white: #ffffff;--text-dark: #10233f;--text-muted: #64748b;--border-soft: #dde7f3;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #8b5cf6 100%);--gradient-sky: linear-gradient(135deg, #e0f2fe 0%, #f3e8ff 100%);--gradient-sunrise: linear-gradient(135deg, #facc15 0%, #f97316 100%);--gradient-grow: linear-gradient(135deg, #22c55e 0%, #2563eb 100%);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(16, 35, 63, .06);--shadow-sm: 0 2px 8px rgba(16, 35, 63, .06);--shadow-md: 0 6px 20px rgba(16, 35, 63, .08);--shadow-lg: 0 14px 38px rgba(16, 35, 63, .12);--shadow-focus: 0 0 0 4px rgba(37, 99, 235, .18);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-display: "Baloo 2", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--sidebar-width: 264px;--header-height: 72px;--bottom-nav-height: 68px;--content-max-width: 1280px;--ease: cubic-bezier(.22, 1, .36, 1);--transition-fast: .12s var(--ease);--transition: .2s var(--ease)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;color:var(--text-dark);background:var(--background);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh}#root{min-height:100dvh;isolation:isolate}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-dark)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{color:var(--text-dark)}a{color:var(--primary-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--purple)}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}input,textarea,select,button{font-family:inherit;font-size:inherit;color:inherit}ul,ol{list-style:none}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:var(--radius-pill);border:2px solid var(--background)}::-webkit-scrollbar-thumb:hover{background:#c6d4e8}.text-muted{color:var(--text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--space-6)}.page-title{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-6)}.page-title .eyebrow{font-size:var(--text-sm);font-weight:700;color:var(--primary-blue);text-transform:uppercase;letter-spacing:.06em}.grid{display:grid;gap:var(--space-5)}.grid-stats{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hsh-card{background:var(--card-white);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:transform var(--transition),box-shadow var(--transition)}.hsh-card--interactive{cursor:pointer}.hsh-card--interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.hsh-card--flush{padding:0;overflow:hidden}.hsh-card__accent{height:6px;border-radius:var(--radius-pill);width:48px;margin-bottom:var(--space-4);background:var(--gradient-primary)}.hsh-btn{--btn-bg: var(--primary-blue);--btn-fg: #fff;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:var(--text-base);line-height:1;padding:0 var(--space-5);height:48px;border:none;border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-fg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition),filter var(--transition-fast);white-space:nowrap}.hsh-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);filter:brightness(1.03)}.hsh-btn:active{transform:translateY(0)}.hsh-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.hsh-btn--block{width:100%}.hsh-btn--sm{height:38px;font-size:var(--text-sm);padding:0 var(--space-4)}.hsh-btn--lg{height:56px;font-size:var(--text-lg);padding:0 var(--space-8)}.hsh-btn--primary{background:var(--gradient-primary)}.hsh-btn--success{--btn-bg: var(--green)}.hsh-btn--start{--btn-bg: var(--orange)}.hsh-btn--secondary{--btn-bg: #eef3fb;--btn-fg: var(--text-dark);box-shadow:none;border:1px solid var(--border-soft)}.hsh-btn--danger{--btn-bg: var(--red)}.hsh-btn--ghost{--btn-bg: transparent;--btn-fg: var(--primary-blue);box-shadow:none}.hsh-btn--ghost:hover{--btn-bg: var(--sky-blue)}.hsh-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;padding:5px 12px;border-radius:var(--radius-pill);white-space:nowrap;line-height:1.2}.hsh-badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.hsh-badge--red{background:var(--soft-red);color:#b91c1c}.hsh-badge--orange{background:var(--soft-orange);color:#c2410c}.hsh-badge--green{background:var(--soft-green);color:#15803d}.hsh-badge--blue{background:var(--sky-blue);color:#1d4ed8}.hsh-badge--purple{background:var(--soft-purple);color:#6d28d9}.hsh-badge--yellow{background:var(--soft-yellow);color:#a16207}.hsh-badge--neutral{background:#eef3fb;color:var(--text-muted)}.hsh-stat{display:flex;align-items:flex-start;gap:var(--space-4)}.hsh-stat__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-md);flex-shrink:0;color:#fff}.hsh-stat__value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;line-height:1.1}.hsh-stat__label{font-size:var(--text-sm);color:var(--text-muted);font-weight:600}.hsh-stat__trend{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:700;margin-top:var(--space-1)}.hsh-stat__trend--up{color:var(--green)}.hsh-stat__trend--down{color:var(--red)}.hsh-progress-circle{--size: 96px;--thickness: 10px;width:var(--size);height:var(--size);position:relative;display:grid;place-items:center;flex-shrink:0}.hsh-progress-circle__svg{transform:rotate(-90deg);width:100%;height:100%}.hsh-progress-circle__track{fill:none;stroke:var(--border-soft)}.hsh-progress-circle__fill{fill:none;stroke:var(--primary-blue);stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease)}.hsh-progress-circle__label{position:absolute;font-family:var(--font-display);font-weight:800;font-size:var(--text-lg)}.hsh-progress-bar{height:10px;width:100%;border-radius:var(--radius-pill);background:var(--border-soft);overflow:hidden}.hsh-progress-bar__fill{height:100%;border-radius:var(--radius-pill);background:var(--gradient-grow);transition:width .6s var(--ease)}.hsh-progress-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.hsh-progress-card__body{display:flex;align-items:center;gap:var(--space-5)}.hsh-progress-card__list{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.hsh-progress-card__row{display:flex;flex-direction:column;gap:6px}.hsh-progress-card__row-top{display:flex;justify-content:space-between;font-size:var(--text-sm);font-weight:600}.hsh-upload{border:2px dashed var(--border-soft);border-radius:var(--radius-lg);background:var(--background);padding:var(--space-8) var(--space-6);text-align:center;transition:border-color var(--transition),background var(--transition);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.hsh-upload:hover,.hsh-upload--drag{border-color:var(--primary-blue);background:var(--sky-blue)}.hsh-upload__icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);color:#fff}.hsh-upload__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg)}.hsh-upload__hint{font-size:var(--text-sm);color:var(--text-muted)}.hsh-upload__files{width:100%;margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.hsh-upload__file{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--card-white);border:1px solid var(--border-soft);font-size:var(--text-sm);text-align:left}.hsh-upload__file-meta{flex:1;min-width:0}.hsh-upload__file-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hsh-list-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.hsh-list-card__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-md);flex-shrink:0;color:#fff}.hsh-list-card__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg)}.hsh-list-card__sub{font-size:var(--text-sm);color:var(--text-muted)}.hsh-list-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5)}.hsh-list-card__meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);font-weight:600}.hsh-list-card__meta span{display:inline-flex;align-items:center;gap:5px}.hsh-guide__thumb{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background:var(--gradient-sky);display:grid;place-items:center;margin-bottom:var(--space-4)}.hsh-guide__play{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#ffffffeb;color:var(--orange);box-shadow:var(--shadow-md)}.hsh-guide__type{position:absolute;top:var(--space-3);left:var(--space-3)}.hsh-reward{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.hsh-reward__medal{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:2rem;background:var(--gradient-sunrise);box-shadow:var(--shadow-md);border:4px solid #fff}.hsh-reward__stars{display:inline-flex;gap:2px;color:var(--yellow)}.hsh-child-card{display:flex;flex-direction:column;gap:var(--space-4)}.hsh-child-card__top{display:flex;align-items:center;gap:var(--space-4)}.hsh-avatar{border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;color:#fff;flex-shrink:0;background:var(--gradient-primary)}.hsh-avatar--sm{width:36px;height:36px;font-size:var(--text-sm)}.hsh-avatar--md{width:48px;height:48px;font-size:var(--text-base)}.hsh-avatar--lg{width:64px;height:64px;font-size:var(--text-xl)}.hsh-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hsh-chip{font-size:var(--text-xs);font-weight:700;padding:4px 10px;border-radius:var(--radius-pill);background:var(--sky-blue);color:var(--deep-blue)}.hsh-empty{text-align:center;padding:var(--space-10) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.hsh-empty__art{font-size:2.75rem}.hsh-sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--card-white);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;padding:var(--space-5);gap:var(--space-5);position:sticky;top:0;height:100dvh;overflow-y:auto}.hsh-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2)}.hsh-brand__mark{width:42px;height:42px;border-radius:var(--radius-md);background:var(--gradient-primary);display:grid;place-items:center;color:#fff;flex-shrink:0}.hsh-brand__name{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);line-height:1.05}.hsh-brand__role{font-size:var(--text-xs);color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.hsh-nav{display:flex;flex-direction:column;gap:4px}.hsh-nav__section{font-size:var(--text-xs);font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-4) var(--space-3) var(--space-2)}.hsh-nav__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--text-dark);font-weight:700;font-size:var(--text-sm);transition:background var(--transition-fast),color var(--transition-fast)}.hsh-nav__link:hover{background:var(--sky-blue);color:var(--primary-blue)}.hsh-nav__link.is-active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.hsh-nav__link.is-active svg{color:#fff}.hsh-sidebar__footer{margin-top:auto}.hsh-header{height:var(--header-height);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);background:#f8fbffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-soft);position:sticky;top:0;z-index:20}.hsh-header__greeting{display:flex;flex-direction:column;line-height:1.2}.hsh-header__greeting strong{font-family:var(--font-display);font-size:var(--text-lg)}.hsh-header__greeting span{font-size:var(--text-xs);color:var(--text-muted)}.hsh-header__spacer{flex:1}.hsh-header__actions{display:flex;align-items:center;gap:var(--space-3)}.hsh-iconbtn{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--card-white);border:1px solid var(--border-soft);color:var(--text-dark);transition:background var(--transition-fast),color var(--transition-fast)}.hsh-iconbtn:hover{background:var(--sky-blue);color:var(--primary-blue)}.hsh-iconbtn__dot{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--red);border:2px solid var(--card-white)}.hsh-menu-toggle{display:none}.hsh-child-select{display:flex;align-items:center;gap:var(--space-3);padding:6px 6px 6px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:var(--card-white);font-weight:700;font-size:var(--text-sm);transition:box-shadow var(--transition)}.hsh-child-select:hover{box-shadow:var(--shadow-sm)}.hsh-child-select select{border:none;background:transparent;font-weight:700;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-2)}.hsh-child-select select:focus-visible{box-shadow:none}.hsh-quickadd{position:relative}.hsh-quickadd__menu{position:absolute;right:0;top:calc(100% + 10px);width:230px;background:var(--card-white);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:40;display:flex;flex-direction:column;gap:2px}.hsh-quickadd__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-weight:700;font-size:var(--text-sm);width:100%;background:none;border:none;text-align:left;color:var(--text-dark)}.hsh-quickadd__item:hover{background:var(--sky-blue);color:var(--primary-blue)}.hsh-bottomnav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card-white);border-top:1px solid var(--border-soft);z-index:50;justify-content:space-around;align-items:center;box-shadow:0 -4px 18px #10233f0f}.hsh-bottomnav__link{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.68rem;font-weight:700;color:var(--text-muted);padding:var(--space-2);flex:1;transition:color var(--transition-fast)}.hsh-bottomnav__link.is-active{color:var(--primary-blue)}.hsh-bottomnav__link.is-active .hsh-bottomnav__icon{background:var(--sky-blue)}.hsh-bottomnav__icon{display:grid;place-items:center;width:40px;height:30px;border-radius:var(--radius-pill);transition:background var(--transition-fast)}.hsh-shell{display:flex;min-height:100dvh}.hsh-shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.hsh-shell__content{flex:1;padding:var(--space-8) var(--space-6);width:100%;max-width:var(--content-max-width);margin-inline:auto}.hsh-shell--child{background:linear-gradient(180deg,#f3e8ff 0%,var(--background) 320px)}.hsh-shell--teacher .hsh-nav__link.is-active{background:var(--gradient-grow)}.hsh-shell--admin .hsh-nav__link.is-active{background:linear-gradient(135deg,#0b2a55,#2563eb)}.hsh-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0b2a5573;z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hsh-auth{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.hsh-auth__art{background:var(--gradient-primary);color:#fff;padding:var(--space-12);display:flex;flex-direction:column;justify-content:center;gap:var(--space-5);position:relative;overflow:hidden}.hsh-auth__art h2{color:#fff;font-size:var(--text-3xl)}.hsh-auth__panel{display:grid;place-items:center;padding:var(--space-8)}.hsh-auth__card{width:min(420px,100%)}.hsh-auth__bubbles{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.25;pointer-events:none}.hsh-field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}.hsh-field__label{font-weight:700;font-size:var(--text-sm)}.hsh-input{height:48px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--card-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.hsh-input:focus-visible{border-color:var(--primary-blue);box-shadow:var(--shadow-focus)}.hsh-role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.hsh-role-tab{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--border-soft);background:var(--card-white);font-weight:700;font-size:var(--text-sm);text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast)}.hsh-role-tab.is-active{border-color:var(--primary-blue);background:var(--sky-blue);color:var(--primary-blue)}.hsh-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin:var(--space-8) 0 var(--space-4)}.hsh-section-head h2{font-size:var(--text-xl)}.hsh-cal{background:var(--card-white);border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.hsh-cal__head{display:grid;grid-template-columns:repeat(7,1fr);background:var(--background);border-bottom:1px solid var(--border-soft)}.hsh-cal__weekday{padding:var(--space-3);text-align:center;font-size:var(--text-xs);font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.hsh-cal__grid{display:grid;grid-template-columns:repeat(7,1fr)}.hsh-cal__cell{min-height:92px;border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:var(--card-white);padding:var(--space-2);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);text-align:left;transition:background var(--transition-fast)}.hsh-cal__cell:hover:not(.hsh-cal__cell--empty){background:var(--sky-blue)}.hsh-cal__cell--empty{background:var(--background);cursor:default}.hsh-cal__cell.is-selected{background:var(--soft-purple);box-shadow:inset 0 0 0 2px var(--purple)}.hsh-cal__daynum{font-weight:700;font-size:var(--text-sm);display:grid;place-items:center;width:26px;height:26px;border-radius:50%}.hsh-cal__cell.is-today .hsh-cal__daynum{background:var(--gradient-primary);color:#fff}.hsh-cal__dots{display:flex;flex-wrap:wrap;gap:3px;align-items:center}.hsh-cal__pill{width:100%;height:5px;border-radius:var(--radius-pill)}.hsh-cal__more{font-size:.62rem;font-weight:800;color:var(--text-muted)}.hsh-cal-event{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-weight:700;font-size:var(--text-sm);text-align:left}.hsh-cal-event__time{font-variant-numeric:tabular-nums;opacity:.85;flex-shrink:0}.hsh-cal-event__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hsh-plan-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--background)}.hsh-plan-item__time{font-weight:800;font-size:var(--text-sm);color:var(--text-muted);width:64px;flex-shrink:0}.hsh-plan-day{font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);color:var(--primary-blue);margin:var(--space-5) 0 var(--space-2)}@media(max-width:600px){.hsh-cal__cell{min-height:64px}}.hsh-embed{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:#000;box-shadow:var(--shadow-sm)}.hsh-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.hsh-note{display:flex;gap:var(--space-3);padding:var(--space-5);background:var(--soft-yellow);border-radius:var(--radius-lg);font-size:var(--text-lg);line-height:1.7}.hsh-resource-tile{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--gradient-sky);color:var(--text-dark);border:1px solid var(--border-soft)}.hsh-resource-tile>svg{color:var(--primary-blue);flex-shrink:0}.hsh-filterbar{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.hsh-filterbar__search{flex:1;min-width:220px;display:flex;align-items:center;gap:var(--space-2);height:46px;padding:0 var(--space-4);background:var(--card-white);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.hsh-filterbar__search:focus-within{border-color:var(--primary-blue);box-shadow:var(--shadow-focus)}.hsh-filterbar__input{flex:1;border:none;background:transparent;height:100%}.hsh-filterbar__input:focus-visible{box-shadow:none}.hsh-filterbar__select{height:46px;min-width:150px;flex:0 0 auto}.hsh-skeleton{position:relative;overflow:hidden;background:#eef3fb;border-color:transparent}.hsh-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:hsh-shimmer 1.3s infinite}@keyframes hsh-shimmer{to{transform:translate(100%)}}.hsh-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b2a5580;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;display:grid;place-items:center;padding:var(--space-5);overflow-y:auto}.hsh-modal{background:var(--card-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-height:calc(100dvh - 2 * var(--space-5));display:flex;flex-direction:column;animation:hsh-pop var(--transition)}@keyframes hsh-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.hsh-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-soft)}.hsh-modal__body{padding:var(--space-6);overflow-y:auto}.hsh-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-soft)}.hsh-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.hsh-field--full{grid-column:1 / -1}.hsh-textarea{min-height:84px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--card-white);resize:vertical;font:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.hsh-textarea:focus-visible{border-color:var(--primary-blue);box-shadow:var(--shadow-focus)}select.hsh-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-8)}.hsh-choice{font-size:var(--text-sm);font-weight:700;padding:8px 14px;border-radius:var(--radius-pill);background:var(--card-white);border:1.5px solid var(--border-soft);color:var(--text-dark);transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.hsh-choice.is-selected{border-color:var(--primary-blue);background:var(--sky-blue);color:var(--primary-blue)}.hsh-emoji-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hsh-emoji{width:44px;height:44px;border-radius:var(--radius-md);border:1.5px solid var(--border-soft);background:var(--card-white);font-size:1.4rem;display:grid;place-items:center}.hsh-emoji.is-selected{border-color:var(--primary-blue);background:var(--sky-blue)}.hsh-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-5);align-items:start}.hsh-info-row{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border-soft)}.hsh-info-row:last-child{border-bottom:none}.hsh-info-row__label{color:var(--text-muted);font-weight:700;font-size:var(--text-sm)}@media(max-width:1024px){.hsh-auth{grid-template-columns:1fr}.hsh-auth__art{display:none}}@media(max-width:860px){.hsh-sidebar{position:fixed;left:0;top:0;z-index:50;transform:translate(-100%);transition:transform var(--transition);box-shadow:var(--shadow-lg)}.hsh-shell.is-drawer-open .hsh-sidebar{transform:translate(0)}.hsh-shell.is-drawer-open .hsh-backdrop{display:block}.hsh-menu-toggle{display:grid}.hsh-bottomnav{display:flex}.hsh-shell__content{padding:var(--space-5) var(--space-4);padding-bottom:calc(var(--bottom-nav-height) + var(--space-6))}.hsh-header{padding:0 var(--space-4)}.hsh-progress-card__body{flex-direction:column;align-items:stretch}}@media(max-width:720px){.hsh-form-grid,.hsh-detail-grid{grid-template-columns:1fr}}@media(max-width:480px){.hsh-header__greeting{display:none}}.hsh-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.hsh-table th{text-align:left;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:var(--space-3);border-bottom:2px solid var(--border-soft);white-space:nowrap}.hsh-table td{padding:var(--space-3);border-bottom:1px solid var(--border-soft);vertical-align:middle}.hsh-table tr:last-child td{border-bottom:none}.hsh-table tbody tr:hover{background:var(--background)}.hsh-table__scroll{overflow-x:auto}.hsh-matrix td.is-on{color:var(--green)}.hsh-matrix td.is-off{color:var(--border-soft)}.hsh-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0}.hsh-toggle.is-disabled{opacity:.55}.hsh-toggle__label{font-weight:700;font-size:var(--text-sm)}.hsh-switch{width:46px;height:26px;border-radius:var(--radius-pill);background:var(--border-soft);border:none;padding:3px;display:flex;align-items:center;transition:background var(--transition);flex-shrink:0}.hsh-switch.is-on{background:var(--green)}.hsh-switch__knob{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--transition)}.hsh-switch.is-on .hsh-switch__knob{transform:translate(20px)}.hsh-chat{display:flex;flex-direction:column;gap:var(--space-3);max-height:420px;overflow-y:auto;padding:var(--space-2)}.hsh-msg{max-width:80%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm)}.hsh-msg__meta{font-size:var(--text-xs);font-weight:700;opacity:.8;margin-bottom:2px}.hsh-msg--in{align-self:flex-start;background:#eef3fb;border-bottom-left-radius:var(--radius-sm)}.hsh-msg--out{align-self:flex-end;background:var(--sky-blue);border-bottom-right-radius:var(--radius-sm)}@media print{.hsh-sidebar,.hsh-header,.hsh-bottomnav,.hsh-backdrop{display:none!important}.hsh-shell__content{padding:0!important;max-width:none!important}.hsh-card{box-shadow:none!important;break-inside:avoid}body{background:#fff!important}}