@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sb-bg: #0e0f11;--sb-bg2: #141518;--sb-bg3: #1a1c20;--sb-border: rgba(255,255,255,.07);--sb-text: #e8e9eb;--sb-text2: #8a8d94;--sb-text3: #555860;--bg: #f4f5f7;--bg2: #ffffff;--bg3: #f0f1f4;--bg4: #e4e6ea;--border: rgba(0,0,0,.08);--border2: rgba(0,0,0,.14);--text: #1a1c20;--text2: #5a5e6b;--text3: #9299a8;--accent: #0d6ebd;--accent-soft: rgba(13,110,189,.1);--accent2: #00b4c8;--accent2-soft: rgba(0,180,200,.1);--brand-gradient: linear-gradient(135deg, #00c8e0 0%, #0d6ebd 100%);--warn: #e8960a;--warn-soft: rgba(232,150,10,.1);--danger: #e03530;--danger-soft: rgba(224,53,48,.1);--purple: #7c5cdb;--purple-soft: rgba(124,92,219,.1);--radius: 10px;--radius-sm: 6px;--font: "DM Sans", sans-serif;--mono: "DM Mono", monospace;--sidebar: 224px;--topbar: 52px}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--bg4) transparent}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:10px}.app{display:flex;height:100vh}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.content{flex:1;overflow-y:auto;padding:24px;background:var(--bg)}.sidebar{width:var(--sidebar);flex-shrink:0;background:var(--sb-bg2);border-right:1px solid var(--sb-border);display:flex;flex-direction:column}.sidebar-logo{height:60px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--sb-border);gap:10px}.logo-mark{width:26px;height:26px;background:var(--accent);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.logo-name{font-size:15px;font-weight:600;letter-spacing:-.3px;color:var(--sb-text)}.sidebar-section{padding:14px 10px 4px}.sidebar-label{font-size:10px;font-weight:600;color:var(--sb-text3);text-transform:uppercase;letter-spacing:.08em;padding:0 8px;margin-bottom:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;color:var(--sb-text2);transition:all .15s;font-size:13.5px;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--sb-bg3);color:var(--sb-text)}.nav-item.active{background:#0d6ebd33;color:#5ba8e5;font-weight:500}.nav-icon{width:16px;height:16px;opacity:.7;flex-shrink:0}.nav-item.active .nav-icon{opacity:1}.nav-badge{margin-left:auto;background:var(--danger);color:#fff;font-size:10px;font-weight:600;border-radius:20px;padding:1px 7px}.nav-badge.blue{background:var(--accent)}.nav-badge.orange{background:#f59e0b}.mod-badge{margin-left:auto;font-size:9px;font-weight:600;border-radius:4px;padding:2px 5px;text-transform:uppercase;letter-spacing:.04em}.mod-badge.green{background:#00b4c826;color:#00b4c8}.sidebar-bottom{margin-top:auto;padding:12px 10px;border-top:1px solid var(--sb-border)}.user-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer}.user-row:hover{background:var(--sb-bg3)}.user-name{font-size:13px;font-weight:500;color:var(--sb-text)}.user-role{font-size:11px;color:var(--sb-text3)}.topbar{height:var(--topbar);flex-shrink:0;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:16px;box-shadow:0 1px 3px #0000000a}.topbar-title{font-size:14px;font-weight:600;color:var(--text)}.topbar-sub{font-size:12px;color:var(--text3)}.tsep{width:1px;height:16px;background:var(--border2)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.btn{height:30px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--bg2);color:var(--text2);font-family:var(--font);font-size:12.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.btn:hover{background:var(--bg3);color:var(--text)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:#0b5fac}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px #0000000a}.card-head{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;background:var(--bg2)}.card-title{font-size:13px;font-weight:600;color:var(--text)}.card-sub{font-size:11px;color:var(--text3);margin-left:auto}.card-body{padding:16px 18px}.alertes-rh-card .alertes-rh-head{padding:14px 18px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.badge-count{font-size:11px;background:var(--bg3);color:var(--text3);border-radius:10px;padding:2px 10px}.alertes-sub-section{padding:12px 18px 10px}.alertes-sub-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.alertes-sub-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text3);flex:1}.alertes-sub-divider{height:1px;background:var(--border);margin:0 18px}.icon-warning{color:#f59e0b;font-size:13px}.icon-danger{color:var(--danger);font-size:13px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.kpi-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.kpi-card.blue:before{background:var(--accent)}.kpi-card.green:before{background:var(--accent2)}.kpi-card.orange:before{background:var(--warn)}.kpi-card.red:before{background:var(--danger)}.kpi-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:8px}.kpi-val{font-size:26px;font-weight:600;letter-spacing:-.5px;color:var(--text)}.kpi-delta{font-size:11px;margin-top:4px}.delta-up{color:var(--accent2)}.delta-down{color:var(--danger)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.grid-3{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg3)}td{padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle;color:var(--text)}tr:last-child td{border-bottom:none}tbody tr{transition:background .12s;cursor:pointer}tbody tr:hover{background:#f7f8fb}.pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;border-radius:20px;padding:3px 9px}.pill:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.pill.green{background:#e6faf5;color:#008c6a}.pill.green:before{background:#00b4c8}.pill.blue{background:#e8f2fb;color:#0d6ebd}.pill.blue:before{background:#0d6ebd}.pill.orange{background:#fef3e2;color:#b87000}.pill.orange:before{background:#e8960a}.pill.red{background:#feeaea;color:#b32a27}.pill.red:before{background:#e03530}.pill.gray{background:#f0f1f4;color:var(--text2)}.pill.gray:before{background:var(--text3)}.pill.purple{background:#f0ecfc;color:#5f3ec4}.pill.purple:before{background:#7c5cdb}.av{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.av.blue{background:var(--accent-soft);color:var(--accent)}.av.green{background:var(--accent2-soft);color:var(--accent2)}.av.orange{background:var(--warn-soft);color:var(--warn)}.av.purple{background:var(--purple-soft);color:var(--purple)}.filters{display:flex;gap:10px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.search-input{height:32px;padding:0 12px;border-radius:var(--radius-sm);background:var(--bg2);border:1px solid var(--border2);color:var(--text);font-family:var(--font);font-size:13px;width:220px;outline:none}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text3)}.filter-select{height:32px;padding:0 10px;border-radius:var(--radius-sm);background:var(--bg2);border:1px solid var(--border);color:var(--text2);font-family:var(--font);font-size:12.5px;outline:none;cursor:pointer}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.info-item{background:var(--bg3);border-radius:var(--radius-sm);padding:12px 14px;border:1px solid var(--border)}.info-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.info-val{font-size:13.5px;font-weight:500;color:var(--text)}.fiche-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}.fiche-avatar{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0}.fiche-name{font-size:20px;font-weight:600;letter-spacing:-.3px;color:var(--text)}.fiche-sub{font-size:13px;color:var(--text2);margin-top:2px}.fiche-actions{margin-left:auto;display:flex;gap:8px}.tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid var(--border)}.tab{padding:10px 16px;font-size:13px;color:var(--text3);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;-webkit-user-select:none;user-select:none}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.quick-item{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}.quick-item:last-child{border-bottom:none}.quick-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.quick-info{flex:1;min-width:0}.quick-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-meta{font-size:11px;color:var(--text3)}.quick-time{font-size:11px;color:var(--text3);white-space:nowrap}.mono{font-family:var(--mono);font-size:12px;color:var(--text2)}.progress-bar{height:6px;background:var(--bg4);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .2s ease}.cee-card{background:linear-gradient(135deg,#0d2b4e,#0a3328);border:1px solid rgba(0,179,137,.25);border-radius:var(--radius);padding:20px;position:relative;overflow:hidden}.cee-amount{font-size:32px;font-weight:600;color:#00d4a0;letter-spacing:-1px}.cee-label{font-size:11px;color:#00d4a0b3;margin-top:2px}.planning-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg2)}.pln-head{display:flex;background:var(--bg3);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.pln-gutter{width:54px;flex-shrink:0;border-right:1px solid var(--border)}.pln-day-head{flex:1;padding:10px 12px;border-right:1px solid var(--border);min-width:0}.pln-day-head:last-child{border-right:none}.pln-dn{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase}.pln-dd{font-size:15px;font-weight:600;color:var(--text)}.pln-dd.today{color:var(--accent)}.pln-dc{font-size:10px;color:var(--text3)}.pln-body-wrap{overflow-y:auto;max-height:calc(100vh - 230px)}.pln-body{display:flex;position:relative}.pln-gutter-col{width:54px;flex-shrink:0;border-right:1px solid var(--border)}.pln-hour-label{height:60px;display:flex;align-items:flex-start;justify-content:flex-end;padding:6px 8px 0 0;font-size:10px;color:var(--text3);font-family:var(--mono)}.pln-day-col{flex:1;border-right:1px solid var(--border);position:relative;min-width:0}.pln-day-col:last-child{border-right:none}.pln-hour-row{height:60px;border-bottom:1px solid var(--border);position:relative}.pln-half{position:absolute;top:30px;left:0;right:0;border-bottom:1px dashed rgba(0,0,0,.04)}.pln-event{position:absolute;left:4px;right:4px;border-radius:6px;padding:5px 8px;cursor:pointer;overflow:hidden;transition:filter .15s,box-shadow .15s;z-index:2;border-left:3px solid transparent}.pln-event:hover{filter:brightness(.93);box-shadow:0 4px 12px #0000001a;z-index:10}.ev-type-label{font-size:9px;font-weight:700;text-transform:uppercase;opacity:.7;margin-bottom:1px}.ev-title{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev-client{font-size:10px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev-tech-row{display:flex;align-items:center;gap:4px;margin-top:3px}.ev-tech-av{width:14px;height:14px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700}.ev-tech-name{font-size:10px;font-weight:600;opacity:.85}.ev-installation{background:#e8f2fb;border-left-color:#0d6ebd;color:#0d6ebd}.ev-cee{background:#e6faf5;border-left-color:#00b4c8;color:#007a8a}.ev-depannage{background:#fef3e2;border-left-color:#e8960a;color:#a06800}.ev-sav{background:#feeaea;border-left-color:#e03530;color:#b32a27}.ev-audit{background:#f3f0fd;border-left-color:#7c5cdb;color:#5f3ec4}.ev-maintenance{background:#e6faf8;border-left-color:#0d9488;color:#0d7a70}.now-line{position:absolute;left:0;right:0;height:2px;background:var(--danger);z-index:4;pointer-events:none}.now-dot{position:absolute;left:-4px;top:-4px;width:10px;height:10px;background:var(--danger);border-radius:50%}.type-legend{display:flex;gap:8px;flex-wrap:wrap}.leg-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text2);cursor:pointer;padding:4px 8px;border-radius:20px;border:1px solid var(--border);transition:all .15s;-webkit-user-select:none;user-select:none}.leg-item.active{border-color:currentColor}.leg-dot{width:8px;height:8px;border-radius:50%}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.tcol{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tcol-head{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;background:var(--bg2)}.tcol-title{font-size:12px;font-weight:600;flex:1;color:var(--text)}.tcol-count{font-size:11px;font-weight:600;border-radius:20px;padding:2px 7px}.tcol-body{padding:10px;display:flex;flex-direction:column;gap:8px;min-height:200px}.tcard{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.tcard:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000000f}.tcard-id{font-family:var(--mono);font-size:10px;color:var(--text3);margin-bottom:4px}.tcard-title{font-size:12px;font-weight:500;line-height:1.4;margin-bottom:6px;color:var(--text)}.tcard-foot{display:flex;align-items:center;gap:6px}.tcard-client{font-size:10px;color:var(--text3);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tprio{width:6px;height:6px;border-radius:50%}.tprio.high{background:var(--danger)}.tprio.med{background:var(--warn)}.tprio.low{background:var(--accent2)}