:root{--hiba-bg:#F7F9FC;--hiba-surface:#FFFFFF;--hiba-ink:#081426;--hiba-text:#101828;--hiba-text-2:#475467;--hiba-muted:#667085;--hiba-border:#D0D5DD;--hiba-soft:#EAECF0;--hiba-subtle:#F2F4F7;--hiba-accent:#155EEF;--hiba-accent-dark:#0F4FD6;--hiba-accent-soft:#EEF4FF;--hiba-danger:#B42318;--hiba-danger-soft:#FEF3F2;--hiba-warning:#D97706;--hiba-warning-soft:#FFFAEB;--hiba-success:#16A34A;--hiba-success-soft:#ECFDF3;--hiba-space-xs:4px;--hiba-space-sm:8px;--hiba-space-md:16px;--hiba-space-lg:24px;--hiba-space-xl:32px;--hiba-radius-sm:8px;--hiba-radius-md:12px;--hiba-radius-lg:16px;--hiba-radius-xl:24px;--hiba-control-h:48px;--hiba-touch-min:44px;--hiba-content-max:1480px;--hiba-shadow-1:0 1px 2px rgba(8,20,38,.035);--hiba-shadow-2:0 10px 30px rgba(8,20,38,.1);--sidebar-width:248px;--sidebar-width-collapsed:72px;--font-heading:Manrope,"Segoe UI",Arial,sans-serif;--font-body:"Source Sans 3","Segoe UI",Arial,sans-serif}:root[data-theme=dark]{--hiba-bg:#081426;--hiba-surface:#101828;--hiba-ink:#F7F9FC;--hiba-text:#F7F9FC;--hiba-text-2:#D0D5DD;--hiba-muted:#98A2B3;--hiba-border:#475467;--hiba-soft:#344054;--hiba-subtle:#1D2939;--hiba-accent:#4D84F7;--hiba-accent-dark:#75A0F9;--hiba-accent-soft:rgba(21,94,239,.22);--hiba-danger-soft:rgba(180,35,24,.18);--hiba-warning-soft:rgba(217,119,6,.16);--hiba-success-soft:rgba(22,163,74,.16);--hiba-shadow-1:0 1px 2px rgba(0,0,0,.18);--hiba-shadow-2:0 14px 38px rgba(0,0,0,.34)}*{box-sizing:border-box}html{background:var(--hiba-bg);color:var(--hiba-text);font-family:var(--font-body);-webkit-text-size-adjust:100%}body{margin:0;background:var(--hiba-bg);color:var(--hiba-text);font-size:16px;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-heading);color:var(--hiba-ink);margin:0;letter-spacing:-.02em}p{margin:0;color:var(--hiba-text-2)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:var(--hiba-subtle);padding:2px 6px;border-radius:6px}.app-shell{min-height:100dvh}.app-main{min-height:100dvh;margin-left:var(--sidebar-width);transition:margin-left .18s ease}.app-shell.is-sidebar-collapsed .app-main{margin-left:var(--sidebar-width-collapsed)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);z-index:50;background:var(--hiba-surface);border-right:1px solid var(--hiba-soft);display:flex;flex-direction:column;transition:width .18s ease,transform .18s ease}.sidebar.is-collapsed{width:var(--sidebar-width-collapsed)}.sidebar__brand-row{height:64px;padding:0 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--hiba-soft)}.brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.brand__icon{width:32px;height:32px;border-radius:9px;flex:0 0 auto}.brand__name{font:800 16px/1 var(--font-heading);letter-spacing:-.03em;white-space:nowrap;color:var(--hiba-ink)}.brand__name b{color:var(--hiba-accent)}.brand--compact .brand__name,.sidebar.is-collapsed .brand__name{display:none}.sidebar__collapse{flex:0 0 auto}.sidebar__nav{overflow:auto;padding:12px 10px 24px;scrollbar-width:thin}.nav-block{display:block}.nav-section{padding:18px 10px 7px;color:var(--hiba-muted);font:700 10px/1 var(--font-heading);letter-spacing:.09em}.sidebar.is-collapsed .nav-section{height:12px;padding:0;border-top:1px solid var(--hiba-soft);margin:12px 10px 8px;font-size:0}.nav-item{min-height:44px;border-radius:12px;padding:0 11px;display:flex;align-items:center;gap:11px;color:var(--hiba-text-2);font-weight:650;white-space:nowrap}.nav-item:hover{background:var(--hiba-subtle);color:var(--hiba-ink)}.nav-item.is-active{background:var(--hiba-accent-soft);color:var(--hiba-accent)}.sidebar.is-collapsed .nav-item{justify-content:center;padding:0}.sidebar.is-collapsed .nav-item span{display:none}.topbar{position:sticky;top:0;z-index:40;height:64px;padding:0 24px;background:color-mix(in srgb,var(--hiba-surface) 94%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--hiba-soft);display:flex;align-items:center;justify-content:space-between}.topbar__left,.topbar__actions{display:flex;align-items:center;gap:10px}.topbar__menu{display:none}.workspace-chip{display:flex;align-items:center;gap:10px;min-width:0}.workspace-chip__mark{width:34px;height:34px;border-radius:11px;background:var(--hiba-accent);color:#fff;display:grid;place-items:center;font-weight:800}.workspace-chip__copy{display:flex;flex-direction:column;min-width:0}.workspace-chip__copy small{font-size:10px;color:var(--hiba-muted);font-weight:700;letter-spacing:.05em}.workspace-chip__copy strong{font-size:14px;color:var(--hiba-ink);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-search{height:40px;min-width:210px;border:1px solid var(--hiba-soft);background:var(--hiba-surface);color:var(--hiba-muted);border-radius:12px;padding:0 10px;display:flex;align-items:center;gap:8px}.topbar-search span{flex:1;text-align:left}.topbar-search kbd{font-size:11px;border:1px solid var(--hiba-border);border-radius:6px;padding:1px 5px;background:var(--hiba-subtle);color:var(--hiba-muted)}.icon-button{width:40px;height:40px;border:0;border-radius:11px;background:transparent;color:var(--hiba-text-2);display:grid;place-items:center;cursor:pointer}.icon-button:hover{background:var(--hiba-subtle);color:var(--hiba-ink)}.user-avatar{width:36px;height:36px;border-radius:50%;border:0;background:var(--hiba-ink);color:var(--hiba-surface);font-weight:800;cursor:pointer}.app-content{width:min(var(--hiba-content-max),100%);margin:0 auto;padding:28px 32px 64px}.page-stack{display:grid;gap:22px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.page-header h1{font-size:30px;line-height:1.15}.page-header p{margin-top:6px}.page-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.button{min-height:44px;padding:0 15px;border-radius:12px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer}.button--primary{background:var(--hiba-accent);color:#fff}.button--primary:hover{background:var(--hiba-accent-dark)}.button--secondary{background:var(--hiba-surface);border-color:var(--hiba-border);color:var(--hiba-text)}.button--secondary:hover{background:var(--hiba-subtle)}.button--full{width:100%}.dev-banner{padding:10px 14px;border:1px solid #FEC84B;background:var(--hiba-warning-soft);border-radius:12px;color:var(--hiba-warning);font-size:13px;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{min-width:0;background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:18px;padding:18px;box-shadow:var(--hiba-shadow-1);display:flex;flex-direction:column;gap:5px}.stat-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-card span{color:var(--hiba-text-2);font-size:14px}.stat-card strong{font:800 27px/1.15 var(--font-heading);color:var(--hiba-ink);overflow-wrap:anywhere}.stat-card small{color:var(--hiba-muted);font-size:12px}.stat-card__icon{width:34px;height:34px;border-radius:10px;background:var(--hiba-accent-soft);color:var(--hiba-accent);display:grid;place-items:center}.panel,.data-panel,.toolbar-panel,.migration-panel,.attendance-summary{background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:18px;box-shadow:var(--hiba-shadow-1)}.panel{padding:20px}.panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--hiba-soft)}.panel__header h2{font-size:18px}.panel__header p{margin-top:3px;font-size:13px}.panel__header a{color:var(--hiba-accent);font-size:13px;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px}.timeline-list{display:grid}.timeline-row{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;padding:14px 2px;border-bottom:1px solid var(--hiba-soft)}.timeline-row:last-child{border-bottom:0}.timeline-row>div{display:flex;flex-direction:column}.timeline-row strong{font-size:14px;color:var(--hiba-ink)}.timeline-row small{font-size:12px;color:var(--hiba-muted)}.timeline-row>span:last-child{font-weight:800;color:var(--hiba-text)}.timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--hiba-border)}.timeline-dot--completed{background:var(--hiba-success)}.timeline-dot--open{background:var(--hiba-accent)}.timeline-dot--upcoming{background:var(--hiba-warning)}.finance-mini-grid{display:grid;gap:10px;padding-top:16px}.finance-mini-grid div{padding:13px 14px;background:var(--hiba-subtle);border-radius:13px;display:flex;justify-content:space-between;gap:12px}.finance-mini-grid span{color:var(--hiba-muted);font-size:13px}.finance-mini-grid strong{color:var(--hiba-ink);font-size:14px}.toolbar-panel{padding:12px;display:flex;align-items:center;gap:10px}.search-field{height:44px;flex:1;min-width:0;border:1px solid var(--hiba-border);border-radius:12px;display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--hiba-muted);background:var(--hiba-surface)}.search-field:focus-within{border-color:var(--hiba-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--hiba-accent) 14%,transparent)}.search-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--hiba-text)}.data-panel{overflow:hidden}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{padding:12px 16px;text-align:left;background:var(--hiba-subtle);border-bottom:1px solid var(--hiba-soft);color:var(--hiba-muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.data-table td{padding:14px 16px;border-bottom:1px solid var(--hiba-soft);color:var(--hiba-text-2);font-size:14px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tr.is-clickable{cursor:pointer}.data-table tr.is-clickable:hover td{background:color-mix(in srgb,var(--hiba-accent-soft) 34%,var(--hiba-surface))}.person-cell{display:flex;align-items:center;gap:10px}.person-cell>div{display:flex;flex-direction:column}.person-cell strong{color:var(--hiba-ink)}.person-cell small{color:var(--hiba-muted)}.person-avatar{width:36px;height:36px;border-radius:11px;background:var(--hiba-accent-soft);color:var(--hiba-accent);font-weight:800;display:grid;place-items:center}.status-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700;background:var(--hiba-subtle);color:var(--hiba-text-2)}.status-pill--success{background:var(--hiba-success-soft);color:var(--hiba-success)}.status-pill--danger{background:var(--hiba-danger-soft);color:var(--hiba-danger)}.status-pill--warning{background:var(--hiba-warning-soft);color:var(--hiba-warning)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.class-card{background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:18px;padding:18px;display:grid;gap:18px}.class-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.class-card h2{font-size:18px;margin-top:4px}.eyebrow{font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.08em;color:var(--hiba-muted)}.class-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--hiba-text-2);font-size:13px}.class-card__meta strong{color:var(--hiba-ink)}.attendance-summary{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.attendance-summary>div{padding:16px 18px;border-right:1px solid var(--hiba-soft);display:flex;flex-direction:column}.attendance-summary>div:last-child{border-right:0}.attendance-summary span{color:var(--hiba-muted);font-size:12px}.attendance-summary strong{font:800 24px/1.2 var(--font-heading);color:var(--hiba-ink);margin-top:4px}.attendance-list{display:grid;gap:10px}.attendance-card{background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:16px;padding:14px;display:grid;grid-template-columns:96px 1fr 42px;gap:14px;align-items:center}.attendance-card__time{padding-right:14px;border-right:1px solid var(--hiba-soft);display:flex;flex-direction:column}.attendance-card__time strong{font:800 20px/1.2 var(--font-heading);color:var(--hiba-ink)}.attendance-card__time small{font-size:11px;color:var(--hiba-muted)}.attendance-card__body{min-width:0}.attendance-card__title{display:flex;align-items:center;justify-content:space-between;gap:12px}.attendance-card__title h2{font-size:16px}.attendance-card__meta{display:flex;gap:16px;margin-top:8px;color:var(--hiba-muted);font-size:12px}.attendance-card__meta span{display:flex;align-items:center;gap:5px}.quick-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-link{background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:18px;padding:18px;display:flex;align-items:flex-start;gap:13px}.quick-link>svg{width:38px;height:38px;padding:9px;border-radius:11px;background:var(--hiba-accent-soft);color:var(--hiba-accent)}.quick-link>div{display:flex;flex-direction:column}.quick-link strong{color:var(--hiba-ink)}.quick-link span{color:var(--hiba-muted);font-size:13px;margin-top:2px}.migration-panel{padding:24px;display:flex;gap:18px;align-items:flex-start}.migration-panel__icon{width:52px;height:52px;flex:0 0 52px;border-radius:16px;background:var(--hiba-accent-soft);color:var(--hiba-accent);display:grid;place-items:center}.migration-panel h2{margin:5px 0 6px}.migration-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.migration-checks>div{background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:15px;padding:14px;display:flex;gap:10px;align-items:center}.migration-checks svg{color:var(--hiba-success);flex:0 0 auto}.migration-checks .is-pending svg{color:var(--hiba-warning)}.migration-checks span{display:flex;flex-direction:column}.migration-checks strong{font-size:13px;color:var(--hiba-ink)}.migration-checks small{font-size:11px;color:var(--hiba-muted)}.empty-state{padding:28px;color:var(--hiba-muted);text-align:center}.state-screen{min-height:50vh;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;padding:32px}.state-screen strong{font:800 20px/1.2 var(--font-heading);color:var(--hiba-ink)}.state-screen p{max-width:520px}.spinner{width:30px;height:30px;border:3px solid var(--hiba-soft);border-top-color:var(--hiba-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--hiba-bg)}.auth-card{width:min(440px,100%);background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:22px;padding:28px;box-shadow:var(--hiba-shadow-2);display:grid;gap:28px}.auth-card h1{font-size:28px;margin:6px 0 8px}.auth-card small{color:var(--hiba-muted);text-align:center}.mobile-nav,.mobile-overlay{display:none}@media(max-width:1180px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.card-grid,.migration-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.app-main,.app-shell.is-sidebar-collapsed .app-main{margin-left:0}.sidebar,.sidebar.is-collapsed{width:min(86vw,320px);transform:translate(-102%);box-shadow:var(--hiba-shadow-2)}.sidebar.is-mobile-open{transform:translate(0)}.sidebar.is-collapsed .brand__name,.sidebar.is-collapsed .nav-item span{display:initial}.sidebar.is-collapsed .nav-item{justify-content:flex-start;padding:0 11px}.sidebar.is-collapsed .nav-section{height:auto;padding:18px 10px 7px;border:0;margin:0;font-size:10px}.sidebar__collapse{display:none}.mobile-overlay{display:block;position:fixed;inset:0;border:0;background:#08142661;z-index:45}.topbar{height:58px;padding:0 12px}.topbar__menu{display:grid}.workspace-chip__copy,.topbar-search{display:none}.topbar__actions{gap:2px}.app-content{padding:20px 14px 28px}.page-stack{gap:16px}.page-header{display:block}.page-header h1{font-size:26px}.page-header p{font-size:14px}.page-header__actions{margin-top:14px;justify-content:stretch}.page-header__actions .button{flex:1}.stat-grid,.stat-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:14px}.stat-card strong{font-size:21px}.toolbar-panel{padding:9px}.toolbar-panel .button{width:44px;padding:0;font-size:0}.toolbar-panel .button svg{width:18px;height:18px}.card-grid{grid-template-columns:1fr}.attendance-summary{grid-template-columns:repeat(3,1fr)}.attendance-summary>div{padding:13px 10px}.attendance-summary strong{font-size:20px}.attendance-card{grid-template-columns:72px 1fr 36px;gap:10px;padding:12px}.attendance-card__time{padding-right:10px}.attendance-card__time strong{font-size:17px}.attendance-card__title{align-items:flex-start;flex-direction:column;gap:5px}.attendance-card__meta{gap:10px}.quick-link-grid{grid-template-columns:1fr}.migration-panel{padding:18px}.migration-checks{grid-template-columns:1fr}.mobile-nav{position:fixed;left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));z-index:60;height:68px;padding:5px 6px;background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:17px;box-shadow:0 8px 28px #08142621;display:grid;grid-template-columns:repeat(5,1fr)}.mobile-nav__item{border:0;background:transparent;color:var(--hiba-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:12px;min-width:0}.mobile-nav__item>span{height:30px;display:grid;place-items:center}.mobile-nav__item small{font-size:10px;line-height:1;font-weight:700;white-space:nowrap}.mobile-nav__item.is-active{color:var(--hiba-accent);background:var(--hiba-accent-soft)}.mobile-nav__item.is-primary>span{width:38px;height:38px;margin-top:-10px;border-radius:12px;background:var(--hiba-accent);color:#fff}.data-table{min-width:680px}.auth-card{padding:22px 18px}}@media(max-width:390px){.stat-grid,.stat-grid--3{grid-template-columns:1fr 1fr}.stat-card{padding:12px}.stat-card strong{font-size:19px}.attendance-card{grid-template-columns:62px 1fr 32px}.attendance-card__meta{flex-direction:column;gap:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.row-actions{display:flex;justify-content:flex-end;gap:2px}.icon-button.is-danger{color:var(--hiba-danger)}.button--compact{min-height:34px;padding:0 11px;border-radius:9px;font-size:12px}.text-link{color:var(--hiba-accent);font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-field{display:grid;gap:6px}.form-field--wide{grid-column:1/-1}.form-field>span{font-size:12px;font-weight:700;color:var(--hiba-text-2)}.form-field input,.form-field select{width:100%;height:46px;border:1px solid var(--hiba-border);border-radius:11px;background:var(--hiba-surface);color:var(--hiba-text);padding:0 12px;outline:0}.form-field input:focus,.form-field select:focus{border-color:var(--hiba-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--hiba-accent) 13%,transparent)}.form-field input:disabled{background:var(--hiba-subtle);color:var(--hiba-muted)}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#08142675;display:grid;place-items:center;padding:20px}.modal-card{width:min(720px,100%);max-height:min(86dvh,820px);overflow:hidden;background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:22px;box-shadow:var(--hiba-shadow-2);display:flex;flex-direction:column}.modal-card__header,.modal-card__footer{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-card__header{border-bottom:1px solid var(--hiba-soft)}.modal-card__header h2{font-size:19px}.modal-card__footer{border-top:1px solid var(--hiba-soft);justify-content:flex-end}.modal-card__body{padding:18px;overflow:auto}.profile-hero{background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:18px;padding:20px;display:flex;align-items:center;gap:14px}.profile-hero>div:nth-child(2){flex:1}.profile-hero h2{font-size:20px}.profile-avatar{width:54px;height:54px;border-radius:16px;background:var(--hiba-accent-soft);color:var(--hiba-accent);display:grid;place-items:center}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-list{margin:14px 0 0;display:grid}.detail-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--hiba-soft)}.detail-list>div:last-child{border-bottom:0}.detail-list dt{color:var(--hiba-muted);font-size:13px}.detail-list dd{margin:0;color:var(--hiba-ink);font-weight:700;text-align:right}.history-list{display:grid;margin-top:12px}.history-list>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--hiba-soft)}.history-list>div:last-child{border-bottom:0}.history-list span{color:var(--hiba-muted);font-size:13px}.mini-roster{display:flex;flex-wrap:wrap;gap:8px;padding:16px}.mini-roster span{padding:7px 10px;border:1px solid var(--hiba-soft);border-radius:999px;font-size:12px;color:var(--hiba-text-2);background:var(--hiba-subtle)}.attendance-roster{display:grid;gap:8px}.attendance-person{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px;border:1px solid var(--hiba-soft);border-radius:13px}.attendance-actions{display:flex;gap:6px}.mark-button{height:38px;border:1px solid var(--hiba-border);border-radius:10px;background:var(--hiba-surface);color:var(--hiba-text-2);padding:0 10px;display:flex;align-items:center;gap:5px;font-weight:700;cursor:pointer}.mark-button.is-present.is-active{border-color:var(--hiba-success);background:var(--hiba-success-soft);color:var(--hiba-success)}.mark-button.is-absent.is-active{border-color:var(--hiba-danger);background:var(--hiba-danger-soft);color:var(--hiba-danger)}.collect-summary{padding:14px;border-radius:13px;background:var(--hiba-subtle);display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.collect-summary strong{font-size:22px;color:var(--hiba-ink)}.pipeline-grid{display:grid;grid-template-columns:repeat(6,minmax(210px,1fr));gap:12px;overflow:auto;padding-bottom:5px}.pipeline-column{background:var(--hiba-subtle);border:1px solid var(--hiba-soft);border-radius:16px;padding:10px;min-height:360px}.pipeline-column>header{display:flex;justify-content:space-between;gap:10px;padding:4px 4px 10px}.pipeline-column>header strong{font-size:12px;color:var(--hiba-ink)}.pipeline-column>header span{width:24px;height:24px;border-radius:999px;background:var(--hiba-surface);display:grid;place-items:center;font-size:11px;font-weight:800}.pipeline-card{background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:13px;padding:12px;display:grid;gap:5px;margin-bottom:8px}.pipeline-card strong{font-size:14px}.pipeline-card small{color:var(--hiba-muted)}.pipeline-card>span{font-size:12px;color:var(--hiba-text-2)}.pipeline-card select{height:34px;border:1px solid var(--hiba-border);border-radius:9px;background:var(--hiba-surface);color:var(--hiba-text);padding:0 7px;font-size:12px}.task-list{display:grid;gap:8px}.task-row{background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:14px;padding:12px;display:grid;grid-template-columns:36px 1fr auto auto;gap:12px;align-items:center}.task-row.is-complete{opacity:.68}.task-row>div{display:flex;flex-direction:column}.task-row small{color:var(--hiba-muted)}.task-check{width:32px;height:32px;border:1px solid var(--hiba-border);border-radius:10px;background:var(--hiba-subtle);color:var(--hiba-success);display:grid;place-items:center;cursor:pointer}.chat-shell{height:min(680px,calc(100dvh - 180px));min-height:480px;background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:300px 1fr}.chat-list{border-right:1px solid var(--hiba-soft);overflow:auto;padding:8px}.chat-thread{width:100%;border:0;background:transparent;border-radius:12px;padding:10px;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;text-align:left;color:var(--hiba-text);cursor:pointer}.chat-thread:hover,.chat-thread.is-active{background:var(--hiba-subtle)}.chat-thread>div{min-width:0;display:flex;flex-direction:column}.chat-thread strong{font-size:13px}.chat-thread small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hiba-muted)}.chat-thread>b{width:22px;height:22px;border-radius:999px;background:var(--hiba-accent);color:#fff;display:grid;place-items:center;font-size:10px}.chat-panel{min-width:0;display:grid;grid-template-rows:52px 1fr auto}.chat-panel>header{display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid var(--hiba-soft)}.chat-messages{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:10px}.bubble{max-width:min(78%,520px);padding:10px 13px;border-radius:14px;font-size:14px}.bubble.is-them{align-self:flex-start;background:var(--hiba-subtle)}.bubble.is-me{align-self:flex-end;background:var(--hiba-accent);color:#fff}.chat-compose{padding:12px;border-top:1px solid var(--hiba-soft);display:flex;gap:8px}.chat-compose input{flex:1;min-width:0;height:44px;border:1px solid var(--hiba-border);border-radius:12px;background:var(--hiba-surface);color:var(--hiba-text);padding:0 12px;outline:0}.timekeeping-hero{background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:18px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.timekeeping-hero span{color:var(--hiba-muted);font-size:12px}.timekeeping-hero h2{font-size:26px;margin:3px 0}.timekeeping-hero p{font-size:13px}.insight-list{display:grid;margin-top:12px}.insight-list>div{display:flex;gap:8px;padding:11px 0;border-bottom:1px solid var(--hiba-soft)}.insight-list>div:last-child{border-bottom:0}.insight-list span{color:var(--hiba-muted)}.settings-tabs{display:flex;gap:6px;overflow:auto;padding:5px;background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:14px}.settings-tabs a{white-space:nowrap;min-height:38px;padding:0 11px;border-radius:10px;display:flex;align-items:center;font-size:12px;font-weight:700;color:var(--hiba-muted)}.settings-tabs a.is-active{background:var(--hiba-accent-soft);color:var(--hiba-accent)}.settings-layout{display:grid;grid-template-columns:minmax(0,820px)}.settings-layout .panel{display:grid;gap:16px}.settings-icon{width:44px;height:44px;border-radius:13px;background:var(--hiba-accent-soft);color:var(--hiba-accent);display:grid;place-items:center}.setting-toggle{width:100%;min-height:64px;border:0;border-top:1px solid var(--hiba-soft);background:transparent;color:var(--hiba-text);display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;cursor:pointer}.setting-toggle>div{display:flex;flex-direction:column}.setting-toggle span{font-size:12px;color:var(--hiba-muted)}.switch{width:46px;height:26px;border-radius:999px;background:var(--hiba-border);padding:3px;flex:0 0 auto;transition:.18s}.switch i{display:block;width:20px;height:20px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 1px 4px #00000026}.switch.is-on{background:var(--hiba-accent)}.switch.is-on i{transform:translate(20px)}.permission-grid{display:grid;gap:8px}.permission-grid>div{display:grid;grid-template-columns:1fr repeat(3,100px);gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--hiba-soft)}.permission-grid label{font-size:12px;color:var(--hiba-text-2)}.security-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--hiba-soft)}.security-row>svg{color:var(--hiba-accent)}.security-row>div{display:flex;flex-direction:column}.security-row span{font-size:12px;color:var(--hiba-muted)}.plan-card{border:1px solid var(--hiba-soft);background:var(--hiba-subtle);border-radius:16px;padding:18px;display:grid;gap:7px}.plan-card>span{font-size:11px;color:var(--hiba-muted);font-weight:800}.plan-card>strong{font-size:22px;color:var(--hiba-ink)}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.health-grid>div{padding:14px;background:var(--hiba-subtle);border-radius:13px;display:flex;flex-direction:column}.health-grid span{font-size:11px;color:var(--hiba-muted)}.settings-card-grid,.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.settings-card{background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:16px;padding:17px;display:grid;gap:7px}.settings-card>svg{color:var(--hiba-accent)}.settings-card strong{color:var(--hiba-ink)}.settings-card span{color:var(--hiba-muted);font-size:12px}.settings-card a{color:var(--hiba-accent);font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px}.bar-list{display:grid;gap:12px;margin-top:16px}.bar-row{display:grid;grid-template-columns:150px 1fr 44px;gap:10px;align-items:center;font-size:12px}.bar-row>div{height:8px;border-radius:999px;background:var(--hiba-subtle);overflow:hidden}.bar-row i{display:block;height:100%;background:var(--hiba-accent);border-radius:999px}.donut-placeholder{width:150px;height:150px;border:22px solid var(--hiba-accent-soft);border-top-color:var(--hiba-accent);border-right-color:var(--hiba-success);border-radius:50%;margin:22px auto;display:grid;place-items:center;align-content:center}.donut-placeholder strong{font-size:24px}.donut-placeholder span{font-size:11px;color:var(--hiba-muted)}.legend-list{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--hiba-muted)}.legend-list span{display:flex;align-items:center;gap:5px}.legend-list i{width:8px;height:8px;border-radius:50%;background:var(--hiba-accent)}.public-shell{min-height:100dvh;background:var(--hiba-bg);display:grid;place-items:center;padding:24px}.public-card{width:min(480px,100%);background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:24px;padding:28px;box-shadow:var(--hiba-shadow-2);display:grid;gap:22px}.public-card--wide{width:min(760px,100%)}.public-card h1{font-size:30px;line-height:1.15}.public-copy{display:grid;gap:8px}.public-form{display:grid;gap:12px}.onboarding-steps{display:flex;gap:8px;overflow:auto}.onboarding-steps span{white-space:nowrap;padding:7px 10px;border-radius:999px;background:var(--hiba-subtle);font-size:11px;color:var(--hiba-muted)}.onboarding-steps span.is-active{background:var(--hiba-accent-soft);color:var(--hiba-accent);font-weight:800}.copy-row{margin-top:12px;display:flex;gap:8px;align-items:center}.copy-row code{flex:1;overflow:auto}.ai-shell{background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:18px;min-height:520px;display:grid;grid-template-rows:58px 1fr auto;overflow:hidden}.ai-head{display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--hiba-soft)}.ai-head>svg{color:var(--hiba-accent)}.ai-head>div{display:flex;flex-direction:column}.ai-head span{font-size:11px;color:var(--hiba-muted)}.ai-messages{padding:18px;display:flex;flex-direction:column;gap:10px;overflow:auto}.setup-progress{display:flex;align-items:baseline;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--hiba-soft)}.setup-progress strong{font-size:28px}.setup-list{display:grid}.setup-list button{border:0;border-bottom:1px solid var(--hiba-soft);background:transparent;color:var(--hiba-text);min-height:64px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer}.setup-list button>span{width:30px;height:30px;border-radius:10px;background:var(--hiba-subtle);display:grid;place-items:center;font-weight:800}.setup-list button>span.is-done{background:var(--hiba-success-soft);color:var(--hiba-success)}.setup-list small{color:var(--hiba-muted)}.mindmap-canvas{height:520px;position:relative;background:radial-gradient(circle at 1px 1px,var(--hiba-soft) 1px,transparent 0);background-size:22px 22px;border:1px solid var(--hiba-soft);border-radius:18px;overflow:hidden}.mind-node{position:absolute;padding:12px 16px;border-radius:14px;background:var(--hiba-surface);border:1px solid var(--hiba-border);box-shadow:var(--hiba-shadow-1);font-weight:800}.mind-node.is-root{left:50%;top:45%;transform:translate(-50%,-50%);background:var(--hiba-accent);color:#fff;display:flex;gap:8px;align-items:center}.mind-node.n1{left:12%;top:24%}.mind-node.n2{right:12%;top:24%}.mind-node.n3{left:16%;bottom:22%}.mind-node.n4{right:16%;bottom:22%}@media(max-width:900px){.settings-card-grid,.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr}.chat-shell{grid-template-columns:240px 1fr}.permission-grid>div{grid-template-columns:1fr repeat(3,72px)}}@media(max-width:760px){.form-grid{grid-template-columns:1fr}.form-field--wide{grid-column:auto}.modal-backdrop{align-items:end;padding:0}.modal-card{width:100%;max-height:82dvh;border-radius:22px 22px 0 0}.modal-card__footer .button{flex:1}.attendance-person{align-items:flex-start;flex-direction:column}.attendance-actions{width:100%}.mark-button{flex:1;justify-content:center}.task-row{grid-template-columns:36px 1fr auto}.task-row>.status-pill:last-child{grid-column:2/-1;justify-self:start}.chat-shell{height:calc(100dvh - 170px);grid-template-columns:1fr}.chat-list{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--hiba-soft)}.chat-thread{min-width:220px}.chat-panel{min-height:360px}.timekeeping-hero{align-items:stretch;flex-direction:column}.settings-card-grid,.help-grid{grid-template-columns:1fr}.permission-grid>div{grid-template-columns:1fr repeat(3,1fr)}.security-row{grid-template-columns:36px 1fr}.security-row .button{grid-column:2}.health-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:110px 1fr 40px}.public-card{padding:22px 18px}.copy-row{align-items:stretch;flex-direction:column}.mindmap-canvas{height:440px}}.parent-portal-shell,.student-portal-shell{min-height:100dvh;background:var(--hiba-bg)}.parent-topbar,.student-portal-top{height:64px;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--hiba-surface) 95%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--hiba-soft);display:flex;align-items:center;gap:18px;padding:0 22px}.parent-topbar>.brand,.student-portal-top>.brand{max-width:170px;flex:0 0 auto}.parent-topbar>div:last-child,.student-portal-top>div:last-child{display:flex;flex-direction:column;margin-left:auto;text-align:right}.parent-topbar span,.student-portal-top span{font-size:11px;color:var(--hiba-muted)}.parent-portal-layout,.student-portal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100dvh - 64px)}.parent-sidebar,.student-portal-nav{background:var(--hiba-surface);border-right:1px solid var(--hiba-soft);padding:14px 10px}.parent-sidebar nav,.student-portal-nav{display:grid;gap:3px;position:sticky;top:78px}.parent-sidebar a,.student-portal-nav a{min-height:43px;padding:0 11px;border-radius:11px;display:flex;align-items:center;gap:10px;color:var(--hiba-text-2);font-weight:650;font-size:13px}.parent-sidebar a:hover,.student-portal-nav a:hover{background:var(--hiba-subtle)}.parent-sidebar a.is-active,.student-portal-nav a.is-active{background:var(--hiba-accent-soft);color:var(--hiba-accent)}.parent-content,.student-portal-content{width:min(1050px,100%);padding:28px 32px 80px}.parent-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.parent-page-head h1{font-size:28px;margin-top:4px}.parent-grid{display:grid;gap:16px}.parent-hero-card{background:var(--hiba-surface);border:1px solid var(--hiba-soft);border-radius:18px;padding:19px;display:flex;align-items:center;justify-content:space-between;gap:16px}.parent-hero-card h2{font-size:21px;margin:4px 0}.parent-list{display:grid;margin-top:12px}.parent-list article,.parent-list>a{min-height:66px;padding:12px 2px;border-bottom:1px solid var(--hiba-soft);display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--hiba-text)}.parent-list article:last-child,.parent-list>a:last-child{border-bottom:0}.parent-list article>div,.parent-list>a>div{display:flex;flex-direction:column;min-width:0}.parent-list strong{color:var(--hiba-ink)}.parent-list span{font-size:12px;color:var(--hiba-muted)}.parent-message-list{min-height:300px;display:flex;flex-direction:column;gap:10px;padding:18px}.parent-mobile-nav{display:none}.form-field textarea{width:100%;border:1px solid var(--hiba-border);border-radius:12px;padding:12px;background:var(--hiba-surface);color:var(--hiba-text);resize:vertical;outline:0}.form-field textarea:focus{border-color:var(--hiba-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--hiba-accent) 14%,transparent)}@media(max-width:760px){.parent-portal-layout,.student-portal-layout{display:block}.parent-sidebar,.student-portal-nav{display:none}.parent-content,.student-portal-content{padding:20px 16px 86px}.parent-topbar,.student-portal-top{padding:0 16px}.parent-topbar>div:last-child,.student-portal-top>div:last-child{max-width:150px}.parent-mobile-nav{position:fixed;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;background:color-mix(in srgb,var(--hiba-surface) 96%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--hiba-soft);padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.parent-mobile-nav a{min-height:48px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;color:var(--hiba-muted)}.parent-mobile-nav a.is-active{background:var(--hiba-accent-soft);color:var(--hiba-accent)}.parent-hero-card{align-items:flex-start;flex-direction:column}.parent-page-head h1{font-size:24px}}