@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f4f5;--bg-main:#030303;--bg-sidebar:#09090b;--bg-card:#0b0b0d;--bg-card-hover:#121214;--bg-interactive:#18181b;--border-color:#1a1a1f;--border-hover:#27272a;--primary:#f4f4f5;--primary-hover:#e4e4e7;--primary-glow:#f4f4f505;--teal-accent:#f4f4f5;--teal-glow:#f4f4f50a;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--danger:#ef4444;--danger-glow:#ef44440f;--warning:#f59e0b;--warning-glow:#f59e0b0f;--info:#3b82f6;--info-glow:#3b82f60f;--success:#10b981;--success-glow:#10b9810f;--btn-text-primary:#030303;--bg-header:#09090b73;--bg-briefing-hero:radial-gradient(circle at top left, #ffffff08 0%, #09090b00 80%);--shadow-briefing:0 4px 30px #0006;--shadow-overlay:#030303d9;background-color:#030303;font-family:Inter,Arial,Helvetica,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#09090b;--bg-main:#f4f4f5;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-hover:#fafafa;--bg-interactive:#e4e4e7;--border-color:#e4e4e7;--border-hover:#d4d4d8;--primary:#09090b;--primary-hover:#18181b;--primary-glow:#09090b04;--teal-accent:#09090b;--teal-glow:#09090b0a;--text-primary:#09090b;--text-secondary:#27272a;--text-muted:#71717a;--danger:#dc2626;--danger-glow:#dc262614;--warning:#d97706;--warning-glow:#d9770614;--info:#2563eb;--info-glow:#2563eb14;--success:#059669;--success-glow:#05966914;--btn-text-primary:#fff;--bg-header:#ffffff73;--bg-briefing-hero:radial-gradient(circle at top left, #09090b05 0%, #ffffffe6 80%);--shadow-briefing:0 4px 30px #09090b0d;--shadow-overlay:#ffffffd9;background-color:#f4f4f5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);min-width:320px;min-height:100vh;color:var(--text-primary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}:focus-visible{outline:2px solid var(--text-primary);outline-offset:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes saveStatus{0%,to{opacity:.4}50%{opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{background-color:var(--bg-main);min-height:100vh;font-family:inherit;display:flex}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;flex-shrink:0;justify-content:space-between;width:260px;padding:1.5rem;display:flex}.brand-wrapper{margin-bottom:2rem}.brand-header{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.brand-tagline{color:var(--teal-accent);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem;font-size:.7rem;font-weight:600}.role-selector-card{border:1px solid var(--border-color);background-color:#ffffff04;border-radius:.75rem;margin-bottom:1.5rem;padding:.75rem}.role-selector-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.65rem;font-weight:600;display:block}.role-select{background-color:var(--bg-main);border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;border-radius:.5rem;outline:none;padding:.4rem .6rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .2s}.role-select:focus{border-color:var(--border-hover)}.nav-menu{flex-direction:column;flex-grow:1;gap:.35rem;list-style:none;display:flex}.nav-link-btn{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.75rem;width:100%;padding:.7rem .9rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.nav-link-btn:hover{color:var(--text-primary);background-color:#ffffff05}.nav-link-btn.active{background-color:var(--teal-glow);color:var(--text-primary);border-color:#ffffff0f}.sidebar-footer{border-t:1px solid var(--border-color);margin-top:auto;padding-top:1rem}.studio-watermark{color:var(--text-muted);letter-spacing:.05em;align-items:center;gap:.25rem;font-family:monospace;font-size:.7rem;display:flex}.main-wrapper{flex-direction:column;flex-grow:1;height:100vh;display:flex;overflow-y:auto}.top-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:90;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:.75rem;display:flex}.view-badge{color:var(--text-primary);background-color:var(--teal-glow);text-transform:uppercase;letter-spacing:.05em;border:1px solid #ffffff0d;border-radius:.35rem;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.header-right{align-items:center;gap:1rem;display:flex}.nlp-search-container{width:320px;position:relative}.nlp-search-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background-color:#ffffff05;border-radius:9999px;outline:none;padding:.45rem 1rem .45rem 2.25rem;font-family:inherit;font-size:.8rem;transition:all .2s}.nlp-search-input:focus{border-color:var(--border-hover);width:400px;box-shadow:0 0 15px var(--primary-glow);background-color:#ffffff0a}.nlp-search-icon{color:var(--text-muted);position:absolute;top:52%;left:.8rem;transform:translateY(-50%)}.nlp-results-dropdown{background-color:var(--bg-card);border:1px solid var(--border-color);z-index:120;border-radius:.85rem;width:420px;padding:1rem;animation:.2s ease-out fadeIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #000000b3}.nlp-results-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.nlp-results-text{color:var(--text-secondary);white-space:pre-line;font-size:.85rem;line-height:1.45}.page-body{flex-direction:column;gap:1.25rem;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 2rem;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.85rem;padding:1.5rem;transition:all .25s}.card:hover{border-color:var(--border-hover);background-color:var(--bg-card-hover)}.card-header-flex{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-title{color:var(--text-primary);font-size:1rem;font-weight:600}.card-subtitle{color:var(--text-muted);font-size:.8rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.metric-card{flex-direction:column;gap:.35rem;padding:1.25rem;display:flex}.metric-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.metric-value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.metric-trend{align-items:center;gap:.2rem;font-size:.7rem;display:flex}.metric-trend.up{color:var(--success)}.metric-trend.down{color:var(--danger)}.metric-trend.neutral{color:var(--text-muted)}.dashboard-layout{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.dashboard-layout{grid-template-columns:1fr}}.attention-list{flex-direction:column;gap:.75rem;display:flex}.attention-item{border:1px solid var(--border-color);cursor:pointer;background-color:#ffffff03;border-radius:.75rem;gap:1rem;padding:1rem;transition:all .2s;display:flex}.attention-item:hover{border-color:var(--border-hover);background-color:#ffffff05}.attention-item.concern{border-left:3px solid var(--danger)}.attention-item.improvement{border-left:3px solid var(--success)}.attention-item.review{border-left:3px solid var(--warning)}.attention-icon{flex-shrink:0;margin-top:.15rem}.attention-content{flex-grow:1}.attention-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.attention-title{color:var(--text-primary);font-size:.9rem;font-weight:600}.attention-message{color:var(--text-secondary);margin-bottom:.5rem;font-size:.8rem;line-height:1.4}.attention-evidence{color:var(--text-muted);background-color:#0000004d;border:1px solid #ffffff08;border-radius:.25rem;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.72rem;display:flex}.evidence-tag{color:var(--text-primary);font-weight:600}.marksheet-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.marksheet-filters{gap:.75rem;display:flex}.filter-select{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:.5rem;outline:none;padding:.4rem .8rem;font-family:inherit;font-size:.85rem}.filter-select:focus{border-color:var(--border-hover)}.autosave-badge{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.autosave-dot{background-color:var(--success);border-radius:50%;width:6px;height:6px;animation:2s infinite saveStatus}.autosave-dot.saving{background-color:var(--warning)}.bulk-actions-bar{border:1px solid var(--border-color);background-color:#ffffff04;border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.8rem;display:flex}.bulk-actions-title{color:var(--text-secondary);align-items:center;gap:4px;font-weight:600;display:flex}.completion-container{border:1px solid var(--border-color);background-color:#ffffff03;border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.completion-bar-bg{background-color:#ffffff0d;border-radius:3px;width:120px;height:6px;overflow:hidden}.completion-bar-fill{background-color:var(--text-primary);border-radius:3px;height:100%;transition:width .3s}.marksheet-table-container{border:1px solid var(--border-color);background-color:var(--bg-card);border-radius:.75rem;overflow-x:auto}.marksheet-table{border-collapse:collapse;text-align:left;width:100%;min-width:1000px;font-size:.85rem}.marksheet-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background-color:#ffffff03;padding:.75rem 1rem;font-size:.7rem;font-weight:600}.marksheet-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);height:48px;padding:.5rem .75rem}.marksheet-table tr:last-child td{border-bottom:none}.student-meta-cell{flex-direction:column;gap:.15rem;display:flex}.student-meta-name{color:var(--text-primary);cursor:pointer;font-weight:600}.student-meta-name:hover{text-underline-offset:2px;text-decoration:underline}.student-meta-sub{color:var(--text-muted);gap:.35rem;font-size:.72rem;display:flex}.meta-pill{background-color:#ffffff0d;border-radius:.2rem;padding:.05rem .3rem;font-family:monospace;font-size:.65rem}.meta-pill.send{background-color:var(--danger-glow);color:var(--danger);border:1px solid #ef444426}.meta-pill.pp{background-color:var(--warning-glow);color:var(--warning);border:1px solid #f59e0b26}.marksheet-cell-input{border:1px solid var(--border-color);width:100%;height:32px;color:var(--text-primary);text-align:center;background-color:#ffffff04;border-radius:.35rem;outline:none;padding:0 .4rem;font-family:inherit;font-size:.85rem;transition:all .15s}.marksheet-cell-input:focus{border-color:var(--border-hover);background-color:#ffffff08}.marksheet-cell-input.inconsistent{border-color:var(--danger);background-color:var(--danger-glow)}.marksheet-comment-input{border:1px solid var(--border-color);width:100%;height:32px;color:var(--text-primary);background-color:#ffffff04;border-radius:.35rem;outline:none;padding:0 .5rem;font-family:inherit;font-size:.8rem;transition:all .15s}.marksheet-comment-input:focus{border-color:var(--border-hover);background-color:#ffffff08}.cell-validation-warn{border-left:2px solid var(--danger)!important}.profile-grid{grid-template-columns:1fr 2fr;gap:1.5rem;display:grid}@media (width<=900px){.profile-grid{grid-template-columns:1fr}}.profile-sidebar-card{flex-direction:column;gap:1.25rem;display:flex}.profile-avatar-row{align-items:center;gap:1rem;display:flex}.profile-avatar-big{background-color:var(--bg-sidebar);border:2px solid var(--border-color);width:56px;height:56px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.profile-name-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.profile-meta-list{border-top:1px solid var(--border-color);flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}.profile-meta-item{justify-content:space-between;font-size:.8rem;display:flex}.profile-meta-lbl{color:var(--text-secondary)}.profile-meta-val{color:var(--text-primary);font-weight:500}.subject-summary-list{flex-direction:column;gap:.75rem;display:flex}.subject-row{border:1px solid var(--border-color);background-color:#ffffff01;border-radius:.5rem;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;align-items:center;gap:1rem;padding:.75rem 1rem;display:grid}.subject-row-header{color:var(--text-secondary);text-transform:uppercase;background-color:#0000;border-color:#0000;padding-bottom:.25rem;font-size:.7rem;font-weight:600}.subject-name{color:var(--text-primary);font-weight:600}.grade-badge{text-align:center;border:1px solid #0000;border-radius:.35rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.grade-badge.excelling{background-color:var(--success-glow);color:var(--success);border-color:#10b98133}.grade-badge.strong{background-color:var(--primary-glow);color:var(--text-primary);border-color:#ffffff14}.grade-badge.secure{color:var(--text-secondary);border-color:var(--border-color);background-color:#ffffff08}.grade-badge.developing{background-color:var(--warning-glow);color:var(--warning);border-color:#f59e0b33}.grade-badge.concern{background-color:var(--danger-glow);color:var(--danger);border-color:#ef444433}.trend-sparkline{align-items:flex-end;gap:.35rem;height:20px;display:flex}.sparkline-bar{background-color:var(--border-color);border-radius:2px;width:8px;transition:all .2s}.sparkline-bar.active{background-color:var(--text-primary)}.ai-brief-card{border:1px solid var(--border-color);background:radial-gradient(circle at 0 0,#ffffff05 0%,#09090b00 70%);box-shadow:0 4px 20px #0000004d}.ai-brief-header{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;font-weight:600;display:flex}.ai-brief-content{color:var(--text-secondary);font-size:.85rem;font-weight:300;line-height:1.5}.profile-timeline{flex-direction:column;gap:1.25rem;padding-left:1.5rem;display:flex;position:relative}.profile-timeline:before{content:"";background-color:var(--border-color);width:2px;position:absolute;top:5px;bottom:5px;left:5px}.timeline-event{position:relative}.timeline-dot{background-color:var(--bg-main);border:2px solid var(--border-color);border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:-20px}.timeline-dot.Assessment{border-color:var(--text-muted)}.timeline-dot.Intervention{border-color:var(--danger)}.timeline-dot.Academic{border-color:var(--text-primary)}.timeline-dot.Attendance{border-color:var(--warning)}.timeline-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.timeline-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.timeline-date{color:var(--text-muted);font-size:.72rem}.timeline-desc{color:var(--text-secondary);font-size:.8rem}.interventions-board{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.intervention-col{border:1px dashed var(--border-color);background-color:#ffffff01;border-radius:.85rem;flex-direction:column;gap:.75rem;min-height:400px;padding:1rem;display:flex}.intervention-col-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.5rem;font-size:.8rem;font-weight:600;display:flex}.col-count{background-color:var(--border-color);color:var(--text-secondary);border-radius:999px;padding:.1rem .4rem;font-size:.65rem}.intervention-card{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:.65rem;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s;display:flex}.intervention-card:hover{border-color:var(--border-hover);background-color:var(--bg-card-hover);transform:translateY(-2px)}.intervention-card-subj{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:600}.intervention-card-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.intervention-card-action{color:var(--text-secondary);font-size:.78rem;line-height:1.35}.intervention-card-footer{color:var(--text-muted);border-top:1px solid #ffffff05;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;font-size:.7rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background-color:#030303d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;gap:1.25rem;width:90%;max-width:500px;padding:1.5rem;animation:.25s ease-out fadeIn;display:flex}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.modal-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.btn-close:hover{color:var(--text-primary)}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.form-input,.form-textarea,.form-select{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.5rem;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.85rem;transition:all .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-hover)}.btn{cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);border:1px solid var(--primary);color:var(--btn-text-primary);font-weight:600}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background-color:#0000}.btn-secondary:hover{border-color:var(--border-hover);background-color:#ffffff04}.btn-accent{background-color:var(--primary);border:1px solid var(--primary);color:var(--btn-text-primary);font-weight:600}.btn-accent:hover{opacity:.9}.heatmap-container{grid-template-columns:repeat(6,1fr);gap:.5rem;margin-top:1rem;display:grid}.heatmap-label-col{color:var(--text-secondary);grid-column:1/2;align-items:center;font-size:.8rem;font-weight:500;display:flex}.heatmap-cell{background-color:var(--border-color);text-align:center;border:1px solid #0000;border-radius:.35rem;flex-direction:column;justify-content:center;padding:.75rem;font-size:.8rem;font-weight:600;display:flex}.heatmap-cell.high{color:var(--success);background-color:#10b98126;border-color:#10b98133}.heatmap-cell.mid{color:var(--text-primary);border-color:var(--border-color);background-color:#ffffff08}.heatmap-cell.low{color:var(--warning);background-color:#f59e0b1a;border-color:#f59e0b33}.heatmap-cell.alert{color:var(--danger);background-color:#ef44441a;border-color:#ef444433}.heatmap-val{font-size:.95rem;font-weight:700}.heatmap-sublbl{opacity:.7;font-size:.62rem}.sync-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){.sync-grid{grid-template-columns:1fr}}.sync-status-bar{border:1px solid var(--border-color);background-color:#ffffff01;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.status-indicator{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.status-dot{background-color:var(--success);border-radius:50%;width:8px;height:8px}.status-dot.active{animation:1.5s infinite pulseGlow}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.briefing-hero-card{background:var(--bg-briefing-hero);border:1px solid var(--border-color);box-shadow:var(--shadow-briefing);border-radius:1rem;flex-direction:column;gap:1.25rem;padding:2.5rem;display:flex}.briefing-greeting{color:var(--text-primary);letter-spacing:-.03em;font-size:2.25rem;font-weight:700}.briefing-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.briefing-body{color:var(--text-secondary);border-left:1px solid var(--border-hover);max-width:800px;padding-left:1.5rem;font-size:1.15rem;font-weight:300;line-height:1.6}.briefing-action-row{align-items:center;margin-top:.5rem;display:flex}.form-input,.form-textarea,.form-select,.role-select,.filter-select,.marksheet-cell-input,.marksheet-comment-input{background-color:var(--bg-interactive)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.form-input:focus,.form-textarea:focus,.form-select:focus,.role-select:focus,.filter-select:focus,.marksheet-cell-input:focus,.marksheet-comment-input:focus{outline:none;border-color:var(--border-hover)!important}.btn-secondary{background-color:var(--bg-interactive)!important;border-color:var(--border-color)!important}.btn-secondary:hover{background-color:var(--bg-card-hover)!important;border-color:var(--border-hover)!important}.marksheet-table-container{max-width:100%;position:relative;overflow-x:auto}.marksheet-table th:first-child,.marksheet-table td:first-child{z-index:10;position:sticky;left:0;box-shadow:2px 0 5px #0000001a;background-color:var(--bg-card)!important;border-right:1px solid var(--border-color)!important}.marksheet-table th:first-child{z-index:11;background-color:var(--bg-interactive)!important}.marksheet-table tr:hover td:first-child{background-color:var(--bg-card-hover)!important}@media (width<=1280px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);gap:1rem;width:100%;height:auto;padding:1rem}.role-selector-card{margin-bottom:.5rem}.main-wrapper{height:auto}.top-header{flex-direction:column;align-items:flex-start;gap:.75rem;height:auto;padding:.75rem 1.25rem;position:relative}.header-right{justify-content:space-between;width:100%}.nlp-search-container,.nlp-search-input:focus{width:100%}.page-body{gap:1rem;padding:1rem}.interventions-board,.sync-grid,.profile-grid{grid-template-columns:1fr;gap:1rem}}.intervention-col{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;flex-direction:column;gap:1rem;min-height:500px;padding:1rem;display:flex}.intervention-col-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.col-count{background-color:var(--bg-interactive);color:var(--text-secondary);border-radius:99px;padding:2px 6px;font-size:.7rem;font-weight:600}.intervention-col.draft{background:linear-gradient(#71717a04 0%,#0000 100%);border-top:3px solid #71717a}.intervention-col.active{background:linear-gradient(#3b82f604 0%,#0000 100%);border-top:3px solid #3b82f6}.intervention-col.review{background:linear-gradient(#f59e0b04 0%,#0000 100%);border-top:3px solid #f59e0b}.intervention-col.completed{background:linear-gradient(#10b98104 0%,#0000 100%);border-top:3px solid #10b981}.metric-card.interactive{cursor:pointer;transition:all .2s ease-in-out}.metric-card.interactive:hover{border-color:var(--border-hover);background-color:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}