:root{color-scheme:dark;--bg: #0b0d12;--surface: #141820;--surface2: #1c2230;--border: rgba(131, 149, 194, .18);--text: #e7ecf7;--text2: #99a3b9;--font: "Press Start 2P", "Courier New", monospace;--font-ui: Inter, ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);min-height:100vh}img{display:block;max-width:100%}button{font:inherit}#root{min-height:100vh}.office-world{position:relative;width:100vw;height:100vh;overflow:hidden}.map-status{position:absolute;top:12px;left:12px;z-index:20;display:flex;align-items:center;gap:8px;background:#0d1018eb;border:2px solid #22293b;padding:6px 12px;pointer-events:auto}.office-title{font-family:var(--font);font-size:10px;letter-spacing:.5px}.office-status{font-size:8px;font-family:var(--font);text-transform:uppercase;padding:2px 6px;border:1px solid currentColor;letter-spacing:.06em}.office-status.on{color:#78f7b5;background:#78f7b514}.office-status.off{color:#8792a8;background:#8792a814}.berlin-clock{font-family:var(--font);font-size:8px;color:#95d8ff}.zoom-label{font-family:var(--font);font-size:10px;color:#95d8ff}.office-layout{position:absolute;top:0;right:0;bottom:0;left:0}.layout-three-column{display:flex;width:100%;height:100%}.layout-center{flex:1;min-width:0;position:relative}.resizable-panel{position:relative;overflow:hidden}.resizable-left{background:#111520;border-right:1px solid #23293a}.resizable-right{background:#111520;border-left:1px solid #23293a}.resize-handle{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;z-index:10}.resizable-left .resize-handle{right:0}.resizable-right .resize-handle{left:0}.resize-handle:hover{background:#95d8ff1a}.resize-handle:active{background:#95d8ff33}.left-sidebar{display:flex;flex-direction:column;height:100%;overflow:hidden}.left-sidebar-header{padding:10px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-search{width:100%;padding:6px 8px;font-size:12px;background:#141a26;border:1px solid #2a3448;color:var(--text);font-family:var(--font-ui)}.sidebar-search:focus{outline:none;border-color:#5070a0}.sidebar-search::placeholder{color:var(--text2)}.left-sidebar-tree{flex:1;overflow-y:auto;padding:4px 0}.room-tree-node{border-bottom:1px solid rgba(255,255,255,.03)}.room-tree-node>summary{list-style:none}.room-tree-node>summary::-webkit-details-marker{display:none}.room-tree-summary{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;cursor:pointer;font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font);font-size:7px}.room-tree-summary:hover{background:#ffffff05}.room-tree-summary.active{color:#95d8ff;background:#95d8ff0a}.room-tree-count{font-family:var(--font);font-size:8px;color:var(--text2)}.room-tree-agents{padding:0 4px 4px}.tree-agent-row{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;margin:1px 0;text-align:left;background:none;border:none;color:var(--text);cursor:pointer;font-size:11px;font-family:var(--font-ui);transition:background .1s}.tree-agent-row:hover{background:#ffffff08}.tree-agent-row.active{background:#95d8ff14}.tree-agent-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:5px;color:#000}.tree-agent-name{flex-shrink:0;font-weight:500}.tree-agent-focus{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text2);font-size:10px}.left-sidebar-actions{padding:8px 10px;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:6px}.sidebar-action-btn{flex:1;padding:6px;font-family:var(--font);font-size:7px;letter-spacing:.06em;background:#1a2e3e;border:1px solid #3a5a68;color:#95d8ff;cursor:pointer;text-align:center;transition:all .15s}.sidebar-action-btn:hover{background:#1e3a4e;border-color:#5080a0}.right-sidebar-content{display:flex;flex-direction:column;height:100%;overflow-y:auto}.connection-error-banner{position:absolute;top:48px;left:50%;transform:translate(-50%);z-index:25;padding:4px 12px;background:#ff8b8b1f;border:1px solid #ff8b8b44;color:#ff8b8b;font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:6px}.layout-mobile{display:flex;flex-direction:column;height:100%}.layout-mobile .map-viewport{flex:1;position:relative}.layout-mobile .right-sidebar-content{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#111520;border-top:2px solid #23293a;max-height:50vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0px)}.map-viewport{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(255,255,255,.02) 31px,rgba(255,255,255,.02) 32px),repeating-linear-gradient(90deg,transparent,transparent 31px,rgba(255,255,255,.02) 31px,rgba(255,255,255,.02) 32px),#090b10}.map-controls{position:absolute;top:12px;right:12px;z-index:5;display:flex;gap:4px;align-items:center;background:#0d1018eb;border:2px solid #22293b;padding:4px}.map-controls button{width:28px;height:28px;border:1px solid #39435d;background:#161b27;color:var(--text);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.map-controls button:hover{background:#1e2538}.map-scroll{width:100%;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;padding:24px}.map-container{position:relative;flex-shrink:0}.map-bg{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;box-shadow:0 0 60px #0000008c;border:2px solid #23293a}.off-hours-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#080c20a6,#060816b8);mix-blend-mode:multiply}.off-hours-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:7;font-family:var(--font);text-align:center;pointer-events:none;background:#0a0e1ad9;border:2px solid #2a3050;padding:16px 28px}.off-hours-banner span{display:block;color:#8792a8;font-size:14px;letter-spacing:.1em}.off-hours-sub{font-size:8px;margin-top:6px;color:#5a6380}.room-overlay{position:absolute;border:1px dashed transparent;cursor:pointer;z-index:1;transition:all .2s}.room-overlay:hover{border-color:#95d8ff33;background:#95d8ff05}.room-overlay.highlight{border-color:#95d8ff59;background:#95d8ff0d}.room-label{position:absolute;bottom:4px;left:6px;font-family:var(--font);font-size:7px;color:#ffffffa6;text-shadow:1px 1px 0 #000,2px 2px 0 rgba(0,0,0,.65);white-space:nowrap;pointer-events:none}.room-count{position:absolute;top:4px;right:6px;font-family:var(--font);font-size:7px;color:#95d8ffb3;text-shadow:1px 1px 0 #000;pointer-events:none}.agent-sprite{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:4;transition:left .8s ease-in-out,top .8s ease-in-out,transform .15s;width:26px;height:30px}.agent-sprite:hover{transform:translate(-50%,-50%) scale(1.15);z-index:15}.agent-sprite.selected{z-index:20}.agent-sprite.idle{animation:idle-bob 3s ease-in-out infinite}@keyframes idle-bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 2px))}}.agent-sprite.idle:hover{animation:none;transform:translate(-50%,-50%) scale(1.15)}.sprite-shadow{position:absolute;left:50%;bottom:3px;width:14px;height:4px;transform:translate(-50%);border-radius:999px;background:#00000073;filter:blur(.6px)}.sprite-art{position:absolute;left:50%;bottom:5px;transform-origin:bottom center;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}.sprite-art-strip{image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;display:block}.sprite-frame-clip{pointer-events:none}.sprite-badge{position:absolute;top:0;right:0;width:7px;height:7px;border:1.5px solid rgba(12,14,20,.92);border-radius:999px;box-shadow:0 0 6px color-mix(in srgb,var(--accent) 45%,transparent)}.sprite-dot{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(0,0,0,.5);position:absolute;left:50%;bottom:6px;transform:translate(-50%);z-index:2}.sprite-initial{font-family:var(--font);font-size:7px;color:#000;font-weight:700}.agent-sprite.idle .sprite-art,.agent-sprite.idle .sprite-frame-clip,.agent-sprite.idle .sprite-dot,.agent-sprite.idle .sprite-badge{opacity:.55}.sprite-label{position:absolute;left:50%;top:var(--label-offset-y, 25px);transform:translate(-50%);font-family:var(--font);font-size:5.5px;line-height:1.1;color:#fff;text-shadow:0 1px 2px #000,0 -1px 2px #000,1px 0 2px #000,-1px 0 2px #000;text-align:center;white-space:nowrap;pointer-events:none;background:#080c14b3;padding:1px 3px;border-radius:2px;transition:background .15s}.agent-sprite:hover .sprite-label,.agent-sprite.selected .sprite-label{background:#080c14f2;z-index:25}.sprite-pulse{position:absolute;top:45%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);border:1.5px solid;border-radius:50%;animation:pulse 2s ease-out infinite;pointer-events:none}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.9);opacity:.7}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#111520;border-top:2px solid #23293a;display:flex;flex-direction:column;transition:height .3s cubic-bezier(.4,0,.2,1);max-height:90vh;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-sheet.snap-collapsed{height:calc(48px + env(safe-area-inset-bottom,0px))}.bottom-sheet.snap-half{height:45vh}.bottom-sheet.snap-full{height:90vh}.bottom-sheet.dragging{transition:none}.sheet-handle{display:flex;align-items:center;justify-content:center;height:28px;cursor:grab;flex-shrink:0;-webkit-user-select:none;user-select:none;touch-action:none}.sheet-handle:active{cursor:grabbing}.sheet-handle-bar{width:48px;height:4px;border-radius:2px;background:#3a4560}.sheet-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.sheet-body h2{font-family:var(--font);font-size:9px;color:var(--text2);padding:14px 14px 8px;letter-spacing:.08em}.presence-summary{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:10px}.presence-grid{padding:0 14px;display:flex;flex-direction:column;gap:6px}.presence-row{display:flex;align-items:center;gap:8px;font-size:12px}.presence-dot{width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:7px;color:#000}.presence-name{flex:1}.presence-count{color:var(--text2);font-size:11px}.side-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.side-tab{flex:1;padding:8px 4px;font-family:var(--font);font-size:8px;letter-spacing:.05em;text-align:center;background:none;border:none;color:var(--text2);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.side-tab:hover{color:var(--text);background:#ffffff05}.side-tab.active{color:#95d8ff;border-bottom-color:#95d8ff}.agent-roster{padding:8px 0;flex:1;overflow-y:auto}.roster-card{display:block;width:calc(100% - 20px);margin:0 10px 6px;text-align:left;background:#181d2a;border:1px solid rgba(255,255,255,.05);padding:8px;cursor:pointer;color:var(--text);transition:all .1s}.roster-card:hover{background:#1e2536}.roster-card.active{border-color:#95d8ff66;background:#1c2434}.roster-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.roster-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:7px;color:#000}.roster-head strong{flex:1;font-size:12px}.roster-state{font-size:10px;text-transform:uppercase;letter-spacing:.05em}.roster-meta{display:flex;gap:10px;font-size:11px;color:var(--text2);margin-top:3px;flex-wrap:wrap}.activity-feed{padding:8px 10px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.feed-empty{color:var(--text2);font-size:12px;text-align:center;padding:20px 0}.feed-entry{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;border-left:2px solid rgba(255,255,255,.06);font-size:12px}.feed-assignment{border-left-color:var(--feed-color-assignment)}.feed-presence{border-left-color:var(--feed-color-presence)}.feed-decision{border-left-color:var(--feed-color-decision)}.feed-system{border-left-color:var(--feed-color-system)}.feed-icon{font-size:10px;color:var(--text2);flex-shrink:0;padding-top:2px}.feed-body{display:flex;flex-direction:column;gap:2px;min-width:0}.feed-text{line-height:1.4}.feed-time{font-size:10px;color:var(--text2)}.tasks-panel{padding:8px 10px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.task-card{padding:8px;background:#181d2a;border:1px solid rgba(255,255,255,.05);border-left:3px solid var(--text2)}.task-low{border-left-color:#78f7b5}.task-medium{border-left-color:#ffd479}.task-high{border-left-color:#ff8b8b}.task-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}.task-head strong{font-size:12px}.task-priority{font-size:9px;text-transform:uppercase;color:var(--text2);letter-spacing:.06em}.task-meta{display:flex;gap:10px;font-size:11px;color:var(--text2)}.task-brief{font-size:11px;color:var(--text2);margin-top:4px;line-height:1.4}.detail-card{margin:10px;padding:12px;background:#1a2030;border:2px solid;flex-shrink:0}.detail-head{display:flex;gap:10px;margin-bottom:10px}.detail-avatar{width:44px;height:44px;border-radius:10px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.detail-avatar-art{max-width:26px;max-height:34px;image-rendering:pixelated;image-rendering:crisp-edges}.detail-avatar-letter{font-family:var(--font);font-size:16px;color:var(--text2)}.detail-head h3{font-size:14px;margin-bottom:4px}.detail-head>div>span{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.detail-fields{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:11px}.detail-fields dt{color:var(--text2);text-transform:uppercase;font-size:9px;letter-spacing:.05em}.detail-fields dd{margin:0}.agent-livefeed{margin-top:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.agent-livefeed-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.agent-livefeed-head strong{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.agent-livefeed-head span,.live-meta{font-size:10px;color:var(--text2)}.agent-livefeed-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.live-pill{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid currentColor;background:#ffffff08;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.agent-livefeed-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;padding-right:2px}.livefeed-entry{background:#ffffff05;border-radius:6px}.assign-btn{margin-top:10px;width:100%;padding:7px;font-family:var(--font);font-size:8px;background:#1e2a3e;border:1px solid #3a4a68;color:#95d8ff;cursor:pointer;letter-spacing:.06em;transition:all .15s}.assign-btn:hover{background:#243250;border-color:#5070a0}.assign-form{margin-top:10px;display:flex;flex-direction:column;gap:6px}.assign-form-head{display:flex;justify-content:space-between;align-items:center}.assign-form-head strong{font-size:11px}.assign-close{background:none;border:none;color:var(--text2);cursor:pointer;font-size:16px;padding:0 4px}.assign-input,.assign-select{width:100%;padding:6px 8px;font-size:12px;background:#141a26;border:1px solid #2a3448;color:var(--text);font-family:var(--font-ui);resize:vertical}.assign-input:focus,.assign-select:focus{outline:none;border-color:#5070a0}.assign-row{display:flex;gap:6px}.assign-row>*{flex:1}.assign-submit{padding:7px;font-family:var(--font);font-size:8px;background:#1a3a28;border:1px solid #2a6a42;color:#78f7b5;cursor:pointer;letter-spacing:.06em;transition:all .15s}.assign-submit:hover{background:#224a32;border-color:#3a8a52}.speech-bubble{position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);background:#101420f0;border:1.5px solid var(--bubble-accent, #95d8ff);padding:3px 6px;white-space:normal;width:max-content;max-width:110px;border-radius:3px;z-index:30;pointer-events:none;animation:bubble-in .15s ease-out}.speech-text{font-family:var(--font);font-size:5.5px;line-height:1.3;color:var(--text);letter-spacing:.01em}.speech-tail{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--bubble-accent, #95d8ff)}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.room-detail-card{margin:10px;padding:12px;background:#1a2030;border:2px solid rgba(149,216,255,.25);flex-shrink:0}.room-detail-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.room-detail-head h3{font-size:13px;margin-bottom:2px}.room-detail-team{font-size:10px;color:var(--text2);text-transform:uppercase;letter-spacing:.06em}.room-detail-purpose{font-size:11px;color:var(--text2);line-height:1.4;margin-bottom:10px}.room-detail-agents{display:flex;flex-direction:column;gap:6px}.room-agent-row{display:flex;align-items:center;gap:8px;font-size:12px}.room-agent-row .roster-state{margin-left:auto}.office-rules{padding:12px 14px;font-size:11px;color:var(--text2);line-height:1.5;margin-top:auto;flex-shrink:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:auto;z-index:999;padding:8px 16px;background:#95d8ff;color:#0b0d12;font-weight:700;text-decoration:none}.skip-link:focus{left:8px;top:8px}:focus-visible{outline:2px solid #95d8ff;outline-offset:2px}button:focus:not(:focus-visible){outline:none}.add-agent-btn{display:block;width:calc(100% - 20px);margin:8px 10px 4px;padding:7px;font-family:var(--font);font-size:8px;letter-spacing:.06em;background:#1a2e3e;border:1px solid #3a5a68;color:#95d8ff;cursor:pointer;transition:all .15s;text-align:center}.add-agent-btn:hover{background:#1e3a4e;border-color:#5080a0}.agent-actions{margin-top:10px}.agent-crud-row{display:flex;gap:6px;margin-top:6px}.agent-edit-btn,.agent-delete-btn{flex:1;padding:6px;font-family:var(--font);font-size:7px;letter-spacing:.06em;cursor:pointer;transition:all .15s}.agent-edit-btn{background:#1e2a3e;border:1px solid #3a4a68;color:#95d8ff}.agent-edit-btn:hover{background:#243250;border-color:#5070a0}.agent-delete-btn{background:#2e1a1a;border:1px solid #6a3a3a;color:#ff8b8b}.agent-delete-btn:hover{background:#3e2222;border-color:#8a4a4a}.delete-confirm{display:flex;align-items:center;gap:6px;flex:1;font-size:11px;color:#ff8b8b}.delete-yes,.delete-no{padding:4px 8px;font-family:var(--font);font-size:7px;cursor:pointer}.delete-yes{background:#3e1a1a;border:1px solid #8a3a3a;color:#ff8b8b}.delete-no{background:#1e2a3e;border:1px solid #3a4a68;color:var(--text2)}.agent-form-checkbox{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text2);cursor:pointer}.agent-form-checkbox input{accent-color:#95d8ff}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:24px}.welcome-card{max-width:480px;width:100%;background:var(--surface);border:2px solid var(--border);padding:24px}.welcome-title{font-family:var(--font);font-size:12px;color:#95d8ff;text-align:center;margin-bottom:10px;letter-spacing:.05em}.welcome-subtitle{font-size:12px;color:var(--text2);text-align:center;margin-bottom:16px;line-height:1.5}.settings-panel{padding:8px 10px;flex:1;overflow-y:auto}.settings-section{border-bottom:1px solid rgba(255,255,255,.06)}.settings-section summary{font-family:var(--font);font-size:8px;color:var(--text2);padding:12px 0;cursor:pointer;letter-spacing:.06em;list-style:none;display:flex;justify-content:space-between}.settings-section summary:after{content:"+"}.settings-section[open] summary:after{content:"−"}.settings-section-body{padding:0 0 12px;display:flex;flex-direction:column;gap:8px}.settings-label{font-size:10px;color:var(--text2);margin-bottom:2px}.settings-save-indicator{font-family:var(--font);font-size:8px;margin-left:6px;transition:opacity .3s ease}.settings-save-indicator[data-status=saving]{color:#8792a8}.settings-save-indicator[data-status=saved]{color:#78f7b5}.settings-color-row{display:flex;align-items:center;gap:8px}.settings-color-input{width:32px;height:24px;border:1px solid var(--border);background:none;cursor:pointer;padding:0}.settings-color-label{font-size:11px;flex:1}.settings-color-hex{font-size:10px;color:var(--text2);font-family:var(--font)}.danger-zone{border-top:1px solid #6a3a3a44;margin-top:12px;padding-top:12px}.integration-settings{margin:0 0 12px;padding:8px;border:1px solid var(--border);border-radius:4px}.integration-settings h4{margin:0 0 8px;font-size:9px}.integration-settings label{display:block;margin:6px 0;font-size:8px;color:var(--text2)}.integration-settings input{width:100%;margin-top:2px;padding:4px 6px;background:var(--surface);border:1px solid var(--border);border-radius:3px;color:var(--text);font-size:9px;font-family:var(--font-ui)}.integration-actions{display:flex;gap:6px;align-items:center;margin-top:8px}.integration-info{font-size:8px;color:var(--text2);margin:6px 0 0}.integration-info code{background:var(--surface);padding:1px 4px;border-radius:2px}.room-edit-card{padding:8px;background:#181d2a;border:1px solid rgba(255,255,255,.05);margin-bottom:6px}.room-edit-head{display:flex;justify-content:space-between;align-items:center}.room-edit-name{font-size:12px;font-weight:700}.room-edit-team{font-size:10px;color:var(--text2)}.task-done{border-left:3px solid #78f7b5}.task-result{margin-top:6px;padding:6px 8px;background:#78f7b50f;border:1px solid rgba(120,247,181,.15);font-size:11px;line-height:1.5}.task-result-text{color:var(--text);white-space:pre-wrap;word-break:break-word}.task-result-actions{display:flex;gap:6px;margin-top:6px}.result-save-btn,.result-dismiss-btn{font-family:var(--font);font-size:8px;padding:4px 10px;border:1px solid;cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.result-save-btn{color:#78f7b5;border-color:#78f7b566;background:#78f7b510}.result-save-btn:hover{background:#78f7b520}.result-dismiss-btn{color:#8792a8;border-color:#8792a844;background:transparent}.result-dismiss-btn:hover{background:#8792a810}.result-saved-label{font-family:var(--font);font-size:8px;color:#78f7b5;margin-top:4px;display:block}.complete-task-btn{margin-top:6px;padding:4px 12px;font-family:var(--font);font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#95d8ff;border:1px solid #95d8ff44;background:#95d8ff10;cursor:pointer}.complete-task-btn:hover{background:#95d8ff20}.cancel-task-btn{padding:2px 8px;font-family:var(--font);font-size:7px;text-transform:uppercase;letter-spacing:.05em;color:#ff6b6b;border:1px solid #ff6b6b44;background:#ff6b6b10;cursor:pointer}.cancel-task-btn:hover{background:#ff6b6b20}.task-action-row{margin-top:6px;display:flex;gap:6px;align-items:center}.complete-form{margin-top:6px;display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--surface2);border:1px solid var(--border)}.result-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;margin-left:4px;border-radius:8px;background:#f76c6c;color:#fff;font-family:var(--font);font-size:7px;line-height:1}.agent-tasks-section{margin-top:8px;display:flex;flex-direction:column;gap:6px}.task-inline{padding:6px 8px}:root{--feed-color-assignment: #78f7b544;--feed-color-presence: #95d8ff44;--feed-color-decision: #c39bff44;--feed-color-system: #ffd47944}.sprite-badge.presence-active,.sprite-badge.presence-in_meeting{border-radius:2px}.sprite-badge.presence-blocked{border-radius:2px;transform:rotate(45deg)}.feed-skeleton{height:40px;border-radius:4px;background:linear-gradient(90deg,#1c2230 25%,#242b3a,#1c2230 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{position:fixed;bottom:80px;right:16px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:320px;pointer-events:none}.toast{padding:8px 12px;display:flex;align-items:center;gap:8px;background:#1a2030;border:1px solid;font-size:11px;line-height:1.4;animation:toast-in .3s ease-out;pointer-events:auto;box-shadow:0 4px 16px #0006}.toast-info{border-color:#95d8ff44;color:#95d8ff}.toast-success{border-color:#78f7b544;color:#78f7b5}.toast-warning{border-color:#ffd47944;color:#ffd479}.toast-error{border-color:#ff8b8b44;color:#ff8b8b}.toast-message{flex:1}.toast-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;padding:0 4px;opacity:.7}.toast-dismiss:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.decisions-panel{padding:8px 10px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.decision-card{padding:8px;background:#181d2a;border:1px solid rgba(255,255,255,.05);border-left:3px solid #ffd479}.decision-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}.decision-head strong{font-size:12px}.decision-status{font-size:9px;text-transform:uppercase;letter-spacing:.06em}.decision-detail{font-size:11px;color:var(--text2);line-height:1.4;margin-bottom:4px}.decision-meta{display:flex;gap:10px;font-size:10px;color:var(--text2)}.decision-actions{display:flex;gap:6px;margin-top:6px}.decision-accept{padding:4px 10px;font-family:var(--font);font-size:7px;color:#78f7b5;border:1px solid #78f7b566;background:#78f7b510;cursor:pointer}.decision-accept:hover{background:#78f7b520}.decision-reject{padding:4px 10px;font-family:var(--font);font-size:7px;color:#ff8b8b;border:1px solid #ff8b8b66;background:#ff8b8b10;cursor:pointer}.decision-reject:hover{background:#ff8b8b20}.chat-panel{display:flex;flex-direction:column;flex:1;overflow:hidden}.chat-room-select{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.chat-messages{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.chat-msg{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12px;padding:4px 8px;background:#ffffff05}.chat-sender{font-size:10px;color:#95d8ff}.chat-text{flex:1;min-width:0;line-height:1.4}.chat-time{font-size:9px;color:var(--text2)}.chat-form{display:flex;gap:6px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.06)}.chat-agent-select{width:100px;flex-shrink:0}.chat-input{flex:1}.chat-send{flex-shrink:0;padding:6px 12px}.history-panel{padding:8px 10px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.history-stats{display:flex;gap:8px}.stat-card{flex:1;padding:8px;background:#181d2a;border:1px solid rgba(255,255,255,.05);text-align:center;display:flex;flex-direction:column;gap:2px}.stat-value{font-family:var(--font);font-size:14px;color:#95d8ff}.stat-label{font-size:9px;color:var(--text2);text-transform:uppercase;letter-spacing:.06em}.history-chart{display:flex;flex-direction:column;gap:4px}.chart-bar-row{display:flex;align-items:center;gap:6px;font-size:10px}.chart-label{width:60px;text-align:right;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-bar{height:14px;background:#95d8ff33;border:1px solid #95d8ff44;min-width:2px;transition:width .3s}.chart-value{color:#95d8ff;font-family:var(--font);font-size:8px}.history-filters{display:flex;gap:6px;flex-wrap:wrap}.history-filters .assign-select{flex:1;min-width:100px}.prompt-preview{font-size:11px}.prompt-preview summary{cursor:pointer;color:var(--text2);font-size:10px}.prompt-text{margin-top:4px;padding:6px 8px;background:#141a26;border:1px solid #2a3448;font-size:10px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:120px;overflow-y:auto;font-family:var(--font-ui)}.system-prompt-section{margin-top:4px}.prompt-templates{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.prompt-template-btn{padding:3px 8px;font-size:9px;background:#1e2a3e;border:1px solid #3a4a68;color:#95d8ff;cursor:pointer}.prompt-template-btn:hover{background:#243250}.agent-sprite.dragging-agent{opacity:.6;cursor:grabbing;z-index:10}.map-container,.bottom-sheet{contain:layout}.agent-sprite{contain:layout style}@media (prefers-reduced-motion: reduce){.agent-sprite.idle{animation:none}.sprite-pulse{animation:none;opacity:.5}.speech-bubble{animation:none}.bottom-sheet,.room-overlay,.agent-sprite,.roster-card,.side-tab,.assign-btn,.agent-edit-btn,.agent-delete-btn{transition:none}.feed-skeleton,.toast{animation:none}}@media (forced-colors: active){.roster-dot,.presence-dot,.sprite-badge{border:2px solid ButtonText}.office-status{border:1px solid ButtonText}.bottom-sheet{border-top-color:ButtonText}.detail-card,.task-card{border-color:ButtonText}:focus-visible{outline-color:Highlight}}.md-content{font-size:11px;line-height:1.5;word-break:break-word}.md-content p{margin:0 0 4px}.md-content p:last-child{margin-bottom:0}.md-content strong{color:var(--text)}.md-content em{color:var(--text2)}.md-content code{background:#1a2030;padding:1px 4px;font-size:10px;font-family:Courier New,monospace}.md-content pre{background:#1a2030;padding:6px 8px;margin:4px 0;overflow-x:auto;font-size:10px;line-height:1.4}.md-content pre code{background:none;padding:0}.md-content ul,.md-content ol{padding-left:16px;margin:2px 0}.md-content li{margin:1px 0}.md-content blockquote{border-left:2px solid #95d8ff44;padding-left:8px;margin:4px 0;color:var(--text2)}.md-content h1,.md-content h2,.md-content h3,.md-content h4{font-size:11px;margin:6px 0 2px;color:var(--text)}.md-content a{color:#95d8ff;text-decoration:none}.md-content a:hover{text-decoration:underline}.md-inline{display:inline}.md-inline p{display:inline;margin:0}@media (prefers-reduced-motion: no-preference){.map-scroll,.agent-roster,.activity-feed,.tasks-panel,.agent-livefeed-list{scroll-behavior:smooth}}@media (max-width: 600px){.map-status{top:8px;left:8px;padding:4px 8px;gap:6px}.office-title{font-size:8px}.map-scroll{padding:8px}.detail-card{margin:6px;padding:8px}.assign-form{gap:4px}.assign-row{flex-direction:column}}@media (max-width: 400px){.office-title,.berlin-clock{font-size:7px}.side-tab{font-size:7px;padding:6px 2px}.map-status{flex-wrap:wrap;max-width:200px}}.map-controls button{min-width:44px;min-height:44px}.side-tab{min-height:44px}.assign-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.roster-card{min-height:44px}@media (min-width: 768px){.bottom-sheet{left:15%;right:15%;border-radius:12px 12px 0 0}}body{overflow-x:hidden}.agent-form-tabs{display:flex;gap:0;margin-bottom:8px;border-bottom:2px solid var(--border)}.agent-form-tab{flex:1;padding:6px 8px;background:transparent;border:none;color:var(--text2);font-family:var(--font);font-size:9px;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.agent-form-tab:hover{color:var(--text)}.agent-form-tab.active{color:#95d8ff;border-bottom-color:#95d8ff}.command-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.command-palette{width:500px;max-width:90vw;background:var(--surface);border:2px solid var(--border);overflow:hidden}.command-palette-input{width:100%;padding:12px 16px;background:var(--surface2);border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font);font-size:11px;outline:none}.command-palette-input::placeholder{color:var(--text2)}.command-palette-results{max-height:300px;overflow-y:auto}.command-palette-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;background:transparent;border:none;color:var(--text);font-size:12px;cursor:pointer;text-align:left}.command-palette-item.selected,.command-palette-item:hover{background:var(--surface2)}.command-palette-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-family:var(--font);font-size:8px;border:1px solid var(--border)}.command-palette-badge.agent{color:#78f7b5;border-color:#78f7b540}.command-palette-badge.room{color:#c39bff;border-color:#c39bff40}.command-palette-badge.action{color:#95d8ff;border-color:#95d8ff40}.command-palette-empty{padding:16px;text-align:center;color:var(--text2);font-size:11px}[data-theme=light]{--bg: #f5f7fa;--surface: #ffffff;--surface2: #eef1f6;--border: rgba(0, 0, 0, .12);--text: #1a1f2e;--text2: #5a6378;color-scheme:light}[data-theme=light] .map-status{background:#ffffffeb;border-color:#d4d8e0}[data-theme=light] .resizable-left,[data-theme=light] .resizable-right{background:#f8f9fb;border-color:#d4d8e0}[data-theme=light] .side-tab.active{background:#e8edf5}.school-bell-header{display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#121726,#0d121e);border-bottom:2px solid #1f283d;padding:8px 14px;z-index:20;box-shadow:0 4px 16px #0006}.bell-header-main{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bell-school-title{display:flex;align-items:center;gap:8px}.bell-school-icon{font-size:18px;filter:drop-shadow(0 0 6px rgba(255,215,0,.4))}.bell-school-name{font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.05em;color:#fff}.bell-connection-badge{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--text2)}.bell-conn-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.bell-conn-dot.online{background:#55e090;box-shadow:0 0 8px #55e090}.bell-conn-dot.offline{background:#f55;box-shadow:0 0 8px #f55}.bell-period-badge{display:flex;align-items:center;gap:8px;background:#1e2a44b3;border:1px solid #2b3d63;padding:4px 10px;border-radius:4px}.bell-ring-icon{font-size:14px;animation:bell-swing 2s ease-in-out infinite}@keyframes bell-swing{0%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%,40%{transform:rotate(-14deg)}50%{transform:rotate(0)}}.bell-period-info{display:flex;flex-direction:column}.bell-period-name{font-family:var(--font);font-size:9px;font-weight:700;color:#95d8ff;letter-spacing:.03em}.bell-period-activity{font-size:9px;color:#cfd8ea}.bell-next-badge{display:flex;align-items:center;gap:6px;background:#141a2899;border:1px dashed #2a354c;padding:4px 8px;border-radius:4px}.bell-next-info{display:flex;flex-direction:column}.bell-next-label{font-size:8px;color:#7d8ba1;text-transform:uppercase}.bell-next-time{font-family:var(--font);font-size:8.5px;color:#fa4}.bell-stats-pill{display:flex;align-items:baseline;gap:5px;background:#0e1c1699;border:1px solid #1e4530;padding:4px 10px;border-radius:4px}.bell-stats-num{font-family:var(--font);font-size:13px;font-weight:700;color:#55e090}.bell-stats-label{font-size:9px;font-weight:700;color:#55e090}.bell-stats-sub{font-size:8.5px;color:#8da498}.bell-header-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px;border-top:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.bell-mode-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bell-mode-btn{background:#192236;border:1px solid #283756;color:#cfd8ea;font-family:var(--font);font-size:8px;padding:3px 8px;border-radius:3px;cursor:pointer;transition:all .15s}.bell-mode-btn:hover{background:#23314f;color:#fff}.bell-mode-btn.active{background:#18422d;border-color:#388a5e;color:#7bf7b8;box-shadow:0 0 8px #55e0904d}.bell-preset-btn{background:#141a29;border:1px solid #202b42;color:#9ab0d3;font-family:var(--font);font-size:7.5px;padding:3px 7px;border-radius:3px;cursor:pointer;transition:all .15s}.bell-preset-btn:hover{background:#1f2b45;color:#fff;border-color:#3b4e75}.bell-preset-btn.active{background:#253352;border-color:#5b7bb8;color:#95d8ff;box-shadow:0 0 6px #95d8ff66}.bell-slider-container{display:flex;align-items:center;gap:8px}.bell-slider-label{font-family:var(--font);font-size:8px;color:#95d8ff;white-space:nowrap}.bell-time-slider{accent-color:#388a5e;width:130px;height:4px;cursor:pointer}.bell-audio-deck{display:flex;align-items:center;gap:6px;margin-left:auto}.bell-tour-btn{background:#312108;border:1px solid #784a10;color:#fcd34d;font-family:var(--font);font-size:7.5px;padding:3px 8px;border-radius:4px;cursor:pointer;letter-spacing:.04em;transition:all .15s;box-shadow:0 0 6px #fbbf2433}.bell-tour-btn:hover{background:#452e0a;border-color:#fbbf24;color:#fff}.bell-tour-btn.active{background:#78350f;border-color:#f59e0b;color:#fff;box-shadow:0 0 10px #f59e0b66;animation:pulse-ring 2s infinite}.bell-chime-btn{background:#19382b;border:1px solid #2d6b52;color:#7bf7b8;font-family:var(--font);font-size:7.5px;padding:3px 8px;border-radius:4px;cursor:pointer;letter-spacing:.04em;transition:all .15s;box-shadow:0 0 6px #7bf7b833}.bell-chime-btn:hover{background:#234d3c;border-color:#4ade80;color:#fff;box-shadow:0 0 10px #7bf7b866}.bell-mute-btn{background:#182236;border:1px solid #2a3c5d;color:#9ab4db;font-family:var(--font);font-size:7.5px;padding:3px 7px;border-radius:4px;cursor:pointer;transition:all .15s}.bell-mute-btn:hover{background:#202d47;color:#fff}.bell-mute-btn.muted{background:#2b1d1d;border-color:#5d2a2a;color:#fca5a5}.bell-class-filter-row{display:flex;align-items:center;gap:8px;margin-top:6px;padding-top:5px;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.bell-filter-title{font-family:var(--font);font-size:7px;color:#708cb5;letter-spacing:.08em;white-space:nowrap}.bell-filter-chips{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.bell-class-chip{background:#121824;border:1px solid #222f44;color:#92a7ca;font-family:var(--font);font-size:7px;padding:2.5px 7px;border-radius:3px;cursor:pointer;letter-spacing:.04em;transition:all .15s}.bell-class-chip:hover{background:#1c273a;border-color:#3f5577;color:#fff}.bell-class-chip.active{background:#183350;border-color:#38bdf8;color:#bae6fd;font-weight:700;box-shadow:0 0 8px #38bdf859}.rfid-live-ticker-container{display:flex;align-items:center;gap:10px;background:#0a0f1af2;border-bottom:1px solid rgba(56,189,248,.2);padding:4px 14px;z-index:18;box-shadow:0 2px 10px #00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rfid-ticker-badge{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:2px 8px;border-radius:4px;background:#0f172acc;border:1px solid rgba(56,189,248,.3)}.rfid-live-pulse-dot{width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8;animation:pulse-ring 1.8s cubic-bezier(.4,0,.6,1) infinite}.rfid-live-text{font-family:var(--font);font-size:7px;font-weight:700;color:#38bdf8;letter-spacing:.08em;white-space:nowrap}.rfid-ticker-scroll-area{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1}.rfid-ticker-scroll-area::-webkit-scrollbar{display:none}.rfid-ticker-items{display:flex;align-items:center;gap:6px;white-space:nowrap}.rfid-tap-chip{display:flex;align-items:center;gap:5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:2px 8px;font-size:8px;cursor:pointer;transition:all .15s}.rfid-tap-chip:hover{background:#38bdf826;border-color:#38bdf8;transform:translateY(-1px)}.rfid-tap-chip.chip-hadir{border-color:#4ade8040}.rfid-tap-chip.chip-late{border-color:#fbbf2459;background:#f59e0b14}.tap-status-icon{font-size:8px}.tap-time{font-family:var(--font);font-size:6.5px;color:#94a3b8}.tap-name{font-family:var(--font);font-size:7.5px;font-weight:700;color:#f1f5f9;letter-spacing:.02em}.tap-class{background:#38bdf826;color:#7dd3fc;font-size:6.5px;font-weight:600;padding:1px 4px;border-radius:3px}.tap-method{font-size:6px;color:#cbd5e1;text-transform:uppercase;background:#ffffff0f;padding:1px 4px;border-radius:2px}.map-ambient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12;transition:background .6s ease,filter .6s ease}.map-ambient-overlay.ambient-dawn{background:radial-gradient(circle at 50% 25%,#fb923c24,#f59e0b14,#1e1b4b2e);mix-blend-mode:screen}.map-ambient-overlay.ambient-daylight{background:transparent}.map-ambient-overlay.ambient-dusk{background:linear-gradient(180deg,#ec48991a,#f9731624 45%,#1e1b4b3d);mix-blend-mode:multiply}.map-ambient-overlay.ambient-night{background:#0f172a70;mix-blend-mode:multiply}.ambient-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font);font-size:7.5px;font-weight:600;padding:2px 7px;border-radius:3px;letter-spacing:.03em;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#cbd5e1}.ambient-badge.ambient-dawn{color:#fcd34d;border-color:#fbbf2459;background:#fbbf241a}.ambient-badge.ambient-daylight{color:#67e8f9;border-color:#06b6d459;background:#06b6d41a}.ambient-badge.ambient-dusk{color:#f472b6;border-color:#f472b659;background:#f472b61a}.ambient-badge.ambient-night{color:#a5b4fc;border-color:#818cf859;background:#818cf81a}.agent-sprite.dimmed-agent{opacity:.18!important;filter:grayscale(75%) blur(.4px);pointer-events:none;transition:opacity .3s ease,filter .3s ease}[data-theme=light] .assign-input,[data-theme=light] .assign-select{background:#f0f2f6;border-color:#d4d8e0;color:var(--text)}[data-theme=light] .command-palette-input{background:#f0f2f6;color:var(--text)}[data-theme=light] .command-palette-item.selected,[data-theme=light] .command-palette-item:hover{background:#eef1f6}.student-detail-card{margin:10px;padding:12px;background:#141a26;border:1.5px solid #2a3a54;border-radius:8px;display:flex;flex-direction:column;gap:10px}.student-card-topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px}.student-card-badge{font-family:var(--font);font-size:7.5px;letter-spacing:.08em;color:#74a0da;text-transform:uppercase}.student-close-x-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text2);width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;transition:all .15s}.student-close-x-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.student-header-hero{display:flex;gap:12px;align-items:center}.student-avatar-frame{width:50px;height:50px;border-radius:8px;background:#1c2538;border:2px solid #374b6e;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 4px 10px #0000004d}.student-avatar-img{max-width:38px;max-height:44px;image-rendering:pixelated;image-rendering:crisp-edges}.student-avatar-initial{font-family:var(--font);font-size:18px;color:#95d8ff}.student-header-info{flex:1;min-width:0}.student-title-name{font-size:13.5px;font-weight:700;color:#f0f4fa;margin:0 0 4px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-meta-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:5px}.student-chip{font-family:var(--font);font-size:7px;padding:2px 6px;border-radius:3px;letter-spacing:.04em}.chip-class{background:#19324c;border:1px solid #2f5682;color:#92c5ff}.chip-nis{background:#252834;border:1px solid #3d4358;color:#b1b9cb}.student-attendance-status{display:flex}.att-pill{font-size:10px;font-weight:600;padding:2px 7px;border-radius:12px;display:inline-flex;align-items:center}.att-hadir{background:#4ade801f;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.att-late{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.att-off{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.student-point-highlight{background:linear-gradient(135deg,#1e293bb3,#141b2de6);border:1.5px solid #d97706;border-radius:6px;padding:10px;box-shadow:0 2px 10px #d9770626}.student-point-highlight-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.point-hero-label{display:flex;align-items:center;gap:5px;font-family:var(--font);font-size:8px;color:#fcd34d;letter-spacing:.05em}.point-tier-pill{font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px}.tier-gold{background:#fbbf242e;color:#fcd34d;border:1px solid rgba(251,191,36,.4)}.tier-green{background:#4ade802e;color:#4ade80;border:1px solid rgba(74,222,128,.4)}.tier-amber{background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.student-point-score-row{display:flex;align-items:baseline;gap:6px;margin:4px 0 2px}.point-number{font-size:26px;font-weight:800;font-family:var(--font);color:#ffde59;text-shadow:0 0 12px rgba(255,222,89,.35)}.point-unit{font-family:var(--font);font-size:10px;color:#fcd34d;letter-spacing:.06em}.point-caption{font-size:9.5px;color:#a4b3cc;line-height:1.35}.student-tab-nav{display:flex;border-bottom:1px solid rgba(255,255,255,.08);gap:4px}.student-tab-item{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text2);font-family:var(--font);font-size:7px;padding:6px 2px;cursor:pointer;letter-spacing:.04em;transition:all .15s;text-align:center}.student-tab-item:hover{color:#fff;background:#ffffff05}.student-tab-item.active{color:#95d8ff;border-bottom-color:#95d8ff;font-weight:700}.student-tab-pane{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;padding-right:2px}.student-subheading{display:flex;justify-content:space-between;align-items:center;font-family:var(--font);font-size:7.5px;letter-spacing:.05em;color:#9bb0cd;text-transform:uppercase}.sub-count{font-size:7px;color:#64748b}.teacher-quick-box{background:#0f172abf;border:1px solid rgba(56,189,248,.25);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 8px #0003}.teacher-quick-head{display:flex;justify-content:space-between;align-items:center}.teacher-quick-title{font-family:var(--font);font-size:7.5px;font-weight:700;color:#38bdf8;letter-spacing:.04em}.teacher-toggle-custom-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;font-family:var(--font);font-size:6.5px;padding:2px 6px;border-radius:3px;cursor:pointer;transition:all .15s}.teacher-toggle-custom-btn:hover{background:#38bdf826;border-color:#38bdf8;color:#fff}.teacher-action-row{display:flex;align-items:center;gap:6px}.action-row-tag{font-family:var(--font);font-size:6.5px;font-weight:700;min-width:62px;text-transform:uppercase;letter-spacing:.03em}.action-row-tag.tag-pos{color:#4ade80}.action-row-tag.tag-neg{color:#f87171}.action-row-btns{display:flex;flex-wrap:wrap;gap:4px;flex:1}.t-quick-btn{font-family:var(--font);font-size:6.5px;padding:3px 6px;border-radius:3px;cursor:pointer;transition:all .15s;white-space:nowrap}.t-quick-btn:disabled{opacity:.5;cursor:not-allowed}.t-reward{background:#22c55e1f;border:1px solid rgba(34,197,94,.35);color:#86efac}.t-reward:hover:not(:disabled){background:#22c55e40;border-color:#4ade80;color:#fff;transform:translateY(-1px)}.t-violation{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fca5a5}.t-violation:hover:not(:disabled){background:#ef444440;border-color:#f87171;color:#fff;transform:translateY(-1px)}.teacher-custom-drawer{margin-top:2px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.1)}.custom-input-line{display:flex;gap:4px}.t-custom-num{width:55px;background:#0f172ae6;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:3px;padding:3px 5px;font-size:10px}.t-custom-text{flex:1;background:#0f172ae6;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:3px;padding:3px 6px;font-size:10px}.t-custom-save-btn{background:#0284c7;color:#fff;border:none;border-radius:3px;padding:3px 8px;font-family:var(--font);font-size:7px;cursor:pointer;transition:background .15s}.t-custom-save-btn:hover:not(:disabled){background:#0369a1}.teacher-feedback-alert{font-size:9px;padding:4px 6px;border-radius:3px;margin-top:2px;font-family:var(--font);animation:fadeIn .2s ease-in}.teacher-feedback-alert.success{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#86efac}.teacher-feedback-alert.error{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.student-point-logs{display:flex;flex-direction:column;gap:6px}.point-log-row{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:5px;padding:6px 8px}.point-delta-tag{font-family:var(--font);font-size:8.5px;font-weight:700;padding:3px 6px;border-radius:4px;min-width:32px;text-align:center}.point-delta-tag.pos{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.35)}.point-delta-tag.neg{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.35)}.point-log-body{flex:1;min-width:0}.point-log-text{font-size:11px;color:#e2e8f0;line-height:1.3}.point-log-time{font-size:9.5px;color:#8391a8;margin-top:1px}.student-achievements-list{display:flex;flex-direction:column;gap:6px}.student-achievement-card{display:flex;align-items:center;gap:8px;background:#1b2436;border:1px solid #2d3e5e;border-radius:5px;padding:7px 10px}.ach-icon{font-size:16px}.ach-details{flex:1}.ach-name{font-size:11px;font-weight:600;color:#f1f5f9}.ach-org{font-size:9px;color:#7b8ea9}.student-empty-log{font-size:11px;color:#64748b;font-style:italic;padding:8px 4px}.student-kbm-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.kbm-cell{background:#182030;border:1px solid #26334d;border-radius:5px;padding:6px 8px;display:flex;flex-direction:column;gap:2px}.kbm-cell-lbl{font-size:8.5px;color:#7e8fa8;text-transform:uppercase;letter-spacing:.05em}.kbm-cell-val{font-size:11px;color:#e2e8f0}.student-activity-card{background:#19253a;border:1px solid #304870;border-radius:5px;padding:8px 10px}.act-lbl{font-size:9px;color:#8da4c4;text-transform:uppercase;letter-spacing:.04em}.act-val{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#6ee7b7;margin-top:3px}.act-dot{font-size:8px;animation:pulse-dot 1.8s infinite}.act-subnote{font-size:10px;color:#889bb6;margin-top:4px;font-style:italic}.student-class-info-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:5px;padding:8px 10px}.class-info-title{font-family:var(--font);font-size:7.5px;color:#92b1d6;margin-bottom:4px;letter-spacing:.05em}.class-info-body p{font-size:10.5px;color:#94a3b8;line-height:1.4;margin:0}.student-schedule-timeline{display:flex;flex-direction:column;gap:6px}.schedule-item{display:flex;gap:8px;background:#ffffff05;border-left:2px solid #3b82f6;padding:5px 8px;border-radius:0 4px 4px 0}.schedule-item-time{font-family:var(--font);font-size:7px;color:#93c5fd;white-space:nowrap;min-width:65px;padding-top:1px}.schedule-item-content strong{font-size:10.5px;color:#e2e8f0;display:block}.schedule-item-content p{font-size:9.5px;color:#7b8da5;margin:1px 0 0}.student-footer-actions{display:flex;flex-direction:column;gap:6px;margin-top:4px}.student-close-button{width:100%;padding:7px;font-family:var(--font);font-size:8px;background:#1c2638;border:1px solid #324464;color:#95d8ff;border-radius:4px;cursor:pointer;letter-spacing:.06em;transition:all .15s;text-align:center}.student-close-button:hover{background:#25334c;border-color:#4b6694;color:#fff}.student-bellapps-sync{font-size:9.5px;color:#55e090;text-align:center;font-family:var(--font);letter-spacing:.02em}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.agent-beacon-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:22}.agent-beacon-radar{position:absolute;top:50%;left:50%;width:32px;height:32px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #38bdf8;box-shadow:0 0 12px #38bdf8e6,inset 0 0 6px #38bdf880;animation:beacon-radar-pulse 1.6s cubic-bezier(.1,.7,.1,1) infinite}@keyframes beacon-radar-pulse{0%{transform:translate(-50%,-50%) scale(.6);opacity:1;border-color:#38bdf8}70%{transform:translate(-50%,-50%) scale(2.4);opacity:.3;border-color:#60a5fa}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.agent-beacon-pin{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;animation:beacon-pin-bounce .9s ease-in-out infinite alternate;z-index:35}.agent-beacon-label{background:linear-gradient(135deg,#0284c7,#0369a1);color:#f0f9ff;font-family:var(--font);font-size:6.5px;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.08em;border:1px solid #7dd3fc;box-shadow:0 0 10px #38bdf8b3,0 2px 4px #0006;white-space:nowrap}.agent-beacon-arrow{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #7dd3fc;margin-top:-1px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}@keyframes beacon-pin-bounce{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-5px)}}.student-topbar-actions{display:flex;align-items:center;gap:6px}.student-locate-btn{background:#192c42;border:1px solid #38608f;color:#93c5fd;font-family:var(--font);font-size:7px;padding:3px 7px;border-radius:4px;cursor:pointer;letter-spacing:.04em;transition:all .15s;display:flex;align-items:center;gap:3px}.student-locate-btn:hover{background:#254266;border-color:#60a5fa;color:#fff;box-shadow:0 0 8px #60a5fa66}.kbm-locate-link{background:transparent;border:none;color:#60a5fa;font-family:var(--font);font-size:7px;cursor:pointer;padding:0;margin-top:2px;text-align:left;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.kbm-locate-link:hover{color:#93c5fd}.room-school-detail-card{display:flex;flex-direction:column;gap:10px}.room-school-hero{display:flex;align-items:center;gap:12px}.room-hero-icon-box{width:44px;height:44px;border-radius:8px;background:#1e293b;border:1.5px solid #38bdf8;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000004d;flex-shrink:0}.room-hero-emoji{font-size:22px}.room-hero-title{margin:0;font-family:var(--font);font-size:11.5px;font-weight:700;color:#fff;letter-spacing:.03em}.room-hero-team{font-size:8px;color:#94a3b8;letter-spacing:.04em}.room-school-purpose-box{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:5px;padding:6px 9px}.room-purpose-desc{margin:0;font-size:9px;color:#cbd5e1;line-height:1.4}.room-stats-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.room-metric-cell{background:#0f172a99;border:1px solid rgba(255,255,255,.07);border-radius:5px;padding:6px 8px;display:flex;flex-direction:column;gap:2px}.metric-lbl{font-family:var(--font);font-size:6.5px;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.metric-val{font-size:10px;color:#f1f5f9;font-weight:700}.metric-val.text-cyan{color:#38bdf8;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-sub{font-size:7px;color:#64748b}.room-bulk-action-box{display:flex;flex-direction:column;gap:4px}.room-reward-all-btn{background:linear-gradient(135deg,#b45309,#d97706);border:1px solid #f59e0b;color:#fff;font-family:var(--font);font-size:7.5px;padding:5px 8px;border-radius:4px;cursor:pointer;letter-spacing:.04em;transition:all .15s;box-shadow:0 2px 8px #d9770640}.room-reward-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#f59e0b);transform:translateY(-1px)}.room-feedback-toast{font-size:8px;padding:4px 6px;border-radius:3px;background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#86efac;font-family:var(--font)}.room-occupants-list{display:flex;flex-direction:column;gap:4px;max-height:230px;overflow-y:auto;padding-right:2px}.room-occupant-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:4px 8px;transition:background .15s}.room-occupant-row:hover{background:#ffffff0f}.occupant-left{display:flex;align-items:center;gap:7px;overflow:hidden}.occupant-avatar{width:22px;height:22px;border-radius:4px;background:#1e293b;border:1px solid #334155;color:#38bdf8;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.occupant-names{display:flex;flex-direction:column;overflow:hidden}.occupant-name{font-family:var(--font);font-size:8px;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.occupant-role{font-size:7px;color:#94a3b8}.occupant-actions{display:flex;align-items:center;gap:3px}.occupant-btn-action{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-size:9px;padding:2px 5px;border-radius:3px;cursor:pointer;transition:all .15s}.occupant-btn-action:hover{background:#38bdf833;border-color:#38bdf8;color:#fff}.teacher-att-quick-switch{display:flex;align-items:center;gap:4px;margin-top:4px;flex-wrap:wrap}.att-switch-label{font-family:var(--font);font-size:6.5px;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em}.att-quick-chip{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-family:var(--font);font-size:6.5px;padding:1.5px 5px;border-radius:3px;cursor:pointer;transition:all .15s}.att-quick-chip:hover{background:#ffffff1a;color:#fff}.att-quick-chip.active{background:#38bdf833;border-color:#38bdf8;color:#7dd3fc;font-weight:700}.left-sidebar-nav-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);background:#0003;padding:2px 4px 0;gap:2px}.left-tab-btn{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;color:#94a3b8;font-family:var(--font);font-size:7px;padding:5px 2px;cursor:pointer;transition:all .15s;text-align:center;white-space:nowrap}.left-tab-btn:hover{color:#fff}.left-tab-btn.active{color:#38bdf8;border-bottom-color:#38bdf8;font-weight:700}.sidebar-ranking-panel,.sidebar-attendance-panel{display:flex;flex-direction:column;gap:6px;padding:8px 6px;flex:1;overflow-y:auto}.sidebar-ranking-head{display:flex;justify-content:space-between;align-items:center;padding:0 4px 4px;border-bottom:1px solid rgba(255,255,255,.05)}.ranking-head-title{font-family:var(--font);font-size:7.5px;color:#fcd34d;letter-spacing:.04em;font-weight:700;text-transform:uppercase}.ranking-head-sub{font-size:7px;color:#64748b}.sidebar-ranking-list{display:flex;flex-direction:column;gap:4px}.sidebar-rank-row{display:flex;align-items:center;gap:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:4px 6px;cursor:pointer;transition:all .15s;text-align:left}.sidebar-rank-row:hover{background:#38bdf81a;border-color:#38bdf84d;transform:translate(2px)}.sidebar-rank-row.active{background:#38bdf82e;border-color:#38bdf8}.rank-badge{font-size:9px;min-width:20px;text-align:center;color:#94a3b8;font-weight:700}.rank-badge.top{font-size:11px}.rank-info{display:flex;flex-direction:column;flex:1;overflow:hidden}.rank-name{font-family:var(--font);font-size:7.5px;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-class{font-size:6.5px;color:#94a3b8}.rank-pts-tag{font-family:var(--font);font-size:7px;font-weight:700;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fcd34d;padding:1px 4px;border-radius:3px;white-space:nowrap}.sidebar-class-bars{display:flex;flex-direction:column;gap:6px}.class-att-metric-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:5px 7px;display:flex;flex-direction:column;gap:3px}.class-att-row{display:flex;justify-content:space-between;align-items:center}.class-name-lbl{font-family:var(--font);font-size:7.5px;color:#f1f5f9}.class-pct-lbl{font-size:7px;color:#94a3b8}.class-att-meter{width:100%;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.class-att-fill{height:100%;border-radius:2px;transition:width .3s ease}.school-left-footer{display:flex;align-items:center;justify-content:center;width:100%;padding:4px}.school-sync-tag{font-family:var(--font);font-size:6.5px;color:#64748b;letter-spacing:.04em}.school-info-dashboard{display:flex;flex-direction:column;gap:12px;padding:12px;overflow-y:auto;height:100%}.school-dash-hero{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:1.5px solid rgba(99,102,241,.35);border-radius:8px;padding:12px;box-shadow:0 4px 16px #0000004d}.school-dash-toprow{display:flex;justify-content:flex-start;margin-bottom:8px}.school-kiosk-badge{font-family:var(--font);font-size:7px;background:#6366f133;color:#a5b4fc;border:1px solid rgba(99,102,241,.4);padding:3px 8px;border-radius:12px;letter-spacing:.03em}.school-dash-title-group{display:flex;align-items:center;gap:10px}.school-dash-icon{font-size:26px;line-height:1}.school-dash-title{font-family:var(--font);font-size:10px;color:#f8fafc;margin:0;letter-spacing:.03em}.school-dash-subtitle{font-size:11px;color:#94a3b8;margin-top:3px}.school-dash-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.dash-stat-box{background:#141820d9;border:1px solid var(--border);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column}.dash-stat-box.hadir{border-left:3px solid #10b981}.dash-stat-box.terlambat{border-left:3px solid #f59e0b}.dash-stat-box.belum{border-left:3px solid #64748b}.dash-stat-box.total{border-left:3px solid #6366f1}.dash-stat-box .stat-label{font-size:10px;font-weight:500;color:#94a3b8}.dash-stat-box .stat-value{font-family:var(--font);font-size:14px;color:#f1f5f9;margin:4px 0 2px}.dash-stat-box .stat-sub{font-size:9px;color:#64748b}.school-dash-top3-box{background:#1a1f2e99;border:1px solid rgba(245,158,11,.25);border-radius:6px;padding:10px}.top3-title{font-family:var(--font);font-size:7.5px;color:#fbbf24;margin-bottom:8px}.top3-list{display:flex;flex-direction:column;gap:6px}.top3-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#0f172a99;border:1px solid rgba(255,255,255,.05);border-radius:4px;cursor:pointer;transition:all .2s ease}.top3-item:hover{background:#1e293bcc;border-color:#fbbf2466;transform:translate(2px)}.top3-medal{font-size:16px;line-height:1}.top3-name-col{display:flex;flex-direction:column;flex:1;min-width:0}.top3-name{font-size:11px;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top3-class{font-size:9px;color:#94a3b8}.top3-points{font-family:var(--font);font-size:8.5px;color:#fbbf24}.school-dash-tabs{display:flex;gap:4px;background:#0f172a99;padding:3px;border-radius:6px;border:1px solid var(--border)}.dash-tab-btn{flex:1;padding:6px 4px;font-size:10px;font-weight:600;color:#94a3b8;background:transparent;border:none;border-radius:4px;cursor:pointer;text-align:center;transition:all .2s}.dash-tab-btn.active{background:#6366f140;color:#e0e7ff;border:1px solid rgba(99,102,241,.4)}.school-dash-pane{display:flex;flex-direction:column;gap:10px}.dash-card-info{background:#141820b3;border:1px solid var(--border);border-radius:6px;padding:10px}.info-header{font-family:var(--font);font-size:8px;color:#93c5fd;margin-bottom:6px}.info-desc{font-size:11px;color:#cbd5e1;line-height:1.45}.dash-rules-section{display:flex;flex-direction:column;gap:8px}.rules-block{border-radius:6px;padding:10px;border:1px solid var(--border)}.rules-block.positive{background:#10b98114;border-color:#10b98140}.rules-block.negative{background:#ef444414;border-color:#ef444440}.rules-heading{font-family:var(--font);font-size:7.5px;margin-bottom:8px;color:#f1f5f9}.rules-list{list-style:none;display:flex;flex-direction:column;gap:6px}.rules-list li{font-size:11px;color:#e2e8f0;display:flex;align-items:center;gap:8px}.rule-badge{font-family:var(--font);font-size:7.5px;padding:2px 5px;border-radius:3px;background:#10b98140;color:#34d399;border:1px solid rgba(16,185,129,.4)}.rule-badge.neg{background:#ef444440;color:#f87171;border-color:#ef444466}.dash-timeline{display:flex;flex-direction:column;gap:6px}.timeline-item{display:flex;align-items:flex-start;gap:8px;padding:7px 8px;background:#14182099;border:1px solid rgba(255,255,255,.05);border-radius:4px}.timeline-icon{font-size:14px;line-height:1.2}.timeline-time{font-family:var(--font);font-size:8px;color:#38bdf8;min-width:44px;padding-top:1px}.timeline-content{flex:1}.timeline-title{font-size:11px;font-weight:600;color:#f8fafc}.timeline-desc{font-size:9.5px;color:#94a3b8;margin-top:2px}.announcement-cards{display:flex;flex-direction:column;gap:8px}.announcement-card{background:#141820b3;border:1px solid var(--border);border-radius:6px;padding:10px}.announcement-card.highlight{border-color:#f59e0b66;background:#f59e0b0f}.ann-badge{display:inline-block;font-family:var(--font);font-size:6.5px;padding:2px 5px;border-radius:3px;background:#f59e0b33;color:#fbbf24;margin-bottom:6px}.ann-badge.blue{background:#38bdf833;color:#38bdf8}.ann-badge.purple{background:#a855f733;color:#c084fc}.ann-title{font-size:11px;font-weight:700;color:#f8fafc;margin-bottom:4px}.ann-desc{font-size:10.5px;color:#cbd5e1;line-height:1.4;margin-bottom:6px}.ann-footer{font-size:8.5px;color:#64748b;font-style:italic}.school-dash-kiosk-guide{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#6366f114;border:1px dashed rgba(99,102,241,.3);border-radius:6px;margin-top:auto}.guide-icon{font-size:14px;line-height:1.2}.guide-text{font-size:9.5px;color:#a5b4fc;line-height:1.35}