:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--radius-card:20px;--card-padding:20px;--shadow-card:0 12px 30px #17203314;--shadow-modal:0 24px 60px #0f172a4d;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{background:#f5f7fb;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:#172033;background:#fff;border:1px solid #d8deea;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}button:hover{background:#f7f9fd}button.primary{color:#fff;background:#2457d6;border-color:#2457d6;font-weight:700}button.primary:hover{background:#1d49b9}button.danger{color:#b42318;border-color:#ffd1cc}button:disabled{opacity:.55;cursor:not-allowed}code{background:#edf1f7;border-radius:6px;padding:2px 5px}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border-radius:var(--radius-card);width:min(440px,100%);padding:var(--card-padding);box-shadow:var(--shadow-modal);background:#fff;border:1px solid #e1e6ef}.brand-mark{color:#fff;letter-spacing:-.04em;background:#172033;border-radius:18px;place-items:center;width:54px;height:54px;font-weight:900;display:grid}.login-card h1{margin:16px 0 8px}.muted{color:#667085;margin:0;line-height:1.4}.muted.small{margin-top:6px;font-size:13px}.hint{color:#667085;margin:6px 0 0;font-size:13px}.mode-tabs{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.mode-tabs button{padding:9px 14px;font-size:13px}.mode-tabs button.active{color:#1d49b9;background:#e9efff;border-color:#b9c9ff;font-weight:700}form{gap:10px;display:grid}label{gap:6px;font-size:14px;font-weight:650;display:grid}input,textarea,select{color:#172033;background:#fff;border:1px solid #d8deea;border-radius:12px;width:100%;padding:11px 12px}textarea{resize:vertical}.message{color:#1849a9;background:#eef4ff;border-radius:12px;padding:12px}.error,.toast-error{color:#b42318;background:#fff1f0;border:1px solid #ffccc7;border-radius:12px;padding:12px 14px}.toast-error{position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0000001f}.loading{color:#667085;place-items:center;min-height:100vh;font-weight:700;display:grid}.app-shell{grid-template-columns:290px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#111827;flex-direction:column;gap:18px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.side-brand{flex-shrink:0;align-items:center;gap:10px;font-size:20px;font-weight:900;display:flex}.user-card{background:#ffffff14;border:1px solid #ffffff1c;border-radius:16px;flex-shrink:0;gap:5px;padding:14px;display:grid}.user-card span{color:#cbd5e1;word-break:break-word;font-size:13px}.badge{color:#166534;background:#dcfce7;border-radius:999px;width:fit-content;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.badge.off{color:#991b1b;background:#fee2e2}nav{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;flex:1;align-content:start;gap:8px;min-height:0;display:grid;overflow-y:auto}nav::-webkit-scrollbar{width:6px}nav::-webkit-scrollbar-track{background:0 0}nav::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:3px}nav button,.logout{color:#dbeafe;background:0 0;border-color:#0000;justify-content:flex-start}nav button:hover,nav button.active{color:#fff;background:#ffffff1a}.logout{color:#fecaca;flex-shrink:0;margin-top:auto}.app-shell main{min-width:0;padding:28px}.data-panel{gap:18px;display:grid}.panel-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-toolbar h1{margin:0 0 6px;font-size:30px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.search-box{background:#fff;border:1px solid #d8deea;border-radius:12px;align-items:center;gap:8px;padding-left:10px;display:flex}.search-box input{border:0;min-width:220px}.editor-panel,.reset-panel,.confirm-panel{border-radius:var(--radius-card);padding:var(--card-padding);box-shadow:var(--shadow-card);background:#fff;border:1px solid #e1e6ef;gap:14px;display:grid}.confirm-panel{border-color:#ffd1cc}.editor-head,.reset-panel-head,.confirm-head,.modal-head{align-items:center;gap:10px;display:flex}.editor-head h2,.reset-panel-head h2,.confirm-head h2,.modal-head h2{flex:1;margin:0;font-size:18px}.warn-icon{color:#d97706;flex-shrink:0}.icon-button{border-radius:10px;flex-shrink:0;padding:8px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid-span{grid-column:1/-1}.check-row{flex-direction:row;align-self:end;align-items:center;gap:9px;padding:11px 0;display:flex}.check-row.compact{align-self:auto;padding:4px 0;font-weight:500}.check-row input{width:auto}.multi-select{background:#fff;border:1px solid #d8deea;border-radius:12px;gap:2px;min-height:48px;padding:8px 12px;display:grid}.audience-section{margin-top:14px}.allowed-users-panel{gap:10px;display:grid}.allowed-users-search{max-width:420px}.allowed-users-list{max-height:280px;overflow:auto}.allowed-user-item{align-items:flex-start}.allowed-user-item span{gap:2px;display:grid}.allowed-user-item strong{font-size:14px}.allowed-user-item small{color:#667085}.announcements-table td small{white-space:normal;max-width:380px}.editor-actions{justify-content:flex-end;gap:10px;display:flex}.table-wrap{border-radius:var(--radius-card);background:#fff;border:1px solid #e1e6ef;overflow:auto}table{border-collapse:collapse;width:100%;min-width:840px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf1f7;padding:14px 16px}th{color:#667085;text-transform:uppercase;letter-spacing:.05em;background:#fafbfd;font-size:12px}td strong{margin-bottom:4px;display:block}td small{color:#667085;display:block}.details-cell{color:#475467;max-width:520px}.right{text-align:right}.row-actions{white-space:nowrap}.row-actions button{margin-left:6px;padding:8px 10px}.empty{text-align:center;color:#667085;padding:30px}.calendar-feed-list{box-sizing:border-box;border-radius:var(--radius-card);background:#fff;border:1px solid #e1e6ef;width:100%;max-width:100%;overflow:hidden}.calendar-feed-row{box-sizing:border-box;border-bottom:1px solid #edf1f7;grid-template-columns:minmax(0,1fr) 120px 320px;grid-template-areas:"info status actions";align-items:center;gap:1rem;width:100%;max-width:100%;padding:14px 16px;display:grid}.calendar-feed-list .calendar-feed-row:last-child{border-bottom:none}.calendar-feed-header{color:#667085;text-transform:uppercase;letter-spacing:.05em;background:#fafbfd;font-size:12px;font-weight:600}.calendar-feed-info{grid-area:info;min-width:0;overflow:hidden}.calendar-feed-title{margin-bottom:3px;font-weight:600;display:block}.calendar-feed-url{text-overflow:ellipsis;white-space:nowrap;color:#667085;max-width:100%;margin-bottom:3px;display:block;overflow:hidden}.calendar-feed-audience{color:#667085;white-space:normal;overflow-wrap:break-word;display:block}.calendar-feed-status{grid-area:status}.calendar-feed-actions{flex-wrap:nowrap;grid-area:actions;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.calendar-feed-actions button{white-space:nowrap;flex-shrink:0;padding:8px 10px}@media (width<=900px){.calendar-feed-header{display:none}.calendar-feed-row{grid-template-columns:minmax(0,1fr) 110px;grid-template-areas:"info status""actions actions";row-gap:10px}.calendar-feed-actions{flex-wrap:wrap;justify-content:flex-start}}@media (width<=600px){.calendar-feed-row{grid-template-columns:1fr;grid-template-areas:"info""status""actions";row-gap:8px}.calendar-feed-status{justify-self:start}.calendar-feed-actions{flex-wrap:wrap;justify-content:flex-start}}.app-link-list{box-sizing:border-box;border-radius:var(--radius-card);background:#fff;border:1px solid #e1e6ef;width:100%;max-width:100%;overflow:hidden}.app-link-row{box-sizing:border-box;border-bottom:1px solid #edf1f7;grid-template-columns:minmax(0,1fr) 90px 70px 280px;grid-template-areas:"info status order actions";align-items:center;gap:1rem;width:100%;max-width:100%;padding:14px 16px;display:grid}.app-link-list .app-link-row:last-child{border-bottom:none}.app-link-header{color:#667085;text-transform:uppercase;letter-spacing:.05em;background:#fafbfd;font-size:12px;font-weight:600}.app-link-info{grid-area:info;min-width:0;overflow:hidden}.app-link-title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:3px;display:flex}.app-link-title{font-weight:600}.app-link-icon-dot{border:1px solid #0000001f;border-radius:999px;flex-shrink:0;width:10px;height:10px;display:inline-block}.app-link-icon-hex{color:#667085;font-family:ui-monospace,monospace;font-size:11px}.app-link-url{text-overflow:ellipsis;white-space:nowrap;color:#667085;max-width:100%;margin-bottom:3px;display:block;overflow:hidden}.app-link-audience{color:#667085;white-space:normal;overflow-wrap:break-word;display:block}.app-link-status{grid-area:status}.app-link-order{color:#475467;font-variant-numeric:tabular-nums;grid-area:order}.app-link-actions{flex-wrap:nowrap;grid-area:actions;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.app-link-actions button{white-space:nowrap;flex-shrink:0;padding:8px 10px}@media (width<=900px){.app-link-header{display:none}.app-link-row{grid-template-columns:minmax(0,1fr) 70px 90px;grid-template-areas:"info order status""actions actions actions";row-gap:10px}.app-link-actions{flex-wrap:wrap;justify-content:flex-start}}@media (width<=600px){.app-link-row{grid-template-columns:1fr;grid-template-areas:"info""order""status""actions";row-gap:8px}.app-link-order,.app-link-status{justify-self:start}.app-link-actions{flex-wrap:wrap;justify-content:flex-start}}.app-link-preview{background:#fafbfd;border:1px solid #e1e6ef;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.app-link-preview-icon{color:#1d49b9;background:#e9efff;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.app-link-preview-text{gap:2px;min-width:0;display:grid}.app-link-preview-text strong{display:block}.app-link-preview-text small{color:#667085;display:block}.resource-group-children-preview{background:#fafbfd;border:1px solid #e1e6ef;border-radius:14px;gap:8px;padding:12px 14px;display:grid}.resource-group-children-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.resource-group-children-list li{overflow-wrap:break-word;align-items:center;gap:8px;min-width:0;display:flex}.icon-color-field{grid-column:1/-1;gap:8px;display:grid}.icon-color-label{font-size:14px;font-weight:650}.icon-color-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.icon-color-swatch-input{cursor:pointer;background:#fff;border:1px solid #d8deea;border-radius:10px;width:44px;height:40px;padding:2px}.icon-color-hex-input{text-transform:uppercase;flex:1;min-width:120px;font-family:ui-monospace,monospace}.icon-color-preview{border:1px solid #0000001a;border-radius:999px;flex-shrink:0;width:32px;height:32px}.icon-color-presets{flex-wrap:wrap;gap:6px;display:flex}.icon-color-preset{border:1px solid #0000001f;border-radius:999px;width:22px;height:22px;padding:0}.icon-color-preset:hover{transform:scale(1.12)}.icon-color-error{margin:0}.resource-type-field{background:#fafbfd;border:1px solid #e1e6ef;border-radius:14px;grid-column:1/-1;gap:10px;padding:14px 16px;display:grid}.resource-pdf-field{gap:8px;display:grid}.upload-progress{background:#e1e6ef;border-radius:999px;width:100%;height:8px;overflow:hidden}.upload-progress-bar{background:#4d6ab0;height:100%;transition:width .15s}button.warning{color:#92400e;background:#fffbeb;border-color:#fde68a}button.warning:hover{background:#fef3c7}.badge.warn{color:#92400e;background:#fef3c7}.badge.blue{color:#1e40af;background:#dbeafe}.badge.muted{color:#475569;background:#f1f5f9}.badge-stack{flex-direction:column;gap:4px;display:flex}.badge-role{color:#1d49b9;background:#e9efff;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.badge-you{color:#166534;vertical-align:middle;background:#f0fdf4;border-radius:999px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:800;display:inline-flex}.success-banner{color:#166534;cursor:pointer;background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;padding:12px 14px}.reset-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:10px;margin:0;padding:10px 14px}.link-copy-row{align-items:center;gap:10px;display:flex}.link-copy-row .link-input{color:#334155;background:#f8fafc;flex:1;font-family:ui-monospace,monospace;font-size:12px}.modal-overlay{z-index:200;background:#0f172a8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-box{border-radius:var(--radius-card);padding:var(--card-padding);width:min(560px,100%);max-height:90vh;box-shadow:var(--shadow-modal);background:#fff;gap:14px;display:grid;overflow:auto}.record-edit-box{width:min(760px,96vw);max-height:92vh;overflow-y:auto}.dorm-deleted-records{border-top:1px dashed #e1e6ef;margin-top:8px;padding-top:12px}.dorm-deleted-records h3{color:#b42318;margin:0 0 8px;font-size:14px}.pdf-viewer-box{grid-template-rows:auto 1fr;width:min(900px,96vw);height:min(90vh,1100px);padding:14px;overflow:hidden}.pdf-viewer-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pdf-viewer-filename{overflow-wrap:anywhere}.pdf-viewer-actions{flex-shrink:0;gap:8px;display:flex}.pdf-viewer-frame{border:1px solid #e1e6ef;border-radius:10px;width:100%;height:100%;min-height:0}.uid-cell{color:#64748b;word-break:break-all;max-width:130px;font-family:ui-monospace,monospace;font-size:11px;display:block}.current-user-row{background:#f0fdf4}.au-hint{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin:0;padding:10px 14px;font-size:13px}.stat-cards{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card{border-radius:var(--radius-card);padding:var(--card-padding);box-shadow:var(--shadow-card);background:#fff;border:1px solid #e1e6ef}.stat-value{margin-bottom:4px;font-size:32px;font-weight:900;line-height:1}.stat-label{color:#475467;font-size:13px;font-weight:700}.stat-sub{color:#9ca3af;margin-top:2px;font-size:12px}.stat-green .stat-value{color:#16a34a}.stat-blue .stat-value{color:#2457d6}.stat-orange .stat-value{color:#d97706}.stat-gray .stat-value{color:#6b7280}.bulk-bar{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.bulk-bar-count{color:#1d49b9;margin-right:4px;font-size:14px;font-weight:800}.text-warn{color:#d97706}.text-caption{color:#667085;font-size:13px}.text-placeholder{color:#9ca3af;font-size:13px}.text-disabled{color:#9ca3af}.field-disabled{opacity:.65}.checkbox-col{width:36px;padding-right:0}.checkbox-list{gap:6px;display:grid}.dorm-admin-section{border-top:1px solid #eef1f6;gap:8px;margin-top:4px;padding-top:14px;display:grid}.dorm-admin-section h3{margin:0;font-size:15px}.dorm-admin-grants{gap:12px;margin-top:4px;display:grid}.dorm-capacity-warn{color:#b42318;font-weight:700}.bulk-rooms-panel{gap:14px;display:grid}.bulk-rooms-preview{background:#fafbfd;border:1px solid #e1e6ef;border-radius:12px;gap:8px;padding:12px 14px;display:grid}.bulk-rooms-preview-list{flex-wrap:wrap;gap:6px;max-height:180px;display:flex;overflow-y:auto}.bulk-room-chip{color:#1849a9;background:#eef4ff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.bulk-room-chip.duplicate{color:#92400e;background:#fef3c7}.bulk-rooms-result{gap:8px;display:grid}.loading-inline{text-align:center;color:#667085;padding:16px 0}.badge-inline{margin-left:6px;font-size:11px}.field-error{margin:8px 0 0}.m-0{margin:0}.audience-selector{background:#fafbfd;border:1px solid #e1e6ef;border-radius:14px;grid-column:1/-1;padding:14px 16px}.audience-selector-title{text-transform:uppercase;letter-spacing:.04em;color:#475467;margin-bottom:10px;font-size:13px;font-weight:700}.audience-selector-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 14px;display:grid}.audience-selector-item{cursor:pointer;align-items:center;gap:9px;padding:6px 0;font-size:14px;font-weight:600;display:flex}.audience-selector-item input{width:auto}.audience-selector-error{margin-top:10px}.dorm-perm-group{border-top:1px solid #e6e9f0;margin-top:12px;padding-top:12px}.dorm-perm-group:first-of-type{border-top:none;margin-top:0;padding-top:0}.dorm-perm-group-title{color:#172033;margin-bottom:6px;font-size:12px;font-weight:700}.toast{z-index:300;cursor:pointer;white-space:nowrap;border-radius:14px;max-width:calc(100vw - 48px);padding:12px 20px;font-size:14px;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0000002e}.toast-success{color:#fff;background:#166534}.toast-error{color:#fff;background:#b42318}.toast-info{color:#fff;background:#1e40af}.directory-sort-panel{background:#fff;border:1px solid #e1e6ef;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 16px;display:flex}.directory-sort-label{text-transform:uppercase;letter-spacing:.04em;color:#475467;font-size:13px;font-weight:700}.directory-sort-options{flex-wrap:wrap;gap:14px;display:flex}.directory-sort-message{color:#166534;font-weight:600}.student-filter-row{flex-wrap:wrap;gap:8px;display:flex}.student-filter-row select{width:auto;min-width:140px}.student-directory-list{gap:10px;display:grid}.student-directory-row{background:#fff;border:1px solid #e1e6ef;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.student-directory-row>input[type=checkbox]{flex-shrink:0;width:auto}.student-directory-info{overflow-wrap:break-word;gap:3px;min-width:0;display:grid}.student-directory-info strong{align-items:center;gap:6px;display:inline-flex}.allergy-badge{color:#b45309;white-space:nowrap;background:#fef3c7;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.invite-count-badge{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.invite-count-zero{color:#1d4ed8;background:#dbeafe}.invite-count-some{color:#fff;background:#2563eb}.staff-page{width:100%;max-width:100%;min-height:100vh;padding-bottom:calc(24px + env(safe-area-inset-bottom));background:#f5f7fb;overflow-x:hidden}.staff-page-header{z-index:20;padding:14px 16px calc(14px + env(safe-area-inset-top,0px));background:#fff;border-bottom:1px solid #e1e6ef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex;position:sticky;top:0}.staff-page-header h1{overflow-wrap:break-word;margin:0;font-size:20px}.staff-fab{color:#fff;background:#2457d6;border-color:#2457d6;border-radius:999px;flex-shrink:0;min-height:44px;padding:12px 18px;font-weight:700;box-shadow:0 8px 20px #2457d659}.staff-tabs{flex-wrap:wrap;gap:8px;padding:12px 16px 0;display:flex}.staff-tabs button{flex:1;min-height:40px}.staff-tabs button.active{color:#1d49b9;background:#e9efff;border-color:#b9c9ff;font-weight:700}.staff-page-body{gap:14px;width:100%;min-width:0;max-width:720px;margin:0 auto;padding:16px;display:grid}.empty-state{color:#667085;text-align:center;justify-items:center;gap:10px;padding:48px 16px;display:grid}.skeleton-list{gap:12px;display:grid}.skeleton-card{border-radius:var(--radius-card);background:linear-gradient(90deg,#eef1f6 25%,#e4e9f2 37%,#eef1f6 63%) 0 0/400% 100%;height:96px;animation:1.4s infinite skeleton-shine}@keyframes skeleton-shine{0%{background-position:100% 0}to{background-position:0 0}}.invite-card-list{gap:12px;min-width:0;display:grid}.invite-card{text-align:left;border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow-wrap:break-word;background:#fff;border:1px solid #e1e6ef;gap:6px;width:100%;min-width:0;max-width:100%;min-height:44px;padding:16px;display:grid}.invite-card-date{color:#1d49b9;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.invite-card-time{color:#667085;align-items:center;gap:4px;margin-left:4px;font-weight:600;display:inline-flex}.invite-card-title,.invite-card-host{overflow-wrap:break-word}.invite-card-title{font-size:17px;font-weight:800}.invite-card-students{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.invite-card-names,.invite-card-notes{overflow-wrap:break-word;font-size:13px}.invite-form-overlay{z-index:200;background:#0f172a73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.invite-form-panel{-webkit-overflow-scrolling:touch;width:100%;max-width:560px;max-height:92vh;box-shadow:var(--shadow-modal);padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:#fff;border-radius:20px 20px 0 0;overflow:hidden auto}.invite-form-head{background:#fff;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;display:flex;position:sticky;top:0}.invite-form-head h2{text-align:center;flex:1;margin:0;font-size:18px}.invite-form{gap:12px;display:grid}.invite-form label{font-size:14px;font-weight:650}.invite-form input,.invite-form textarea,.invite-form select{min-height:44px}.invite-form-students-label{margin-top:6px;font-weight:700}.invite-form-actions{background:#fff;justify-content:flex-end;gap:10px;padding-top:6px;display:flex;position:sticky;bottom:0}.invite-form-actions button{flex:1;min-height:46px}.student-chip-row{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.student-chip{color:#1849a9;overflow-wrap:break-word;background:#eef4ff;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:6px 6px 6px 12px;font-size:13px;font-weight:600;display:inline-flex}.student-chip button{min-height:auto;color:inherit;background:0 0;border:none;flex-shrink:0;padding:2px}.student-selector{gap:10px;min-width:0;display:grid}.student-selector-search{background:#fff;border:1px solid #d8deea;border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.student-selector-search input{border:none;min-width:0;min-height:44px}.student-selector-filters{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.student-selector-bulk-row{flex-wrap:wrap;gap:8px;display:flex}.student-selector-bulk-row button{flex:1;min-width:140px;min-height:40px;font-size:13px}.invite-count-hint{margin:-4px 0 0}.student-selector-list{-webkit-overflow-scrolling:touch;border:1px solid #eef1f6;border-radius:14px;gap:6px;max-height:320px;padding:6px;display:grid;overflow:hidden auto}.student-selector-row{border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:44px;padding:10px 8px;display:grid}.student-selector-row.selected{background:#eef4ff}.student-selector-row input{flex-shrink:0;width:auto}.student-selector-name{overflow-wrap:break-word;min-width:0;font-weight:650}.student-selector-meta{color:#667085;overflow-wrap:break-word;font-size:12px}.invite-review{gap:12px;min-width:0;display:grid}.invite-review-summary{gap:6px;min-width:0;display:grid}.invite-review-summary>div{overflow-wrap:break-word;flex-wrap:wrap;align-items:center;gap:8px;font-weight:650;display:flex}.invite-review-title{overflow-wrap:break-word;font-size:17px;font-weight:800}.invite-review-list{gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.invite-review-list li{background:#f7f9fd;border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:10px;min-width:0;padding:10px 12px;display:flex}.invite-review-name{align-items:center;gap:6px;display:inline-flex}.allergy-text{color:#b45309;font-size:13px;font-weight:700}.allergy-summary{color:#b45309;background:#fef3c7;border-radius:12px;align-items:center;gap:6px;margin:0;padding:10px 12px;font-weight:650;display:flex}.groups-panel{border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;border:1px solid #e1e6ef;gap:12px;min-width:0;padding:16px;display:grid}.groups-mode-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.groups-mode-row input[type=number]{width:84px;min-height:44px}.groups-generate-btn,.groups-shuffle-btn{width:100%;min-height:48px;font-weight:700}.groups-results{gap:12px;min-width:0;display:grid}.groups-results-actions{flex-wrap:wrap;gap:8px;display:flex}.groups-results-actions button{flex:1;min-height:44px}.groups-grid{gap:12px;min-width:0;display:grid}.group-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;border:1px solid #e1e6ef;min-width:0;padding:14px 16px}.group-card h3{overflow-wrap:break-word;margin:0 0 8px;font-size:15px}.group-card ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.group-card li{overflow-wrap:break-word;border-bottom:1px dashed #eef1f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-weight:600;display:flex}.group-card li:last-child{border-bottom:none}.step-indicator{color:#98a2b3;align-items:center;gap:8px;padding:2px 2px 0;font-size:13px;font-weight:700;display:flex}.step-indicator-arrow{color:#d0d5dd}.step-indicator-current{color:#172033}.class-filter-label{text-transform:uppercase;letter-spacing:.04em;color:#475467;margin-top:2px;font-size:13px;font-weight:700}.class-filter-select{min-height:44px;font-weight:650}.group-confirm-summary{text-align:center;background:#eef4ff;border-radius:14px;justify-items:center;gap:8px;padding:14px;display:grid}.group-confirm-summary p{color:#1849a9;margin:0;font-weight:650}.group-confirm-summary button{width:100%;min-height:44px}.random-student-panel{border:1px dashed #cbd5e1}.random-student-tool{gap:10px;display:grid}.random-student-tool h2{margin:0;font-size:16px}.random-student-card{text-align:center;background:#f7f9fd;border-radius:14px;align-content:center;justify-items:center;gap:4px;min-height:72px;padding:18px;display:grid}.random-student-card.empty{color:#98a2b3}.random-student-name{font-size:20px;font-weight:800}.random-student-actions{flex-wrap:wrap;gap:8px;display:flex}.random-student-actions button{flex:1;min-height:46px}.group-overview{gap:14px;display:grid}.group-overview-toolbar{flex-wrap:wrap;gap:8px;display:flex}.group-overview-toolbar button{flex:1;min-height:44px}.group-student-chip{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overflow-wrap:break-word;background:#f7f9fd;border-bottom:none;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:40px;padding:8px 10px;font-weight:600;display:flex}.group-student-chip:active{cursor:grabbing}.group-student-chip.dragging{opacity:.5;background:#eef4ff}.group-card.drop-target{outline-offset:2px;background:#f5f8ff;outline:2px dashed #2457d6}.move-student-overlay{z-index:220;background:#0f172a73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.move-student-sheet{width:100%;max-width:420px;box-shadow:var(--shadow-modal);padding:18px 18px calc(18px + env(safe-area-inset-bottom));background:#fff;border-radius:20px 20px 0 0;gap:12px;display:grid}.move-student-sheet p{margin:0}.move-student-options{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.move-student-options button{min-height:46px}.cancelled-badge{color:#475467;white-space:nowrap;background:#eef1f6;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.invite-card-cancelled{opacity:.75}.staff-page-header-actions,.public-invite-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history-filter-tabs{margin:4px 0;padding:0}@media print{.staff-page-header,.staff-tabs,.groups-panel,.groups-results-actions,.public-tool-header,.step-indicator,.group-overview-toolbar{display:none!important}.staff-page-body{max-width:none;padding:0}.group-student-chip{cursor:default}}.public-tool-page{width:100%;max-width:100%;min-height:100vh;padding-bottom:calc(24px + env(safe-area-inset-bottom));background:#f5f7fb;overflow-x:hidden}.public-tool-header{color:#fff;padding:calc(16px + env(safe-area-inset-top,0px)) 16px 16px;z-index:20;background:#111827;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.public-tool-brand{align-items:center;gap:12px;min-width:0;display:flex}.public-tool-mark{letter-spacing:-.03em;background:#2457d6;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.public-tool-header h1{overflow-wrap:break-word;margin:0;font-size:19px}.public-tool-subtitle{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.private-link-badge{color:#fde68a;white-space:nowrap;background:#ffffff1f;border:1px solid #fde68a59;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.public-tool-unavailable{text-align:center;color:#667085;place-items:center;gap:10px;min-height:100vh;padding:24px;display:grid}.public-tool-unavailable h1{color:#172033;margin:0}.cafeteria-handoff-page{background:#f5f7fb;place-items:center;width:100%;max-width:100%;min-height:100vh;padding:24px;display:grid;overflow-x:hidden}.cafeteria-handoff-card{text-align:center;justify-items:center;gap:14px;max-width:340px;display:grid}.cafeteria-handoff-card .public-tool-mark{background:#2457d6}.cafeteria-handoff-card p{color:#475467;margin:0;font-weight:600}.cafeteria-handoff-card .error{text-align:left}.cafeteria-spinner{border:3px solid #d8deea;border-top-color:#2457d6;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite cafeteria-spin}@keyframes cafeteria-spin{to{transform:rotate(360deg)}}.public-fab{width:fit-content;margin-left:auto;display:flex}.public-confirmation{text-align:center;justify-items:center;gap:10px;padding:32px 20px;display:grid}@media (width>=720px){.staff-page-body{max-width:900px}.student-selector-filters{grid-template-columns:repeat(4,1fr)}.invite-form-overlay{align-items:center}.invite-form-panel{border-radius:var(--radius-card);max-height:88vh}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (width<=900px){.app-shell{grid-template-columns:1fr}aside{height:auto;position:relative}.panel-toolbar{flex-direction:column}.toolbar-actions{justify-content:flex-start}.form-grid{grid-template-columns:1fr}.stat-cards{grid-template-columns:repeat(2,1fr)}}.dorm-room-list{gap:16px;display:grid}.dorm-room-list-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dorm-room-list-head h2{margin:0 0 4px}.dorm-filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dorm-filter-row .search-box{flex:1;min-width:200px}.dorm-room-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.dorm-room-card{border-radius:var(--radius-card);background:#fff;border:1px solid #e1e6ef;align-content:start;gap:10px;padding:16px;display:grid}.dorm-room-card-head{justify-content:space-between;align-items:center;display:flex}.dorm-room-card-occupants{gap:6px;margin:0;padding:0;list-style:none;display:grid}.dorm-room-card-occupants li{font-weight:600}.dorm-occupant-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex;font-weight:500!important}.dorm-occupant-row select{width:auto;min-width:110px;padding:6px 8px}.dorm-occupant-row button{padding:6px 10px;font-size:13px}.linklike{color:#2457d6;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.dorm-check-flow{gap:16px;max-width:720px;display:grid}.dorm-check-sticky-header{z-index:5;border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;border:1px solid #e1e6ef;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex;position:sticky;top:0}.dorm-check-sticky-header>div:nth-child(2){flex:1;min-width:0;display:grid}.dorm-check-live-score{text-align:right;margin-left:auto;font-weight:800;display:grid}.dorm-check-live-score span{color:#667085;font-size:13px;font-weight:600}.dorm-check-section{border-radius:var(--radius-card);background:#fff;border:1px solid #e1e6ef;gap:10px;padding:16px;display:grid}.dorm-check-section h3{margin:0 0 4px;font-size:16px}.dorm-checklist-row{border-bottom:1px solid #f0f2f6;gap:6px;padding:6px 0;display:grid}.dorm-checklist-row:last-child{border-bottom:none}.dorm-checklist-toggle{text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 4px;display:flex}.dorm-check-icon-on{color:#16a34a;flex-shrink:0}.dorm-check-icon-off{color:#b7bfcc;flex-shrink:0}.dorm-checklist-label{flex:1;font-weight:650;display:grid}.dorm-checklist-label small{color:#667085;font-weight:500}.dorm-checklist-points{color:#667085;white-space:nowrap;font-size:13px;font-weight:700}.dorm-checklist-comment-toggle{color:#2457d6;background:0 0;border:none;align-self:start;padding:2px 4px;font-size:12px;font-weight:700}.dorm-checklist-comment-input{width:calc(100% - 38px);margin-left:38px}.dorm-private-comment{font-size:13px}.dorm-check-submit-bar{background:#fff;border-top:1px solid #e1e6ef;justify-content:flex-end;gap:10px;padding:12px 4px;display:flex;position:sticky;bottom:0}.dorm-confirm-panel{border-radius:var(--radius-card);background:#fff;border:1px solid #e1e6ef;gap:10px;padding:16px;display:grid}.dorm-confirm-student{border-bottom:1px solid #f0f2f6;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex}.dorm-confirm-student:last-of-type{border-bottom:none}.dorm-dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.dorm-dashboard-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;border:1px solid #e1e6ef;gap:4px;padding:18px;display:grid}.dorm-dashboard-card-value{font-size:28px;font-weight:900}.dorm-dashboard-card-label{color:#667085;font-size:13px;font-weight:650}.dorm-dashboard-card-wide{grid-column:1/-1}.dorm-dashboard-attendance-summary{font-size:16px;font-weight:800}.dorm-picker-wrap{max-width:520px;margin:0 auto;padding:24px 16px}.dorm-picker-grid{gap:12px;margin-top:14px;display:grid}.dorm-picker-card{border-radius:var(--radius-card);text-align:left;background:#fff;border:1px solid #e1e6ef;gap:4px;min-height:64px;padding:18px;display:grid}.dorm-tab-bar{background:#fff;border-bottom:1px solid #e1e6ef;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.dorm-tab-bar-dorm{margin-right:6px;font-weight:800}.dorm-management-page .dorm-room-list,.dorm-management-page .dorm-check-flow{padding:16px}.dorm-management-page{touch-action:manipulation}.dorm-tab-bar-nested{border:1px solid #e1e6ef;border-radius:12px;margin-bottom:14px;padding:8px 10px}.check-row-group{gap:6px;display:grid}.dorm-chores-student-grid{max-height:240px;overflow-y:auto}.dorm-settings-list{gap:8px;display:grid}.dorm-settings-list-item{text-align:left;background:#fff;border:1px solid #e1e6ef;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:650;display:flex}.dorm-settings-list-item svg{color:#667085;flex-shrink:0}.dorm-migration-panel{border-radius:var(--radius-card);background:#fafbfd;border:1px solid #e1e6ef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:14px;display:flex}.dorm-migration-panel>div:first-child{max-width:560px}.dorm-migration-panel .message,.dorm-migration-panel .error{flex-basis:100%;margin:0}.dorm-home{gap:16px;padding:16px;display:grid}.dorm-home-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.dorm-home-head h2{margin:2px 0 0}.dorm-home-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.dorm-home-grid-narrow{max-width:420px}.dorm-home-card{border-radius:var(--radius-card);color:#172033;min-height:92px;box-shadow:var(--shadow-card);background:#fff;border:1px solid #e1e6ef;justify-items:center;gap:8px;padding:20px 14px;font-weight:700;display:grid}.dorm-home-card:hover{background:#f7f9fd}.dorm-home-card svg{color:#2457d6}@media (width<=420px){.dorm-home-grid{grid-template-columns:1fr}}.dorm-secondary-link{color:#7c4dab;background:0 0;border:none;justify-self:start;align-items:center;gap:6px;padding:4px 0;font-size:13px;font-weight:700;display:inline-flex}.dorm-attendance-new-btn{justify-self:start}.dorm-attendance-duplicate-warning{border-radius:var(--radius-card);background:#fff7ed;border:1px solid #fed7aa;gap:8px;padding:14px;display:grid}.dorm-attendance-bulk-row{flex-wrap:wrap;gap:8px;display:flex}.dorm-attendance-list{gap:4px;display:grid}.dorm-attendance-row{background:#fff;border:1px solid #e1e6ef;border-radius:12px;gap:6px;padding:10px 12px;display:grid}.dorm-attendance-row-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.dorm-attendance-name{overflow-wrap:anywhere;min-width:0;font-weight:650}.dorm-attendance-status-group{flex-shrink:0;gap:4px;display:flex}.dorm-attendance-status-btn{color:#667085;background:#f7f9fd;border:1px solid #e1e6ef;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:700}.dorm-attendance-status-btn.on-time.selected{color:#15803d;background:#dcfce7;border-color:#16a34a}.dorm-attendance-status-btn.late.selected{color:#a16207;background:#fef9c3;border-color:#ca8a04}.dorm-attendance-status-btn.absent.selected{color:#b91c1c;background:#fee2e2;border-color:#dc2626}.dorm-attendance-status-btn.excused.selected{color:#1d4ed8;background:#dbeafe;border-color:#2563eb}.dorm-attendance-note-toggle{color:#2457d6;background:0 0;border:none;justify-self:start;padding:0;font-size:12px;font-weight:700}.dorm-pdf-generator{border-radius:var(--radius-card);background:#fafbfd;border:1px solid #e1e6ef;gap:10px;padding:14px;display:grid}.dorm-pdf-generator h3{margin:0;font-size:14px}.calendar-content-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.calendar-content-sections{gap:14px;display:grid}.calendar-section-editor{background:#fafbfd;border:1px solid #e1e6ef;border-radius:14px;gap:10px;padding:14px 16px;display:grid}.calendar-section-editor.disabled{opacity:.55}.calendar-section-editor-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.calendar-section-heading-input{flex:1;min-width:160px;font-weight:700}.calendar-section-editor-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.calendar-section-editor-actions button{padding:6px 8px}.calendar-block-list{gap:6px;display:grid}.calendar-block-row{border-bottom:1px solid #eef1f6;gap:4px;padding-bottom:8px;display:grid}.calendar-block-row:last-child{border-bottom:none}.calendar-block-toolbar{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.calendar-block-toolbar button{background:0 0;border-color:#0000;padding:5px 7px}.calendar-block-toolbar button.active{color:#1d49b9;background:#e9efff;border-color:#b9c9ff}.calendar-block-toolbar-divider{background:#e1e6ef;align-self:stretch;width:1px;margin:0 4px}.calendar-block-toolbar-spacer{flex:1}.calendar-block-input{resize:vertical;border:1px solid #d8deea;border-radius:8px;width:100%;min-height:38px;padding:8px 10px;font-family:inherit;font-size:14px}.calendar-block-input.bold{font-weight:800}.calendar-block-input.italic{font-style:italic}.calendar-block-input.heading{font-size:17px;font-weight:800}.calendar-pdf-label{font-size:14px;font-weight:650}.calendar-pdf-actions{flex-wrap:wrap;gap:8px;display:flex}.calendar-pdf-meta{grid-template-columns:auto 1fr;gap:2px 10px;margin:4px 0 8px;font-size:12.5px;display:grid}.calendar-pdf-meta dt{color:#6b7280}.calendar-pdf-meta dd{overflow-wrap:anywhere;margin:0}.calendar-pdf-meta code{font-size:12px}.calendar-unsaved-flag{color:#b25e09;margin-right:auto;font-weight:700}.calendar-preview-wrap{position:sticky;top:20px}.calendar-preview-wrap h2{margin:0 0 2px;font-size:16px}.calendar-preview-page{border-radius:var(--radius-card);background:#fff;border:1px solid #e1e6ef;gap:14px;margin-top:10px;padding:20px;display:grid}.calendar-preview-titlebar{font-size:20px;font-weight:900}.calendar-preview-section{gap:4px;display:grid}.calendar-preview-heading{margin:4px 0 0;font-size:16px;font-weight:800}.calendar-preview-block{margin:0;line-height:1.5}.calendar-preview-block.bold{font-weight:800}.calendar-preview-block.italic{font-style:italic}.calendar-preview-block.heading{margin-top:6px;font-size:17px;font-weight:800}.calendar-preview-pdf-button{color:#1849a9;cursor:pointer;background:#eef4ff;border:none;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.calendar-preview-empty{text-align:center;padding:20px 0}@media (width<=1000px){.calendar-content-grid{grid-template-columns:1fr}.calendar-preview-wrap{position:static}}.campus-map-page{background:#f5f7fb;flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex;overflow-x:hidden}.campus-map-page-header{color:#fff;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 14px;background:#111827;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.campus-map-page-header h1{overflow-wrap:break-word;margin:0 0 2px;font-size:19px}.campus-map-page-header p{color:#cbd5e1;margin:0}.campus-map-pdf-link{color:#fff;white-space:nowrap;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.campus-map-controls-row{background:#fff;border-bottom:1px solid #e1e6ef;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.campus-map-category-filter{max-width:220px}.campus-map-search{flex:1;min-width:200px;max-width:360px;position:relative}.campus-map-search-box input{min-width:0}.campus-map-search-results{z-index:30;box-shadow:var(--shadow-modal);background:#fff;border:1px solid #e1e6ef;border-radius:12px;max-height:320px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.campus-map-search-result{text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:14px;display:flex}.campus-map-search-result:hover,.campus-map-search-result:focus-visible{background:#f0f4ff}.campus-map-search-result-number{color:#1849a9;background:#eef4ff;border-radius:999px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.campus-map-search-empty{padding:10px}.campus-map-viewer{background:#eef1f6;flex:1;min-height:60vh;position:relative;overflow:hidden}.campus-map-transform-wrapper,.campus-map-transform-content{width:100%!important;height:100%!important}.campus-map-image-wrap{width:100%;position:relative}.campus-map-image{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.campus-map-zoom-controls{z-index:20;flex-direction:column;align-items:stretch;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.campus-map-zoom-controls button{box-shadow:var(--shadow-card);background:#fff;border:1px solid #e1e6ef;border-radius:12px;place-items:center;width:42px;height:42px;padding:0;display:grid}.campus-map-reset-btn{align-items:center;gap:6px;font-size:12px;font-weight:700;width:auto!important;padding:0 12px!important;display:flex!important}.campus-map-hotspot{min-width:22px;min-height:22px;box-shadow:none;-webkit-tap-highlight-color:transparent;cursor:pointer;pointer-events:auto;background:0 0;border:none;border-radius:6px;outline:none;padding:0;position:absolute}.campus-map-legend{background:#fff;border-top:1px solid #e1e6ef}.campus-map-legend-toggle{background:0 0;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:700;display:flex}.campus-map-legend-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px;max-height:240px;padding:4px 12px 14px;display:grid;overflow-y:auto}.campus-map-legend-item{text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.campus-map-legend-item:hover,.campus-map-legend-item.active{background:#f0f4ff}.campus-map-legend-number{color:#1849a9;background:#eef4ff;border-radius:999px;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.campus-map-info-overlay{z-index:50;background:#0f172a59;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.campus-map-info-panel{width:100%;max-width:100%;max-height:82vh;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-radius:20px 20px 0 0;position:relative;overflow-y:auto;box-shadow:0 -8px 30px #0003}.campus-map-info-drag-handle{background:#d8deea;border-radius:999px;width:40px;height:4px;margin:10px auto 2px}.campus-map-info-close{z-index:2;background:#ffffffe6;position:absolute;top:10px;right:10px}.campus-map-info-photo{object-fit:cover;width:100%;height:200px;display:block}.campus-map-info-photo-placeholder{color:#9aa4b2;background:#eef1f6;place-items:center;display:grid}.campus-map-info-body{gap:10px;padding:16px 20px 24px;display:grid}.campus-map-info-title-row{align-items:center;gap:10px;display:flex}.campus-map-info-title-row h2{overflow-wrap:break-word;margin:0;font-size:20px}.campus-map-info-number{color:#1849a9;background:#eef4ff;border-radius:999px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:grid}.campus-map-info-description{color:#475467;margin:0;line-height:1.5}.campus-map-info-rows{border-top:1px solid #eef1f6;gap:10px;padding-top:10px;display:grid}.campus-map-info-row{align-items:flex-start;gap:10px;display:flex}.campus-map-info-icon{color:#667085;flex-shrink:0;margin-top:2px}.campus-map-info-label{text-transform:uppercase;letter-spacing:.04em;color:#9aa4b2;font-size:11px;font-weight:700;display:block}.campus-map-info-value{overflow-wrap:break-word;display:block}.campus-map-info-empty{align-items:center;gap:6px;display:flex}@media (width>=860px){.campus-map-info-overlay{pointer-events:none;background:0 0;justify-content:flex-end;align-items:stretch}.campus-map-info-panel{pointer-events:auto;border-left:1px solid #e1e6ef;border-radius:0;width:380px;max-width:380px;height:100%;max-height:100%;box-shadow:-8px 0 30px #0000001f}.campus-map-info-drag-handle{display:none}}.campus-map-row-title{align-items:center}.campus-map-row-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:40px;height:40px}.campus-map-row-thumb-empty{color:#9aa4b2;background:#eef1f6;place-items:center;font-size:13px;font-weight:800;display:grid}.campus-map-photo-preview{object-fit:cover;border-radius:12px;width:100%;max-width:320px;margin-bottom:4px;display:block}.campus-map-editor{grid-template-columns:260px 1fr;align-items:start;gap:18px;display:grid}.campus-map-editor-sidebar{border-radius:var(--radius-card);background:#fff;border:1px solid #e1e6ef;gap:10px;padding:16px;display:grid;position:sticky;top:20px}.campus-map-editor-actions{flex-wrap:wrap}.campus-map-editor-canvas{position:relative}.campus-map-editor-empty{margin-bottom:12px}.campus-map-editor-image-wrap{border-radius:var(--radius-card);touch-action:none;border:1px solid #e1e6ef;width:100%;position:relative;overflow:hidden}.campus-map-editor-other-hotspot{pointer-events:none;background:#66708514;border:1.5px dashed #66708566;border-radius:6px}.campus-map-editor-active-hotspot{cursor:move;touch-action:none;background:#2457d62e;border:2px solid #2457d6;border-radius:6px;position:absolute}.campus-map-editor-hotspot-label{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#172033;border-radius:6px;max-width:260px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:-26px;left:0;overflow:hidden}.campus-map-resize-handle{touch-action:none;background:#fff;border:2px solid #2457d6;border-radius:50%;width:16px;height:16px;position:absolute}.campus-map-resize-nw{cursor:nwse-resize;top:-8px;left:-8px}.campus-map-resize-ne{cursor:nesw-resize;top:-8px;right:-8px}.campus-map-resize-sw{cursor:nesw-resize;bottom:-8px;left:-8px}.campus-map-resize-se{cursor:nwse-resize;bottom:-8px;right:-8px}@media (width<=900px){.campus-map-editor{grid-template-columns:1fr}.campus-map-editor-sidebar{position:static}.campus-map-viewer{min-height:50vh}}