:root{--bg:#f0f4f8;--surface:#fff;--surface2:#f7f9fc;--border:#dde3ec;--primary:#1a56db;--primary-dark:#1341b0;--primary-light:#e8efff;--success:#0e9f6e;--success-light:#def7ec;--warning:#d97706;--warning-light:#fef3c7;--danger:#e02424;--danger-light:#fde8e8;--text:#1e2a3b;--text2:#4b5768;--text3:#8896a7;--radius:10px;--shadow:0 2px 8px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--font:"Segoe UI",system-ui,sans-serif;--sidebar:220px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;min-height:100vh}input,select,textarea,button{font-family:var(--font);font-size:14px}button{cursor:pointer}table{border-collapse:collapse}#app{display:flex;flex-direction:column;min-height:100vh}header{background:var(--primary);color:#fff;padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:52px;box-shadow:0 2px 8px #1a56db4d;position:sticky;top:0;z-index:200}header h1{font-size:1em;font-weight:700;display:flex;align-items:center;gap:8px}header h1 span.logo{background:#fff3;border-radius:7px;padding:3px 9px;font-size:.85em}#etab-badge{background:#ffffff26;border-radius:20px;padding:3px 12px;font-size:.8em;cursor:pointer;border:1px solid rgba(255,255,255,.3)}#etab-badge:hover{background:#ffffff40}#body-wrap{display:flex;flex:1;min-height:calc(100vh - 52px)}nav{width:var(--sidebar);min-width:var(--sidebar);background:var(--primary-dark);display:flex;flex-direction:column;padding:12px 8px;gap:2px;position:sticky;top:52px;height:calc(100vh - 52px);overflow-y:auto}nav .nav-section{font-size:.65em;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#ffffff4d;padding:12px 10px 4px;margin-top:4px}nav .nav-section:first-child{margin-top:0;padding-top:4px}nav button{background:none;border:none;padding:9px 12px;color:#ffffffb3;font-weight:500;border-radius:8px;text-align:left;width:100%;display:flex;align-items:center;gap:9px;transition:all .2s;font-size:.84em;white-space:nowrap;cursor:pointer}nav button:hover{color:#fff;background:#ffffff1f}nav button.active{color:#fff;background:#fff3;font-weight:700}nav button .nav-ico{font-size:1em;width:18px;text-align:center;flex-shrink:0}main{flex:1;padding:20px;overflow-x:auto;min-width:0}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:14px}.card-header{padding:13px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.card-header h2{font-size:.92em;font-weight:600;display:flex;align-items:center;gap:7px}.card-body{padding:14px 16px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:11px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:.78em;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.4px}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:7px;padding:7px 10px;background:var(--surface);color:var(--text);transition:border .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a56db1a}.cb-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.88em}.cb-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary)}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:7px;border:none;font-weight:600;transition:all .2s;font-size:.83em}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#0a7a55}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-outline{background:none;border:1px solid var(--border);color:var(--text2)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-warning{background:var(--warning);color:#fff}.btn-sm{padding:4px 9px;font-size:.78em}.btn-icon{padding:5px 7px;border-radius:6px;background:none;border:1px solid var(--border);color:var(--text2)}.btn-icon:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.data-table{width:100%;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.data-table th{background:var(--surface2);padding:9px 11px;text-align:left;font-size:.77em;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text2)}.data-table td{padding:9px 11px;border-top:1px solid var(--border);vertical-align:middle}.data-table tr:hover td{background:var(--primary-light)}.data-table .acts{display:flex;gap:4px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:.74em;font-weight:600}.b-blue{background:var(--primary-light);color:var(--primary)}.b-green{background:var(--success-light);color:var(--success)}.b-red{background:var(--danger-light);color:var(--danger)}.b-yellow{background:var(--warning-light);color:var(--warning)}.edt-wrap{overflow-x:auto}.edt-tbl{min-width:650px;width:100%;border-collapse:collapse;font-size:.82em}.edt-tbl th{background:var(--primary);color:#fff;padding:8px 5px;text-align:center;font-weight:600;font-size:.84em}.edt-tbl .col-h{background:var(--surface2);color:var(--text2);font-weight:600;text-align:center;white-space:nowrap;width:85px;font-size:.78em;border-right:2px solid var(--border)}.edt-tbl td{border:1px solid var(--border);vertical-align:top;padding:2px;height:58px;position:relative}.edt-tbl .pause-td{background:#f0f4f8;text-align:center;color:var(--text3);font-style:italic;font-size:.77em;vertical-align:middle}.edt-cell{border-radius:5px;padding:4px 5px;height:100%;min-height:52px;cursor:pointer;position:relative;transition:opacity .2s;display:flex;flex-direction:column;justify-content:center}.edt-cell:hover{opacity:.85}.edt-cell .mat{font-weight:700;font-size:.8em;line-height:1.2}.edt-cell .prf{font-size:.72em;opacity:.85;margin-top:2px}.edt-cell .sll{font-size:.69em;opacity:.7;margin-top:1px}.edt-cell .del-btn{position:absolute;top:2px;right:2px;background:#00000026;border:none;border-radius:3px;color:#fff;font-size:.68em;padding:1px 4px;cursor:pointer;display:none}.edt-cell:hover .del-btn{display:block}.edt-empty{background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;border-radius:5px;color:var(--text3);font-size:1.1em;transition:background .2s}.edt-empty:hover{background:var(--primary-light);color:var(--primary)}.edt-conflict{box-shadow:inset 0 0 0 2px var(--danger)!important}.edt-trou{background:repeating-linear-gradient(45deg,#fff7ed,#fff7ed 5px,#ffedd5 5px,#ffedd5 10px)!important;border:1px dashed #f97316!important;cursor:default!important;display:flex;align-items:center;justify-content:center;height:100%;border-radius:5px}.edt-trou-label{font-size:.68em;color:#c2410c;font-weight:600;text-align:center}.trous-resume{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:11px 14px;margin-top:10px;font-size:.82em}.trous-resume-titre{font-weight:700;color:#c2410c;margin-bottom:6px}.trou-tag{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;background:#ffedd5;color:#9a3412;font-size:.76em;font-weight:600;margin:2px;border:1px solid #fed7aa}.c0{background:#dbeafe;color:#1e40af}.c1{background:#dcfce7;color:#166534}.c2{background:#fef9c3;color:#854d0e}.c3{background:#fce7f3;color:#9d174d}.c4{background:#ede9fe;color:#5b21b6}.c5{background:#ffedd5;color:#9a3412}.c6{background:#d1fae5;color:#065f46}.c7{background:#e0f2fe;color:#075985}.c8{background:#f3e8ff;color:#6b21a8}.c9{background:#fef3c7;color:#92400e}.c10{background:#ecfdf5;color:#064e3b}.c11{background:#fff1f2;color:#9f1239}.cf-item{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border-radius:7px;margin-bottom:7px}.cf-item.rouge{background:var(--danger-light);border-left:3px solid var(--danger)}.cf-item.orange{background:#fff7ed;border-left:3px solid #f97316}.cf-item.jaune{background:var(--warning-light);border-left:3px solid var(--warning)}.cf-txt{font-size:.84em;line-height:1.4}.modal-ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface);border-radius:12px;width:100%;max-width:500px;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.modal-hdr{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-hdr h3{font-size:.93em;font-weight:700}.modal-body{padding:18px}.modal-ftr{padding:12px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:7px}.btn-x{background:none;border:none;font-size:1.25em;color:var(--text3);cursor:pointer;line-height:1}.btn-x:hover{color:var(--danger)}#toast-c{position:fixed;bottom:18px;right:18px;z-index:2000;display:flex;flex-direction:column;gap:7px}.toast{padding:9px 15px;border-radius:7px;color:#fff;font-size:.84em;font-weight:500;box-shadow:var(--shadow-lg);animation:sIn .3s ease;max-width:290px}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.toast.warning{background:var(--warning)}@keyframes sIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.tag-mat{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:11px;font-size:.74em;font-weight:600;margin:2px}.toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar .sp{flex:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:11px;margin-bottom:14px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:13px;text-align:center}.stat-card .num{font-size:1.9em;font-weight:700;color:var(--primary)}.stat-card .lbl{font-size:.74em;color:var(--text2);margin-top:2px}.tabs{display:flex;gap:3px;margin-bottom:14px;border-bottom:1px solid var(--border)}.tab-btn{background:none;border:none;padding:8px 15px;color:var(--text2);font-weight:500;border-bottom:2px solid transparent;cursor:pointer;font-size:.84em;transition:all .2s}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.page{display:none}.page.active{display:block}.dispo-cell{width:30px;height:26px;border-radius:4px;border:1px solid var(--border);cursor:pointer;background:var(--surface2);transition:background .15s;font-size:.68em;display:inline-flex;align-items:center;justify-content:center;margin:1px}.dispo-cell.dsp{background:#dcfce7;border-color:#86efac}.dispo-cell.ind{background:#fee2e2;border-color:#fca5a5}.empty-st{text-align:center;padding:36px 20px;color:var(--text3)}.empty-st .ic{font-size:2.2em;margin-bottom:7px}.empty-st p{font-size:.88em}.divider{border:none;border-top:1px solid var(--border);margin:12px 0}.row{display:flex;gap:11px;flex-wrap:wrap}.col{flex:1;min-width:230px}.pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;border:1px solid var(--border);cursor:pointer;font-size:.77em;transition:all .2s;-webkit-user-select:none;user-select:none}.pill.sel{border-color:var(--primary);background:var(--primary-light);color:var(--primary);font-weight:600}.h-bar{height:7px;border-radius:4px;background:var(--border);overflow:hidden;margin-top:3px}.h-fill{height:100%;border-radius:4px;background:var(--primary);transition:width .4s}.h-fill.over{background:var(--danger)}.mat-vol-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;margin-bottom:5px;border:1px solid var(--border);background:var(--surface2);transition:background .2s}.mat-vol-row:hover{background:var(--primary-light)}.mat-vol-row.active-row{background:var(--primary-light);border-color:var(--primary)}.mat-vol-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);flex-shrink:0}.mat-vol-label{flex:1;font-size:.84em;font-weight:500;display:flex;align-items:center;gap:7px}.mat-vol-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.mat-vol-h{display:flex;align-items:center;gap:5px;font-size:.8em;color:var(--text2)}.mat-vol-h input{width:52px;padding:4px 7px;border:1px solid var(--border);border-radius:5px;text-align:center;font-size:.9em}.mat-vol-h input:disabled{opacity:.4;background:var(--surface2)}.firebase-badge{background:#ffca28;color:#333;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px;margin-left:10px}#quota-banner{display:none;position:sticky;top:52px;z-index:190;background:linear-gradient(135deg,#1a56db,#2563eb);color:#fff;padding:10px 20px;text-align:center;font-size:.84em;font-weight:600;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}#quota-banner.show{display:flex}#quota-banner .qb-msg{flex:1;min-width:200px}#quota-banner .qb-btn{background:#fff;color:#1a56db;border:none;border-radius:20px;padding:5px 14px;font-weight:700;font-size:.82em;cursor:pointer;white-space:nowrap}.modal-licence{background:#0000008c;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-licence-box{background:#fff;border-radius:16px;max-width:440px;width:100%;padding:32px 28px;text-align:center;box-shadow:0 24px 60px #00000040}.modal-licence-box .ml-icon{font-size:3em;margin-bottom:12px}.modal-licence-box h3{font-size:1.1em;font-weight:800;color:#1e2a3b;margin-bottom:8px}.modal-licence-box p{font-size:.84em;color:#4b5768;line-height:1.6;margin-bottom:18px}.modal-licence-box .ml-price{font-size:1.4em;font-weight:800;color:#1a56db;margin-bottom:6px}.modal-licence-box .ml-sub{font-size:.78em;color:#6b7280;margin-bottom:20px}.modal-licence-box .ml-nums{background:#e8efff;border-radius:10px;padding:12px;margin-bottom:18px;font-size:.82em;line-height:1.8}.modal-licence-box .ml-nums strong{color:#1a56db}.btn-ml-close{background:none;border:1px solid #d1d5db;border-radius:8px;padding:8px 18px;color:#6b7280;font-size:.84em;cursor:pointer;margin-right:8px}.btn-ml-close:hover{border-color:#1a56db;color:#1a56db}:root{--sidebar:220px}#hamburger{display:none;background:none;border:none;color:#fff;font-size:1.4em;cursor:pointer;padding:4px 8px;line-height:1}#nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:299}#nav-overlay.open{display:block}.import-page-tabs{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:18px;border-bottom:2px solid var(--border);padding-bottom:0}.import-page-tab{background:none;border:none;padding:9px 16px;color:var(--text2);font-weight:600;border-bottom:3px solid transparent;cursor:pointer;font-size:.84em;transition:all .2s;margin-bottom:-2px}.import-page-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.import-panel{display:none}.import-panel.active{display:block}.drop-zone{border:2px dashed var(--primary);border-radius:14px;padding:32px 20px;text-align:center;background:var(--primary-light);cursor:pointer;transition:all .2s;margin:14px 0;position:relative}.drop-zone:hover,.drop-zone.dragover{background:#dbeafe;border-color:var(--primary-dark)}.drop-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.drop-zone .dz-icon{font-size:2.2em;margin-bottom:8px}.drop-zone .dz-title{font-weight:700;color:var(--primary);margin-bottom:4px}.drop-zone .dz-sub{font-size:.8em;color:var(--text2)}.preview-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--border);margin:12px 0}.preview-table{width:100%;font-size:.82em;border-collapse:collapse}.preview-table th{background:var(--primary);color:#fff;padding:8px 10px;text-align:left;font-weight:600}.preview-table td{padding:7px 10px;border-top:1px solid var(--border)}.preview-table tr:hover td{background:var(--primary-light)}.preview-table .ok{color:var(--success)}.preview-table .warn{color:var(--warning)}.preview-table .err{color:var(--danger)}.modele-card{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:14px}.modele-card h4{font-size:.85em;font-weight:700;margin-bottom:8px;color:var(--text)}.prog-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:16px}.prog-cal-hdr{text-align:center;font-size:.72em;font-weight:700;color:var(--text2);padding:4px 0;text-transform:uppercase;letter-spacing:.4px}.prog-day{min-height:70px;border:1px solid var(--border);border-radius:6px;padding:3px;background:var(--surface);position:relative;cursor:pointer;transition:background .15s}.prog-day:hover{background:var(--primary-light)}.prog-day.autre-mois{background:var(--surface2);opacity:.5}.prog-day.today{border-color:var(--primary);border-width:2px}.prog-day.conge{background:#fff7ed;border-color:var(--warning)}.prog-day-num{font-size:.75em;font-weight:700;color:var(--text2);margin-bottom:2px}.prog-badge{font-size:.64em;border-radius:3px;padding:1px 4px;margin-bottom:1px;display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.prog-badge.devoir{background:#dbeafe;color:#1e40af}.prog-badge.composition{background:#fce7f3;color:#9d174d}.prog-badge.conge{background:#fef3c7;color:#92400e}.prog-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.prog-nav h3{font-size:1em;font-weight:700;color:var(--text)}.cycle-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.75em;font-weight:700}.cycle-1{background:#dbeafe;color:#1e40af}.cycle-2{background:#dcfce7;color:#166534}.cycle-tech{background:#fef3c7;color:#92400e}.prog-list-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);margin-bottom:6px;background:var(--surface);transition:background .15s}.prog-list-item:hover{background:var(--primary-light)}.prog-list-item .pli-type{width:90px;flex-shrink:0}.prog-list-item .pli-info{flex:1;min-width:0}.prog-list-item .pli-date{font-size:.82em;color:var(--text2);white-space:nowrap}.prog-list-item .pli-statut{font-size:.72em}.annee-card{border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:10px;background:var(--surface2)}.trim-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);margin-bottom:8px;flex-wrap:wrap}.regles-cycle{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:14px;margin-bottom:10px}.conflict-alert{background:var(--danger-light);border:1px solid #fca5a5;border-radius:7px;padding:9px 12px;font-size:.83em;color:var(--danger);margin-bottom:8px;display:flex;align-items:flex-start;gap:8px}.sugg-date{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;background:var(--success-light);color:var(--success);font-size:.78em;font-weight:600;cursor:pointer;margin:2px;border:1px solid #86efac}.sugg-date:hover{background:#bbf7d0}.modele-card code{display:block;background:#1e2a3b;color:#a5f3fc;padding:10px 12px;border-radius:7px;font-size:.78em;line-height:1.7;overflow-x:auto;white-space:pre}.import-result{padding:12px 16px;border-radius:8px;font-size:.84em;font-weight:600;margin-top:12px;display:none}.import-result.ok{background:var(--success-light);color:var(--success);border:1px solid #86efac;display:block}.import-result.err{background:var(--danger-light);color:var(--danger);border:1px solid #fca5a5;display:block}@media (max-width:768px){:root{--sidebar:220px}#hamburger{display:block}nav{position:fixed;left:-240px;top:0;height:100vh;z-index:300;transition:left .25s;padding-top:60px}nav.open{left:0}#body-wrap{flex-direction:column}main{padding:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}.row{flex-direction:column}.form-grid{grid-template-columns:1fr}.edt-tbl{font-size:.74em}.edt-tbl th,.edt-tbl td{padding:4px 3px}.modal{max-width:98vw;margin:8px}.modal-ov{padding:8px}header h1 .firebase-badge{display:none}.toolbar{gap:5px}.btn{padding:6px 10px;font-size:.8em}#auth-screen{padding:8px}.auth-box{border-radius:14px}.auth-top{padding:20px 16px 16px}.auth-body{padding:16px}.import-page-tab{padding:8px 10px;font-size:.78em}}@media (max-width:480px){header h1{font-size:.88em}.stats-grid{grid-template-columns:repeat(2,1fr)}.edt-tbl{font-size:.68em}nav button{font-size:.8em;padding:8px 10px}}@media print{header,nav,#body-wrap>nav,#toast-c,.toolbar,.btn,.no-print{display:none!important}main{padding:0!important}.card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.edt-tbl{font-size:.74em}body{background:#fff}main{padding:0;max-width:100%}.del-btn{display:none!important}}main{overflow-y:auto;overflow-x:hidden}.page{overflow-y:auto;overflow-x:hidden}.data-table-wrap{overflow-x:auto;overflow-y:auto;max-height:60vh;border-radius:var(--radius)}.data-table{width:100%;border:1px solid var(--border);border-radius:var(--radius);overflow:visible;min-width:500px}.data-table th{position:sticky;top:0;z-index:2;background:var(--surface2)}.edt-wrap{overflow-x:auto;overflow-y:auto;max-height:72vh}.edt-tbl{min-width:650px}#conflits-div{max-height:65vh;overflow-y:auto;overflow-x:hidden}#alertes-div,#vol-classes{max-height:340px;overflow-y:auto;overflow-x:hidden}.modal-body{overflow-y:auto;overflow-x:hidden;max-height:65vh}#dispo-grid{overflow-x:auto;overflow-y:hidden;max-width:100%}.preview-table-wrap{overflow-x:auto;overflow-y:auto;max-height:300px}#page-contraintes .card-body{overflow-y:auto;max-height:80vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface2);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}::-webkit-scrollbar-corner{background:var(--surface2)}#auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:linear-gradient(135deg,#1341b0,#1a56db,#2563eb);display:flex;align-items:center;justify-content:center;padding:16px}.auth-box{background:#fff;border-radius:18px;box-shadow:0 24px 60px #00000040;width:100%;max-width:420px;overflow:hidden}.auth-top{background:linear-gradient(135deg,#1a56db,#2563eb);padding:32px 28px 24px;text-align:center;color:#fff}.auth-top .auth-icon{font-size:2.8em;margin-bottom:10px}.auth-top h2{font-size:1.4em;font-weight:800;margin-bottom:4px}.auth-top p{font-size:.82em;opacity:.8}.auth-tabs{display:flex;border-bottom:1px solid #e5e7eb}.auth-tab{flex:1;padding:13px;text-align:center;font-weight:700;font-size:.84em;cursor:pointer;color:#6b7280;border-bottom:3px solid transparent;transition:all .2s;background:none;border-top:none;border-left:none;border-right:none}.auth-tab.active{color:#1a56db;border-bottom-color:#1a56db}.auth-body{padding:24px 28px}.auth-field{margin-bottom:14px}.auth-field label{display:block;font-size:.76em;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}.auth-field input,.auth-field select{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:.9em;color:#1e2a3b;transition:border .2s;font-family:inherit}.auth-field input:focus,.auth-field select:focus{outline:none;border-color:#1a56db;box-shadow:0 0 0 3px #1a56db1a}.auth-field input::placeholder{color:#9ca3af}.btn-auth-submit{width:100%;padding:13px;background:linear-gradient(135deg,#1a56db,#2563eb);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.95em;cursor:pointer;transition:transform .15s,box-shadow .15s;margin-top:4px}.btn-auth-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1a56db59}.auth-msg{padding:10px 14px;border-radius:8px;font-size:.82em;font-weight:600;margin-bottom:14px;display:none}.auth-msg.error{background:#fde8e8;color:#c81e1e;border:1px solid #f9b2b2;display:block}.auth-msg.success{background:#def7ec;color:#03543f;border:1px solid #84e1bc;display:block}.auth-msg.info{background:#e8efff;color:#1a56db;border:1px solid #b4c6fc;display:block}.auth-pending{text-align:center;padding:20px 0}.auth-pending .pending-icon{font-size:3em;margin-bottom:12px}.auth-pending p{font-size:.85em;color:#4b5768;line-height:1.6}