:root{--bg:#f4f6fb;--surface:#fff;--card:#fff;--card-hover:#f7f8ff;--border:#0000000f;--border-md:#0000001a;--border-strong:#00000029;--text:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--accent:#6d28d9;--accent-light:#7c3aed;--accent-dim:#6d28d914;--accent-glow:#6d28d92e;--ok:#16a34a;--ok-bg:#f0fdf4;--ok-border:#bbf7d0;--ok-text:#15803d;--degrade:#ea580c;--degrade-bg:#fff7ed;--degrade-border:#fed7aa;--degrade-text:#c2410c;--warn:#d97706;--warn-bg:#fffbeb;--warn-border:#fde68a;--warn-text:#b45309;--crit:#dc2626;--crit-bg:#fff5f5;--crit-border:#fecaca;--crit-text:#b91c1c;--ok-dim:#16a34a17;--warn-dim:#d9770617;--crit-dim:#dc262617;--degrade-dim:#ea580c17;--unknown:#6b7280;--unknown-dim:#6b728017;--radius-sm:7px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 4px #0000000f,0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014,0 1px 4px #0000000a;--shadow-lg:0 10px 32px #0000001a,0 2px 8px #0000000d;--shadow-accent:0 4px 14px #6d28d938;--transition:0.16s ease;--transition-slow:0.28s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#f4f6fb;background:var(--bg);color:#111827;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;line-height:1.55;min-height:100vh}button{background:none;border:none;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#f4f6fb;background:var(--bg)}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInR{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bannerIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes blink-row{0%,to{background-color:#fff}50%{background-color:#dc262617}}@keyframes blink-pill{0%,to{box-shadow:none}50%{box-shadow:0 0 0 2px #dc262673}}@keyframes blink-icon{0%,to{background-color:#fee2e2}50%{background-color:#fca5a5}}.animate-fade{animation:fadeIn .28s ease both;animation:fadeIn var(--transition-slow) both}.spin{animation:spin 1s linear infinite}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #00000014;box-shadow:0 1px 0 #0000000a;height:58px;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:8px}.navbar-wordmark{color:var(--text);font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.navbar-wordmark-accent{color:var(--text-muted);font-weight:400}.navbar-right{align-items:center;display:flex;gap:1rem}.navbar-timestamp{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;gap:6px}.navbar-timestamp-dot{animation:pulse-dot 2s ease-in-out infinite;background:var(--ok);border-radius:50%;height:7px;width:7px}.navbar-refresh{align-items:center;background:#111827;border-radius:var(--radius-sm);box-shadow:0 2px 6px #00000026;color:#fff;display:flex;font-size:.82rem;font-weight:600;gap:6px;padding:7px 16px;transition:opacity var(--transition),transform var(--transition)}.navbar-refresh:hover{opacity:.85;transform:translateY(-1px)}.navbar-refresh:disabled{cursor:not-allowed;opacity:.5;transform:none}.navbar-user{align-items:center;background:#fafbfd;border:1px solid var(--border-md);border-radius:99px;display:flex;gap:8px;padding:4px 4px 4px 12px}.navbar-user-name{color:var(--text-secondary);font-size:.8rem;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-logout{align-items:center;background:#fff;border:1px solid var(--border-md);border-radius:50%;color:var(--text-muted);display:flex;height:26px;justify-content:center;transition:all var(--transition);width:26px}.navbar-logout:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.ab-wrap{animation:fadeIn .3s ease both;padding:1rem 2rem 0}.ab-card{align-items:flex-start;background:#fff;border:1px solid;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:1rem;padding:1rem 1.25rem}.ab-card-crit{animation:blink-row 1.5s ease-in-out infinite;border-color:#fecaca;border-left:4px solid #dc2626}.ab-card-warn{border-color:#fed7aa;border-left:4px solid #ea580c}.ab-card-minor{border-color:#fde68a;border-left:4px solid #d97706}.ab-icon-wrap{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:34px;justify-content:center;margin-top:1px;width:34px}.ab-card-crit .ab-icon-wrap{animation:blink-icon 1.5s ease-in-out infinite;background:#fee2e2;color:#dc2626}.ab-card-warn .ab-icon-wrap{background:#ffedd5;color:#ea580c}.ab-card-minor .ab-icon-wrap{background:#fef3c7;color:#d97706}.ab-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.ab-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.ab-level{font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.ab-card-crit .ab-level{color:#b91c1c}.ab-card-warn .ab-level{color:#c2410c}.ab-card-minor .ab-level{color:#92400e}.ab-count{color:var(--text-muted);font-size:.72rem;font-weight:500}.ab-pills{display:flex;flex-wrap:wrap;gap:.35rem}.ab-pill{align-items:center;border-radius:99px;display:inline-flex;font-size:.74rem;font-weight:500;gap:5px;padding:3px 11px;white-space:nowrap}.ab-card-crit .ab-pill{background:#fff5f5;border:1px solid #fecaca;color:#b91c1c}.ab-card-warn .ab-pill{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.ab-card-minor .ab-pill{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.ab-pill-dot{border-radius:50%;flex-shrink:0;height:5px;width:5px}.ab-card-crit .ab-pill-dot{background:#dc2626}.ab-card-warn .ab-pill-dot{background:#ea580c}.ab-card-minor .ab-pill-dot{background:#d97706}.kpi-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);padding:1.5rem 2rem 0}@media (max-width:960px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:#fff;border:1px solid var(--border-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1.4rem 1.5rem 1.1rem;position:relative;transition:box-shadow var(--transition),transform var(--transition)}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-accent-bar{display:none}.kpi-top{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.kpi-label{color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.09em;margin-bottom:.25rem;text-transform:uppercase}.kpi-value{color:var(--text);font-size:2.8rem;font-weight:900;letter-spacing:-.04em;line-height:1}.kpi-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.kpi-bar{background:#f1f5f9;border-radius:99px;display:flex;height:6px;overflow:hidden}.kpi-bar-seg{height:100%;transition:width .6s ease}.kpi-breakdown{display:flex;flex-wrap:wrap;gap:.75rem}.kpi-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:.78rem;font-weight:700;gap:5px}.kpi-stat-dot{border-radius:50%;height:7px;width:7px}.kpi-alert-value{font-size:2.8rem;font-weight:900;letter-spacing:-.04em;line-height:1}.kpi-alert-sub{font-size:.78rem;font-weight:600;margin-top:.25rem}.metric-gauge-card{align-items:center;background:#fff;border:1px solid var(--border-md);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;height:160px;justify-content:space-between;overflow:hidden;padding:.9rem .75rem .75rem;position:relative;transition:all var(--transition)}.metric-gauge-card:after{border-radius:0 0 var(--radius-md) var(--radius-md);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.metric-gauge-card:hover{background:#f7f8ff;border-color:#c7d2fe;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.metric-gauge-card.alerte-1:after{background:#16a34a}.metric-gauge-card.alerte-2:after{background:#d97706}.metric-gauge-card.alerte-3:after{background:#ea580c}.metric-gauge-card.alerte-4:after{background:#dc2626}.metric-gauge-card.alerte-2{background:#fffdf0;border-color:#fde68a}.metric-gauge-card.alerte-3{background:#fff9f5;border-color:#fed7aa}.metric-gauge-card.alerte-4{background:#fff8f8;border-color:#fecaca}.metric-center{align-items:center;display:flex;flex:1 1;justify-content:center;width:100%}.gauge-svg{height:80px;width:80px}.gauge-track{fill:none;stroke:#e5e7eb;stroke-width:8}.gauge-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .7s ease}.gauge-fill-ok{stroke:#16a34a}.gauge-fill-warn{stroke:#d97706}.gauge-fill-degrade{stroke:#ea580c}.gauge-fill-crit{stroke:#dc2626}.gauge-text{fill:#111827;text-anchor:middle;dominant-baseline:middle;font-size:13px;font-weight:800}.metric-ratio-wrap{display:flex;flex-direction:column;gap:6px;width:100%}.metric-ratio-value{color:var(--text);font-size:1.05rem;font-weight:800;line-height:1;text-align:center}.metric-ratio-unit{color:var(--text-muted);font-size:.72rem;margin-top:2px;text-align:center}.metric-ratio-bar{background:#e5e7eb;border-radius:99px;height:6px;overflow:hidden;width:100%}.metric-ratio-fill{border-radius:99px;height:100%;transition:width .7s ease}.metric-raw-value{font-size:1.6rem;font-weight:900;letter-spacing:-.03em;line-height:1;text-align:center}.metric-raw-unit{color:var(--text-muted);font-size:.72rem;font-weight:500;margin-top:3px;text-align:center}.metric-footer{text-align:center;width:100%}.metric-gauge-name{color:var(--text-secondary);font-size:.7rem;font-weight:600;line-height:1.3}.metric-gauge-raw{color:var(--text-muted);font-size:.68rem;margin-top:2px}.server-section{padding:1.5rem 2rem 0}.section-header{justify-content:space-between;margin-bottom:1.1rem}.section-header,.section-title{align-items:center;display:flex}.section-title{color:var(--text-muted);font-size:.72rem;font-weight:700;gap:7px;letter-spacing:.08em;text-transform:uppercase}.section-title-icon{color:var(--accent-light)}.tab-row{border-bottom:1px solid var(--border-md);display:flex;gap:3px;margin-bottom:0}.tab-btn{background:#0000;border:1px solid #0000;border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-muted);font-size:.82rem;font-weight:600;padding:7px 16px;position:relative;top:1px;transition:all var(--transition)}.tab-btn:hover{background:rgba(0,0,0,.025);color:var(--text)}.tab-btn.active{background:#fff;border-color:var(--border-md);border-bottom-color:#fff;color:var(--accent-light);font-weight:700}.server-table-wrapper{background:#fff;border:1px solid var(--border-md);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;box-shadow:var(--shadow-sm);overflow:hidden}.server-table{border-collapse:collapse;width:100%}.server-table thead th{background:#fafbfd;border-bottom:1px solid var(--border-md);color:var(--text-muted);font-size:.67rem;font-weight:700;letter-spacing:.09em;padding:.65rem 1rem;text-align:left;text-transform:uppercase}.server-row{border-bottom:1px solid #0000000a;transition:background var(--transition)}.server-row:last-child{border-bottom:none}.server-row:hover{background:#f7f8ff!important}.sr-cell,.sr-cell-actions,.sr-cell-date,.sr-cell-metrics,.sr-cell-name{padding:.75rem 1rem;vertical-align:middle}.sr-cell-date{color:var(--text-muted);font-size:.78rem;white-space:nowrap}.sr-cell-metrics{max-width:380px}.sr-cell-actions{text-align:right;white-space:nowrap}.sr-btn{align-items:center;background:#f9fafb;border:1px solid var(--border-md);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-flex;height:28px;justify-content:center;margin-left:4px;transition:all var(--transition);width:28px}.sr-btn:hover{background:var(--accent-dim);border-color:var(--accent-glow);box-shadow:var(--shadow-xs);color:var(--accent-light)}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11182747;inset:0;opacity:0;position:fixed;transition:opacity .25s ease;z-index:300}.drawer-backdrop.open{opacity:1}.drawer-panel{background:#f8fafc;border-left:1px solid var(--border-md);bottom:0;box-shadow:-8px 0 40px #0000001f;display:flex;flex-direction:column;max-width:95vw;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .28s cubic-bezier(.22,1,.36,1);width:620px;z-index:301}.drawer-panel.open{transform:translateX(0)}.drawer-header{align-items:center;background:#fff;border-bottom:1px solid var(--border-md);display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.drawer-header-left{align-items:center;display:flex;gap:12px}.drawer-header-icon{align-items:center;background:var(--accent-dim);border:1px solid var(--accent-glow);border-radius:var(--radius-md);color:var(--accent-light);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.drawer-server-name{color:var(--text);font-size:1.05rem;font-weight:800}.drawer-server-sub{color:var(--text-muted);font-size:.78rem;margin-top:2px}.drawer-close{align-items:center;background:#f9fafb;border:1px solid var(--border-md);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:13px;height:32px;justify-content:center;transition:all var(--transition);width:32px}.drawer-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.drawer-body{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem}.drawer-section-title{align-items:center;color:var(--text-muted);display:flex;font-size:.7rem;font-weight:700;gap:6px;letter-spacing:.08em;margin-bottom:.85rem;text-transform:uppercase}.drawer-section-title-icon{color:var(--accent-light)}.drawer-gauges{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.drawer-charts{display:flex;flex-direction:column;gap:1rem}.drawer-chart-card{background:#fff;border:1px solid var(--border-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:1.1rem 1.25rem}.drawer-chart-title{align-items:center;color:var(--text);display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;margin-bottom:.85rem}.drawer-chart-badge{border-radius:99px;font-size:.7rem;font-weight:600;padding:2px 8px}.drawer-no-history{background:#fff;border:1px solid var(--border-md);border-radius:var(--radius-lg);color:var(--text-muted);font-size:.85rem;padding:2rem;text-align:center}.drawer-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:8px;padding:1rem 0}.service-section{padding:1.5rem 2rem 0}.service-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}@media (max-width:600px){.service-grid{grid-template-columns:1fr}}.service-card{align-items:center;background:#fff;border:1px solid var(--border-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;gap:1rem;justify-content:space-between;padding:.9rem 1.25rem;transition:box-shadow var(--transition)}.service-card:hover{box-shadow:var(--shadow-sm)}.service-card-left{align-items:center;display:flex;gap:10px;min-width:0}.service-card-right{gap:.85rem}.service-card-right,.service-icon-wrap{align-items:center;display:flex;flex-shrink:0}.service-icon-wrap{background:#f1f5f9;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);height:32px;justify-content:center;width:32px}.service-name{color:var(--text);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-date{color:var(--text-muted);font-size:.73rem;white-space:nowrap}.pagination{align-items:center;background:#fafbfd;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:.8rem 1.25rem}.pagination-info{color:var(--text-muted);font-size:.77rem}.pagination-controls{align-items:center;display:flex;gap:3px}.pagination-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:.78rem;font-weight:500;height:30px;justify-content:center;min-width:30px;padding:0 7px;transition:all var(--transition)}.pagination-btn:hover:not(:disabled){background:#fff;border-color:var(--border-md);box-shadow:var(--shadow-xs);color:var(--text)}.pagination-btn.active{background:var(--accent-light);border-color:var(--accent-light);box-shadow:var(--shadow-accent);color:#fff;font-weight:700}.pagination-btn:disabled{cursor:not-allowed;opacity:.35}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1118278c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:400}.modal-card,.modal-overlay{animation:fadeIn .2s ease both}.modal-card{background:#fff;border:1px solid var(--border-md);border-radius:var(--radius-xl);box-shadow:0 24px 60px #0000001f;max-width:620px;padding:2rem;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-title{color:var(--text);font-size:1.05rem;font-weight:800}.modal-subtitle{color:var(--text-muted);font-size:.8rem;margin-top:3px}.modal-close{align-items:center;background:#f9fafb;border:1px solid var(--border-md);border-radius:var(--radius-sm);color:var(--text-muted);display:flex;height:30px;justify-content:center;transition:all var(--transition);width:30px}.modal-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.modal-form{gap:1.1rem}.modal-field,.modal-form{display:flex;flex-direction:column}.modal-field{gap:.4rem}.modal-label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.modal-hint{color:var(--text-muted);font-size:.72rem;margin-top:2px}.modal-input{background:#fafbfd;border:1px solid var(--border-md);border-radius:var(--radius-md);color:var(--text);font-family:inherit;font-size:.9rem;outline:none;padding:.7rem 1rem;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.modal-input:focus{background:#fff;border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b826}.modal-preview{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-family:monospace;font-size:.78rem;padding:.6rem 1rem}.modal-preview strong{color:var(--text)}.modal-toggle-row{align-items:center;background:#fafbfd;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.85rem 1rem}.modal-toggle-label{color:var(--text);font-size:.85rem;font-weight:600}.modal-toggle-sub{color:var(--text-muted);font-size:.73rem;margin-top:2px}.modal-toggle{border:none;border-radius:99px;cursor:pointer;flex-shrink:0;height:22px;position:relative;transition:background .2s ease;width:40px}.modal-toggle.on{background:#111827}.modal-toggle.off{background:#d1d5db}.modal-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:16px;position:absolute;top:3px;transition:left .2s ease;width:16px}.modal-toggle.on .modal-toggle-thumb{left:21px}.modal-toggle.off .modal-toggle-thumb{left:3px}.modal-error{align-items:center;background:#fff5f5;border:1px solid #fecaca;border-radius:var(--radius-md);color:#b91c1c;display:flex;font-size:.82rem;gap:8px;padding:.7rem 1rem}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.modal-btn-cancel{background:#fff;border:1px solid var(--border-md);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;font-weight:600;padding:.7rem 1.25rem;transition:all var(--transition)}.modal-btn-cancel:hover{background:#f1f5f9}.modal-btn-submit{background:#111827;border-radius:var(--radius-md);box-shadow:0 2px 6px #00000026;color:#fff;font-size:.85rem;font-weight:700;padding:.7rem 1.5rem;transition:opacity var(--transition)}.modal-btn-submit:hover:not(:disabled){opacity:.85}.modal-btn-submit:disabled{cursor:not-allowed;opacity:.5}.website-section{padding:1.5rem 2rem}.website-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.website-actions{align-items:center;display:flex;gap:.6rem}.website-search-wrap{align-items:center;display:flex;position:relative}.website-search-icon{color:var(--text-muted);left:10px;pointer-events:none;position:absolute}.website-search{background:#fff;border:1px solid var(--border-md);border-radius:var(--radius-md);color:var(--text);font-family:inherit;font-size:.82rem;outline:none;padding:7px 12px 7px 32px;transition:border-color var(--transition),box-shadow var(--transition);width:220px}.website-search:focus{border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b81f}.website-search::placeholder{color:var(--text-muted)}.website-add-btn{align-items:center;background:#111827;border-radius:var(--radius-md);box-shadow:0 2px 6px #00000024;color:#fff;display:flex;font-size:.82rem;font-weight:600;gap:6px;padding:7px 14px;transition:opacity var(--transition);white-space:nowrap}.website-add-btn:hover{opacity:.85}.website-empty{background:#fff;border:1px solid var(--border-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);color:var(--text-muted);font-size:.85rem;margin-bottom:.85rem;padding:2rem;text-align:center}.website-cards-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.website-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.website-cards-grid{grid-template-columns:1fr}}.website-pagination-wrap{background:#fff;border:1px solid var(--border-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-top:1rem;overflow:hidden}.mp-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11182740;inset:0;opacity:0;position:fixed;transition:opacity .25s ease;z-index:200}.mp-overlay.is-visible{opacity:1}.mp-panel{background:#fff;border-left:1px solid var(--border-md);bottom:0;box-shadow:-8px 0 40px #0000001a;display:flex;flex-direction:column;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .28s cubic-bezier(.22,1,.36,1);width:560px;z-index:201}.mp-panel.is-visible{transform:translateX(0)}.mp-header{align-items:flex-start;background:#fafbfd;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.mp-title{color:var(--text);font-size:.95rem;font-weight:700;margin-bottom:3px}.mp-subtitle{font-size:.77rem}.mp-close,.mp-subtitle{color:var(--text-muted)}.mp-close{align-items:center;background:#fff;border:1px solid var(--border-md);border-radius:var(--radius-sm);display:flex;height:30px;justify-content:center;transition:all var(--transition);width:30px}.mp-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.mp-body{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1.5rem}.mp-row{align-items:center;background:#fafbfd;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.75rem 1rem}.mp-row span{color:var(--text-secondary);font-size:.82rem}.mp-row strong{color:var(--text);font-size:.9rem;font-weight:600}.mp-alerte-1 strong{color:var(--ok)}.mp-alerte-2 strong{color:var(--warn)}.mp-alerte-3 strong{color:var(--degrade)}.mp-alerte-4 strong{color:var(--crit)}.mp-desc{background:#fafbfd;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.82rem;line-height:1.7;padding:1rem}.login-page{align-items:center;background:linear-gradient(135deg,#f0f4ff,#f8fafc 60%,#faf5ff);display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.login-card{animation:fadeIn .35s ease both;background:#fff;border:1px solid var(--border-md);border-radius:var(--radius-xl);box-shadow:0 20px 60px #6d28d914,0 4px 16px #0000000f;max-width:420px;padding:2.5rem;width:100%}.login-logo{align-items:center;display:flex;gap:10px;margin-bottom:2rem}.login-logo-text{font-size:1.1rem;letter-spacing:-.01em}.login-logo-text,.login-title{color:var(--text);font-weight:800}.login-title{font-size:1.5rem;letter-spacing:-.02em;margin-bottom:.35rem}.login-subtitle{color:var(--text-muted);font-size:.85rem;margin-bottom:2rem}.login-form{gap:1rem}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:.4rem}.login-label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.login-input{background:#fafbfd;border:1px solid var(--border-md);border-radius:var(--radius-md);color:var(--text);font-family:inherit;font-size:.9rem;outline:none;padding:.7rem 1rem;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.login-input:focus{background:#fff;border-color:var(--accent-light);box-shadow:0 0 0 3px var(--accent-dim)}.login-input::placeholder{color:var(--text-muted)}.login-error{align-items:center;background:#fff5f5;border:1px solid #fecaca;color:#b91c1c;display:flex;font-size:.82rem;font-weight:500;gap:8px;padding:.75rem 1rem}.login-error,.login-submit{border-radius:var(--radius-md)}.login-submit{background:#111827;box-shadow:0 2px 8px #00000026;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.01em;margin-top:.5rem;padding:.85rem;transition:opacity var(--transition),transform var(--transition);width:100%}.login-submit:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.login-submit:disabled{cursor:not-allowed;opacity:.65;transform:none}.login-footer{color:var(--text-muted);font-size:.75rem;margin-top:1.5rem;text-align:center}
/*# sourceMappingURL=main.bceb08ac.css.map*/