:root{color-scheme:light;--color-paper: oklch(97% .007 7);--color-paper-2: oklch(94% .01 7);--color-surface: oklch(99.4% .004 7);--color-rule: oklch(89% .01 7);--color-rule-2: oklch(93% .008 7);--color-ink: oklch(21% .014 7);--color-ink-2: oklch(40% .012 7);--color-muted: oklch(47% .01 7);--color-neutral: oklch(46% .01 7);--color-brand-ink: oklch(24% .077 5.5);--color-brand-ink-2: oklch(28% .077 6);--color-brand-line: oklch(100% 0 0 / .12);--color-brand-text: oklch(100% 0 0 / .72);--color-brand-text-2: oklch(100% 0 0 / .55);--color-accent: oklch(35% .127 7);--color-accent-hover: oklch(39% .138 7.4);--color-accent-ink: oklch(98% .006 7);--color-accent-soft: oklch(94% .019 1.4);--color-accent-soft-ink: oklch(35% .127 7);--color-focus: oklch(58% .18 7);--color-focus-on-fill: oklch(94% .02 7);--color-overlay-on-accent: rgba(255, 255, 255, .24);--color-success: oklch(43% .13 150);--color-success-soft: oklch(93% .05 150);--color-warning: oklch(50% .15 75);--color-warning-soft: oklch(93% .06 80);--color-danger: oklch(48% .18 25);--color-danger-soft: oklch(93% .06 25);--color-neutral-soft: oklch(92% .01 7);--font-display: "Geist", ui-sans-serif, system-ui, sans-serif;--font-body: "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-2xs: .75rem;--text-xs: .875rem;--text-sm: .9375rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.1875rem;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-whisper: 0 1px 2px oklch(20% .01 7 / .06);--shadow-panel: 0 4px 16px oklch(20% .02 7 / .1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-instant: .1s;--dur-short: .15s;--dur-base: .2s;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 400;--z-toast: 500}html{overflow-x:clip}*{box-sizing:border-box}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;overflow-x:clip}h1,h2,h3,h4{font-family:var(--font-display);margin:0;font-style:normal;text-wrap:pretty}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--color-accent-soft);color:var(--color-accent-soft-ink)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:inherit}.tnum{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.app{display:flex;min-height:100vh}.sidebar{width:252px;flex-shrink:0;background:var(--color-brand-ink);display:flex;flex-direction:column;padding:var(--space-lg) var(--space-sm);position:fixed;inset:0 auto 0 0;z-index:var(--z-sticky);transition:transform var(--dur-base) var(--ease-out)}.sidebar__brand{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-xs) var(--space-lg);border-bottom:1px solid var(--color-brand-line);margin-bottom:var(--space-md)}.sidebar__mark{width:36px;height:36px;border-radius:var(--radius-md);flex-shrink:0;background:var(--color-accent);color:var(--color-accent-ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-sm)}.sidebar__school{color:var(--color-accent-ink);font-weight:700;font-size:var(--text-sm);line-height:1.25}.sidebar__school span{display:block;font-weight:500;color:var(--color-brand-text-2);font-size:var(--text-2xs);margin-top:var(--space-3xs)}.sidebar__role-switch{display:block;font-family:inherit;font-weight:500;color:var(--color-brand-text-2);font-size:var(--text-2xs);margin-top:var(--space-3xs);background:none;border:none;padding:0;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:transparent;transition:color var(--dur-short) var(--ease-out),text-decoration-color var(--dur-short) var(--ease-out)}.sidebar__role-switch:hover,.sidebar__role-switch:focus-visible{color:var(--color-accent-ink);text-decoration-color:currentColor}.nav-list{display:flex;flex-direction:column;gap:var(--space-3xs);list-style:none;margin:0;padding:0}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);color:var(--color-brand-text);font-size:var(--text-sm);font-weight:500;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:background var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.nav-item__label{display:flex;align-items:center;gap:12px;min-width:0}.nav-item__label span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item svg{flex-shrink:0;width:19px;height:19px}.nav-item:hover{background:var(--color-brand-ink-2);color:var(--color-accent-ink)}.nav-item[aria-current=page]{background:var(--color-accent);color:var(--color-accent-ink)}.nav-item[aria-current=page]:hover{background:var(--color-accent)}.nav-item[aria-current=page]:focus-visible{outline-color:var(--color-focus-on-fill)}.nav-item__badge{background:var(--color-accent);color:var(--color-accent-ink);font-size:var(--text-2xs);font-weight:700;border-radius:var(--radius-full);padding:var(--space-3xs) var(--space-xs);flex-shrink:0}.nav-item[aria-current=page] .nav-item__badge{background:var(--color-overlay-on-accent);color:var(--color-accent-ink)}.sidebar__foot{margin-top:auto;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xs) var(--space-2xs);border-top:1px solid var(--color-brand-line)}.sidebar__foot .avatar{background:var(--color-accent);color:var(--color-accent-ink)}.sidebar__foot-name{color:var(--color-accent-ink);font-size:var(--text-xs);font-weight:600}.sidebar__foot-role{color:var(--color-brand-text-2);font-size:var(--text-2xs)}.sidebar__close,.scrim{display:none}.shell{flex:1;min-width:0;margin-left:252px;padding:var(--space-lg) var(--space-xl) var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-lg)}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.icon-btn.topbar__menu{display:none}.topbar h1{font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em}.topbar__meta{color:var(--color-ink-2);font-size:var(--text-sm);margin-top:var(--space-2xs)}.topbar__actions{position:relative;display:flex;align-items:center;gap:var(--space-md);flex-shrink:0;margin-left:auto}.icon-btn{position:relative;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-rule);display:flex;align-items:center;justify-content:center;color:var(--color-ink-2);cursor:pointer;transition:background var(--dur-short) var(--ease-out)}.icon-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}.icon-btn svg{width:20px;height:20px;flex-shrink:0}.icon-btn:hover{background:var(--color-paper-2)}.icon-btn__dot{position:absolute;top:-4px;right:-4px;background:var(--color-danger);color:var(--color-accent-ink);font-size:11px;font-weight:700;min-width:18px;height:18px;padding:0 4px;line-height:1;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-paper)}.notifications-menu{display:flex}.notifications-panel{position:absolute;top:calc(100% + var(--space-sm));right:0;width:min(360px,90vw);max-height:420px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);z-index:var(--z-dropdown)}.notifications-panel__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-rule);font-size:var(--text-xs);font-weight:700;color:var(--color-ink)}.notifications-panel__filter{border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink-2);font-size:var(--text-2xs);font-weight:600;padding:2px var(--space-xs);cursor:pointer}.notifications-panel__filter.is-active{background:var(--color-accent-soft);color:var(--color-accent-soft-ink);border-color:var(--color-accent)}.notifications-panel__empty{padding:var(--space-lg) var(--space-md);color:var(--color-ink-2);font-size:var(--text-xs);text-align:center}.notifications-panel__item{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-rule-2);cursor:pointer;transition:background var(--dur-short) var(--ease-out)}.notifications-panel__item:last-child{border-bottom:none}.notifications-panel__item:hover{background:var(--color-paper-2)}.notifications-panel__item.is-unread{background:var(--color-accent-soft)}.notifications-panel__item.is-unread:hover{background:var(--color-accent-soft);filter:brightness(.98)}.notifications-panel__item-title{font-size:var(--text-xs);font-weight:700;color:var(--color-ink)}.notifications-panel__item-body,.notifications-panel__item-meta{font-size:var(--text-2xs);color:var(--color-ink-2);margin-top:var(--space-3xs)}.notifications-panel__item-actions{display:flex;gap:var(--space-xs);margin-top:var(--space-xs)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent-soft-ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-xs);flex-shrink:0}.avatar--sm{width:30px;height:30px;font-size:var(--text-2xs)}.view{display:none;flex-direction:column;gap:var(--space-lg)}.view.is-active{display:flex}.card{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-lg)}.card--tight{padding:var(--space-md) var(--space-lg)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.card__head h2{font-size:var(--text-md);font-weight:700}.card__head-sub{color:var(--color-muted);font-size:var(--text-xs);margin-top:var(--space-3xs)}.card__link{font-size:var(--text-xs);font-weight:600;display:inline-flex;align-items:center;gap:var(--space-3xs);white-space:nowrap;cursor:pointer;background:none;border:none;padding:0;color:var(--color-accent)}.card__link svg{width:14px;height:14px;flex-shrink:0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}.stat-card{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);color:inherit;text-decoration:none}.stat-card--clickable{cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.stat-card--clickable:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm, 0 1px 4px rgba(0, 0, 0, .08))}.stat-card__icon{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.stat-card__icon svg{width:18px;height:18px}.stat-card__icon--accent{background:var(--color-accent-soft);color:var(--color-accent-soft-ink)}.stat-card__icon--success{background:var(--color-success-soft);color:var(--color-success)}.stat-card__icon--warning{background:var(--color-warning-soft);color:var(--color-warning)}.stat-card__icon--neutral{background:var(--color-neutral-soft);color:var(--color-neutral)}.stat-card__num{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.stat-card__label{font-size:var(--text-sm);color:var(--color-ink-2);font-weight:500}.stat-card__sub{font-size:var(--text-xs);color:var(--color-muted)}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-lg);align-items:start}.grid-2>*{min-width:0}.announcement-meta{display:flex;flex-wrap:wrap;gap:var(--space-xl) var(--space-2xl);padding:var(--space-md) 0;border-bottom:1px solid var(--color-rule);margin-bottom:var(--space-lg)}.announcement-meta__item{display:flex;flex-direction:column;gap:var(--space-3xs)}.announcement-meta__label{font-size:var(--text-xs);color:var(--color-muted);font-weight:600}.announcement-meta__value{font-size:var(--text-sm);color:var(--color-ink);font-weight:500}.announcement-message__label{font-size:var(--text-xs);color:var(--color-muted);font-weight:600;margin-bottom:var(--space-xs)}.announcement-message__body{font-size:var(--text-sm);color:var(--color-ink);line-height:1.6;white-space:pre-wrap;min-height:12rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:var(--text-sm);white-space:nowrap;height:40px;padding:0 var(--space-md);border-radius:var(--radius-md);transition:background var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),opacity var(--dur-short) var(--ease-out)}.btn svg{width:16px;height:16px;flex-shrink:0}.btn--sm{height:32px;padding:0 var(--space-sm);font-size:var(--text-xs)}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover{background:var(--color-accent-hover)}.btn--primary:focus-visible{outline-color:var(--color-focus-on-fill)}.btn--secondary{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-rule)}.btn--secondary:hover{background:var(--color-paper-2)}.btn--ghost{background:transparent;color:var(--color-ink-2)}.btn--ghost:hover{background:var(--color-paper-2);color:var(--color-ink)}.btn--danger{background:var(--color-surface);color:var(--color-danger);border:1px solid var(--color-rule)}.btn--danger:hover{background:var(--color-danger-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn--block{width:100%}.badge{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-2xs);font-weight:700;border-radius:var(--radius-full);padding:var(--space-2xs) var(--space-sm);white-space:nowrap}.badge svg{width:11px;height:11px}.badge--success{background:var(--color-success-soft);color:var(--color-success)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge--neutral{background:var(--color-neutral-soft);color:var(--color-neutral)}.badge--accent{background:var(--color-accent-soft);color:var(--color-accent-soft-ink)}.tabs{display:flex;gap:var(--space-2xs);border-bottom:1px solid var(--color-rule)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;padding:var(--space-sm) var(--space-xs);font-size:var(--text-sm);font-weight:600;color:var(--color-muted);position:relative;top:1px;border-bottom:2px solid transparent}.tab:hover{color:var(--color-ink)}.tab[aria-selected=true]{color:var(--color-accent);border-bottom-color:var(--color-accent)}.subview{display:none}.subview.is-active{display:block}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field__label{font-size:var(--text-xs);font-weight:600;color:var(--color-ink)}.field__label .req{color:var(--color-danger)}.field__helper{font-size:var(--text-xs);color:var(--color-muted);min-height:1lh}.field__helper--error{color:var(--color-danger)}.input,.select,.textarea{border:1px solid var(--color-rule-2);background:var(--color-paper);color:var(--color-ink);border-radius:var(--radius-sm);height:40px;padding:0 var(--space-sm);width:100%;outline:2px solid transparent;outline-offset:1px;transition:background var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}.textarea{height:auto;min-height:6.5rem;padding:var(--space-sm);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--color-muted)}.input:hover,.select:hover,.textarea:hover{background:var(--color-paper-2)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline-color:var(--color-focus);border-color:var(--color-ink-2)}.input:disabled,.textarea:disabled,.select:disabled{opacity:.55;cursor:not-allowed}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-danger)}.select{-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='%235B4E56' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:34px}.field-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.field-row>*{min-width:0}.check-row{display:flex;align-items:flex-start;gap:var(--space-sm)}.check-row input[type=checkbox]{accent-color:var(--color-accent);width:18px;height:18px;margin-top:var(--space-3xs);flex-shrink:0}.check-row label{font-size:var(--text-sm);color:var(--color-ink-2)}.segmented{display:inline-flex;border:1px solid var(--color-rule-2);border-radius:var(--radius-sm);overflow:hidden}.segmented button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--color-surface);color:var(--color-ink-2);cursor:pointer;font-size:var(--text-xs);font-weight:600;padding:var(--space-xs) var(--space-sm);border-left:1px solid var(--color-rule-2);transition:background var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.segmented button:first-child{border-left:none}.segmented button:hover{background:var(--color-paper-2)}.segmented button[aria-pressed=true]:focus-visible{outline-color:var(--color-focus-on-fill)}.segmented button[aria-pressed=true][data-state=p]{background:var(--color-success);color:var(--color-accent-ink)}.segmented button[aria-pressed=true][data-state=r]{background:var(--color-warning);color:var(--color-accent-ink)}.segmented button[aria-pressed=true][data-state=a]{background:var(--color-danger);color:var(--color-accent-ink)}.segmented button[aria-pressed=true][data-state=j]{background:var(--color-neutral);color:var(--color-accent-ink)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);padding:0 var(--space-sm) var(--space-sm);border-bottom:1px solid var(--color-rule);white-space:nowrap}.table td{padding:var(--space-sm);border-bottom:1px solid var(--color-rule);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-paper-2)}.table .cell-primary{font-weight:600;color:var(--color-ink)}.table .cell-muted{color:var(--color-ink-2)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-rule)}.list-row:last-child{border-bottom:none;padding-bottom:0}.list-row:first-child{padding-top:0}.list-row__title{font-size:var(--text-sm);font-weight:600}.list-row__sub{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-3xs)}dialog.modal{border:none;border-radius:var(--radius-lg);padding:0;width:min(560px,calc(100vw - 2rem));box-shadow:var(--shadow-panel);position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;height:fit-content;max-height:min(86vh,42rem)}dialog.modal::backdrop{background:#12080a6b}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-rule)}.modal__head h3{font-size:var(--text-md);font-weight:700}.modal__body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);overflow-y:auto}.modal__foot{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--color-rule)}.radio-group{display:flex;gap:var(--space-sm);flex-wrap:wrap}.radio-chip{display:flex;align-items:center;gap:var(--space-xs);border:1px solid var(--color-rule-2);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-md);cursor:pointer;font-size:var(--text-xs);font-weight:600;color:var(--color-ink-2)}.radio-chip:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-soft-ink)}.radio-chip input{accent-color:var(--color-accent)}.toast-wrap{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-xs)}.toast{background:var(--color-ink);color:var(--color-paper);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;box-shadow:var(--shadow-panel);display:flex;align-items:center;gap:var(--space-sm);animation:toast-in var(--dur-base) var(--ease-out)}.toast svg{width:16px;height:16px;flex-shrink:0}.toast button{background:none;border:none;color:var(--color-accent-soft);font-weight:700;cursor:pointer;padding:0}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cal-wrap{overflow-x:auto}.cal{display:grid;grid-template-columns:56px repeat(5,minmax(72px,1fr));border:1px solid var(--color-rule);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);min-width:460px}.cal__head{padding:var(--space-sm);font-size:var(--text-xs);font-weight:700;text-align:center;border-bottom:1px solid var(--color-rule);border-left:1px solid var(--color-rule)}.cal__head:first-child{border-left:none}.cal__time{padding:var(--space-xs);font-size:var(--text-2xs);color:var(--color-muted);text-align:right;border-top:1px solid var(--color-rule)}.cal__cell{border-top:1px solid var(--color-rule);border-left:1px solid var(--color-rule);min-height:52px;padding:var(--space-2xs);position:relative}.cal__event{background:var(--color-accent-soft);color:var(--color-accent-soft-ink);border-radius:var(--radius-sm);padding:var(--space-2xs) var(--space-xs);font-size:var(--text-2xs);font-weight:600;line-height:1.25;border-left:3px solid var(--color-accent)}.cal__event--neutral{background:var(--color-neutral-soft);color:var(--color-ink-2);border-left-color:var(--color-neutral)}.cal__event--clickable{cursor:pointer}.chat{display:grid;grid-template-columns:280px 1fr;height:560px}.chat__list{border-right:1px solid var(--color-rule);overflow-y:auto}.chat__contact{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid var(--color-rule);background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left}.chat__contact:hover{background:var(--color-paper-2)}.chat__contact.is-active,.chat__contact.is-unread{background:var(--color-accent-soft)}.chat__contact-name{font-size:var(--text-sm);font-weight:600}.chat__contact-msg{font-size:var(--text-xs);color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.chat__pane{display:flex;flex-direction:column;min-width:0}.chat__pane-head{padding:var(--space-md);border-bottom:1px solid var(--color-rule);display:flex;align-items:center;gap:var(--space-sm)}.chat__thread{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.bubble{max-width:70%;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.4}.bubble--in{background:var(--color-paper-2);align-self:flex-start;border-bottom-left-radius:3px}.bubble--out{background:var(--color-accent);color:var(--color-accent-ink);align-self:flex-end;border-bottom-right-radius:3px}.bubble__time{display:block;font-size:10px;opacity:.65;margin-top:var(--space-2xs)}.chat__audit{text-align:center;font-size:var(--text-2xs);color:var(--color-muted);padding:var(--space-xs) 0}.chat__composer{display:flex;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--color-rule)}.hint-banner{display:flex;gap:var(--space-sm);align-items:flex-start;background:var(--color-accent-soft);color:var(--color-accent-soft-ink);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);line-height:1.5}.hint-banner svg{width:16px;height:16px;flex-shrink:0;margin-top:var(--space-3xs)}.progress{height:6px;border-radius:var(--radius-full);background:var(--color-rule);overflow:hidden}.progress>span{display:block;height:100%;background:var(--color-accent);border-radius:var(--radius-full)}.empty{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--color-muted)}.empty svg{width:32px;height:32px;margin-bottom:var(--space-sm);opacity:.55}.empty p{font-size:var(--text-sm);margin-top:var(--space-2xs)}@media (max-width: 1023px){.sidebar{transform:translate(-100%);box-shadow:var(--shadow-panel)}.sidebar.is-open{transform:translate(0)}.sidebar__close{display:inline-flex}.scrim.is-open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#12080a66;z-index:calc(var(--z-sticky) - 1)}.shell{margin-left:0;padding:var(--space-md) var(--space-md) var(--space-2xl)}.icon-btn.topbar__menu{display:inline-flex}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:minmax(0,1fr)}.list-row{flex-wrap:wrap;row-gap:var(--space-xs)}.chat{grid-template-columns:minmax(0,1fr);height:auto}.chat__list{border-right:none;border-bottom:1px solid var(--color-rule);max-height:220px}.field-row{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.stat-grid{grid-template-columns:1fr}.shell{padding:var(--space-sm) var(--space-sm) var(--space-xl)}.topbar{flex-wrap:wrap}.card{padding:var(--space-md)}.table-wrap .table{min-width:640px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}