@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&family=Outfit:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.responsive-container{box-sizing:border-box;max-width:100%;padding:20px;width:100%}@media (max-width:639px){.responsive-container{padding:12px}}@media (min-width:1280px){.responsive-container{padding:24px}}.grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:767px){.grid-2{gap:12px;grid-template-columns:1fr}}.grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:639px){.grid-3{gap:12px;grid-template-columns:1fr}}@media (min-width:640px) and (max-width:1023px){.grid-3{grid-template-columns:repeat(2,1fr)}}.grid-4{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:639px){.grid-4{gap:12px;grid-template-columns:1fr}}@media (min-width:640px) and (max-width:1023px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px) and (max-width:1279px){.grid-4{grid-template-columns:repeat(3,1fr)}}.grid-kpi{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:639px){.grid-kpi{gap:10px;grid-template-columns:1fr}}.flex-responsive{display:flex;flex-wrap:wrap;gap:16px}@media (max-width:639px){.flex-responsive{gap:10px}}.flex-row-to-col{display:flex;gap:16px}@media (max-width:767px){.flex-row-to-col{flex-direction:column;gap:12px}}.card-responsive{background:#111f30;border:1px solid #ffffff0f;border-radius:11px;box-sizing:border-box;padding:18px}@media (max-width:639px){.card-responsive{border-radius:8px;padding:14px}}@media (min-width:1280px){.card-responsive{padding:22px}}.heading-1{font-size:32px;font-weight:700;line-height:1.1;margin:0 0 8px}@media (max-width:639px){.heading-1{font-size:24px}}@media (max-width:479px){.heading-1{font-size:20px}}.heading-2{font-size:24px;font-weight:600;line-height:1.2;margin:0 0 12px}@media (max-width:639px){.heading-2{font-size:20px}}.heading-3{font-size:18px;font-weight:600;line-height:1.3;margin:0 0 10px}@media (max-width:639px){.heading-3{font-size:16px}}.body-text{font-size:14px;line-height:1.5}@media (max-width:639px){.body-text{font-size:13px}}.small-text{font-size:12px;line-height:1.4}@media (max-width:639px){.small-text{font-size:11px}}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}@media (max-width:767px){.table-responsive-wrapper{margin:0 -12px;padding:0 12px}}.table-responsive{border-collapse:collapse;min-width:600px;width:100%}@media (max-width:639px){.table-responsive{font-size:12px;min-width:500px}}.table-card-mobile{display:table;width:100%}@media (max-width:767px){.table-card-mobile{display:block}.table-card-mobile thead{display:none}.table-card-mobile tbody,.table-card-mobile tr{display:block;width:100%}.table-card-mobile tr{background:#111f30;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:12px;padding:12px}.table-card-mobile td{align-items:center;border:none;display:flex;justify-content:space-between;padding:8px 0}.table-card-mobile td:before{color:#999;content:attr(data-label);flex-shrink:0;font-weight:600;margin-right:12px}}.btn-responsive{border:none;border-radius:8px;cursor:pointer;font-size:13px;padding:10px 18px;transition:all .2s;white-space:nowrap}@media (max-width:639px){.btn-responsive{font-size:12px;padding:8px 14px}}.btn-group-responsive{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:639px){.btn-group-responsive{gap:6px}.btn-group-responsive.full-width-mobile button{flex:1 1;min-width:0}}.form-row{grid-template-columns:repeat(2,1fr)}@media (max-width:639px){.form-row{gap:12px;grid-template-columns:1fr}}.form-row-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:639px){.form-row-3{gap:12px;grid-template-columns:1fr}}@media (min-width:640px) and (max-width:1023px){.form-row-3{grid-template-columns:repeat(2,1fr)}}.input-responsive{border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 14px;width:100%}@media (max-width:639px){.input-responsive{font-size:13px;padding:8px 12px}}.modal-responsive{background:#0b1219;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;left:50%;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}@media (max-width:639px){.modal-responsive{border-radius:10px;max-height:95vh;padding:16px;width:95%}}@media (max-width:479px){.modal-responsive{border-radius:0;height:100%;left:0;max-height:100vh;top:0;transform:none;width:100%}}.sidebar-responsive{background:#0b1219;border-left:1px solid #ffffff1a;height:100vh;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:420px;z-index:1000}.sidebar-responsive.open{transform:translateX(0)}@media (max-width:639px){.sidebar-responsive{width:100%}}@media (min-width:640px) and (max-width:1023px){.sidebar-responsive{width:80%}}.chart-container-responsive{height:300px;position:relative;width:100%}@media (max-width:639px){.chart-container-responsive{height:250px}}@media (min-width:1280px){.chart-container-responsive{height:350px}}.tabs-responsive{-webkit-overflow-scrolling:touch;background:#0e1724;border-bottom:1px solid #ffffff12;display:flex;flex-wrap:wrap;gap:8px;overflow-x:auto;padding:16px 24px;position:-webkit-sticky;position:sticky;top:74px;z-index:9}@media (max-width:639px){.tabs-responsive{flex-wrap:nowrap;gap:6px;padding:12px;top:60px}}.tab-responsive{background:#ffffff0a;border-radius:999px;color:#9ca3af;cursor:pointer;font-size:13px;padding:10px 16px;transition:all .2s;white-space:nowrap}@media (max-width:639px){.tab-responsive{font-size:12px;padding:8px 12px}}.tab-responsive.active{background:#c9a84c38;color:#fff}.stat-card-responsive{background:#111f30;border:1px solid #ffffff0f;border-radius:11px;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;padding:18px}@media (max-width:639px){.stat-card-responsive{min-height:100px;padding:14px}}.stat-value{line-height:1}@media (max-width:639px){.stat-value{font-size:22px}}.stat-label{color:#667;margin-top:8px}@media (max-width:639px){.stat-label{font-size:11px}}.hide-mobile{display:block}@media (max-width:767px){.hide-mobile{display:none!important}}.show-mobile{display:none}@media (max-width:767px){.show-mobile{display:block!important}}.hide-tablet{display:block}@media (min-width:768px) and (max-width:1023px){.hide-tablet{display:none!important}}.hide-desktop{display:block}@media (min-width:1024px){.hide-desktop{display:none!important}}.full-width-mobile{width:auto}@media (max-width:767px){.full-width-mobile{width:100%!important}}.spacing-responsive{margin-bottom:20px}@media (max-width:639px){.spacing-responsive{margin-bottom:14px}}.scroll-container-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.scroll-container-responsive::-webkit-scrollbar{height:6px}.scroll-container-responsive::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.scroll-container-responsive::-webkit-scrollbar-thumb{background:#c9a84c4d;border-radius:3px}.scroll-container-responsive::-webkit-scrollbar-thumb:hover{background:#c9a84c80}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.no-print{display:none!important}.responsive-container{padding:0}.card-responsive{border:1px solid #000;page-break-inside:avoid}}:root{--gold:#c9a84c;--gold-dark:#a8863c;--navy:#0d1b2a;--navy2:#111e2e;--navy3:#162535;--white:#fff;--muted:#fff6;--border:#ffffff12;--input-bg:#ffffff0d;--error:#ef8080}.auth-app{background:#080e1a;display:flex;min-height:100vh;overflow:hidden;position:relative}#particles{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.particle{animation:floatUp linear infinite;background:#c9a84c;background:var(--gold);border-radius:50%;bottom:-10px;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(0) rotate(0deg)}10%{opacity:1}90%{opacity:.6}to{opacity:0;transform:translateY(-110vh) rotate(1turn)}}.left-panel{align-items:center;border-right:1px solid #ffffff12;border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:48px 40px;z-index:1}.logo-wrap{margin-bottom:44px;text-align:center}.logo-icon{align-items:center;background:linear-gradient(135deg,#c9a84c,#8a6028);background:linear-gradient(135deg,var(--gold),#8a6028);border-radius:20px;box-shadow:0 8px 32px #c9a84c40;display:flex;font-size:36px;height:72px;justify-content:center;margin:0 auto 18px;width:72px}.logo-name{color:#fff;color:var(--white);font-family:Cormorant Garamond,serif;font-size:32px;font-weight:600;line-height:1.1;margin-bottom:6px}.logo-sub{color:#555;letter-spacing:2px}.filiaires-label,.logo-sub{font-size:11px;text-transform:uppercase}.filiaires-label{color:#444;letter-spacing:1.5px;margin-bottom:14px;text-align:center}.filiaires{display:flex;flex-direction:column;gap:8px;max-width:320px;width:100%}.filiale-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;display:flex;gap:12px;padding:10px 14px;transition:border-color .2s}.filiale-item:hover{background:#c9a84c0a;border-color:#c9a84c33}.filiale-icon{font-size:18px}.filiale-name{color:#c9a84c;color:var(--gold);font-size:12px;font-weight:600}.filiale-desc{color:#555;font-size:10px}.left-footer{color:#2a3a4a;font-size:11px;margin-top:36px;text-align:center}.right-panel{display:flex;flex-direction:column;justify-content:center;overflow-y:auto;padding:40px 48px;width:500px;z-index:1}.form-header{margin-bottom:30px}.form-title{color:#fff;color:var(--white);font-family:Cormorant Garamond,serif;font-size:30px;font-weight:600;margin-bottom:6px}.form-sub{color:#fff6;color:var(--muted);font-size:13px;line-height:1.5}.field{margin-bottom:16px}.field-label{color:#8a9bb0;display:block;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:7px;text-transform:uppercase}.input-wrap{position:relative}.input-icon{font-size:14px;left:13px;opacity:.4;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-field{background:#ffffff0d;background:var(--input-bg);border:1.5px solid #ffffff1a;border-radius:10px;color:#fff;color:var(--white);font-family:Outfit,sans-serif;font-size:14px;outline:none;padding:12px 14px 12px 40px;transition:border-color .2s,box-shadow .2s;width:100%}.input-field:focus{border-color:#c9a84c;border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c1a}.input-field::placeholder{color:#fff3}.input-field option{background:#1a2a3a;color:#fff}.eye-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;opacity:.4;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.field-error{color:#ef8080;color:var(--error);font-size:11px;margin-top:5px;min-height:16px}.two-col{grid-gap:0 12px;display:grid;gap:0 12px;grid-template-columns:1fr 1fr}.steps{margin-bottom:28px}.step-item,.steps{align-items:center;display:flex}.step-item{flex-direction:column;gap:4px}.step-circle{align-items:center;background:#ffffff0a;border:2px solid #ffffff1a;border-radius:50%;color:#555;display:flex;font-size:12px;font-weight:700;height:30px;justify-content:center;transition:all .3s;width:30px}.step-circle.active{background:#c9a84c26;color:#c9a84c;color:var(--gold)}.step-circle.active,.step-circle.done{border-color:#c9a84c;border-color:var(--gold)}.step-circle.done{background:#c9a84c;background:var(--gold);color:#fff}.step-label{color:#555;font-size:10px;white-space:nowrap}.step-label.active{color:#c9a84c;color:var(--gold)}.step-line{background:#ffffff12;flex:1 1;height:1.5px;margin:0 8px 18px;transition:background .3s}.step-line.done{background:#c9a84c;background:var(--gold)}.role-cards{display:flex;gap:8px;margin-bottom:6px}.role-card{background:#ffffff08;border:1.5px solid #ffffff12;border-radius:10px;cursor:pointer;flex:1 1;padding:14px 10px;text-align:center;transition:all .2s;-webkit-user-select:none;user-select:none}.role-card:hover{border-color:#c9a84c4d}.role-card.selected{background:#c9a84c1a;border-color:#c9a84c;border-color:var(--gold)}.role-card-icon{font-size:22px;margin-bottom:6px}.role-card-label{color:#aaa;font-size:11px;font-weight:600;margin-bottom:3px}.role-card.selected .role-card-label{color:#c9a84c;color:var(--gold)}.role-card-desc{color:#555;font-size:10px;line-height:1.3}.recap{background:#c9a84c12;border:1px solid #c9a84c33;border-radius:10px;margin-top:8px;padding:14px 16px}.recap-title{color:#c9a84c;color:var(--gold);font-size:12px;font-weight:600;margin-bottom:8px}.recap-line{color:#8a9bb0;font-size:12px;line-height:2}.error-box{background:#ef53501a;border:1px solid #ef53504d;border-radius:8px;color:#ef8080;color:var(--error);font-size:13px;margin-bottom:16px;padding:10px 14px}.btn-row{display:flex;gap:10px;margin-top:24px}.btn-primary{background:linear-gradient(135deg,#c9a84c,#a8863c);background:linear-gradient(135deg,var(--gold),var(--gold-dark));border-radius:10px;flex:1 1;font-family:Outfit,sans-serif;letter-spacing:.5px;padding:13px;transition:opacity .2s,transform .15s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1.5px solid #ffffff1a;border-radius:10px;color:#888;flex:0.4 1;font-family:Outfit,sans-serif;padding:13px}.btn-secondary:hover{border-color:#fff3;color:#bbb}.switch-row{color:#8a9bb0;font-size:13px;margin-top:20px;text-align:center}.switch-link{background:none;border:none;color:#c9a84c;color:var(--gold);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600}.demo-section{margin-bottom:20px}.demo-label{color:#444;font-size:11px;letter-spacing:1px;margin-bottom:10px;text-align:center;text-transform:uppercase}.demo-btns{display:flex;gap:8px}.demo-btn{border:1px solid #0000;border-radius:8px;cursor:pointer;flex:1 1;font-family:inherit;font-size:11px;font-weight:600;padding:9px 6px;transition:all .15s}.demo-btn.dg{background:#c9a84c14;border-color:#c9a84c4d;color:#c9a84c;color:var(--gold)}.demo-btn.chef{background:#42a5f514;border-color:#42a5f54d;color:#42a5f5}.demo-btn.emp{background:#66bb6a14;border-color:#66bb6a4d;color:#66bb6a}.success-msg{background:#66bb6a1a;border:1px solid #66bb6a4d;border-radius:10px;color:#66bb6a;display:none;font-size:14px;margin-top:16px;padding:16px;text-align:center}.topbar{background:#111e2e;background:var(--navy2);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);height:60px;justify-content:space-between;padding:0 28px}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:12px}.topbar-logo{align-items:center;background:#c9a84c;background:var(--gold);border-radius:8px;display:flex;font-size:18px;height:34px;justify-content:center;width:34px}.topbar-name{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:600}.topbar-sub{color:#ffffff4d;font-size:10px}.topbar-right{align-items:center;display:flex;gap:14px}.user-name{font-size:13px;font-weight:600;text-align:right}.user-role{font-size:10px}.avatar{align-items:center;border-radius:50%;display:flex;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.btn-logout{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#aaa;cursor:pointer;font-family:inherit;font-size:12px;padding:7px 14px}.btn-logout:hover{background:#ffffff14;color:#fff}.dash-body{margin:60px auto;max-width:940px;padding:0 24px 60px;text-align:center}.welcome-icon{font-size:52px;margin-bottom:16px}.welcome-title{font-family:Cormorant Garamond,serif;font-size:44px;font-weight:600;margin-bottom:8px}.welcome-info{color:#fff6;color:var(--muted);font-size:16px;margin-bottom:48px}.modules-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.module-card{background:#ffffff08;border:1px solid #ffffff0a;border-radius:14px;cursor:not-allowed;opacity:.3;overflow:hidden;padding:26px 16px;position:relative;transition:all .2s}.module-card.available{cursor:pointer;opacity:1}.module-card.available:hover{transform:translateY(-2px)}.module-top-bar{height:2px;left:0;position:absolute;right:0;top:0}.module-icon{font-size:30px;margin-bottom:10px}.module-label{color:#fff;font-size:14px;font-weight:600;margin-bottom:5px}.module-card:not(.available) .module-label{color:#555}.module-desc{color:#8a9bb0;font-size:11px}.module-lock{color:#444;font-size:10px;margin-top:8px}.notice{background:#c9a84c12;border:1px solid #c9a84c2e;border-radius:12px;color:#ffffff8c;font-size:13px;line-height:1.7;padding:16px 24px}.notice span{color:#c9a84c;color:var(--gold)}@media (max-width:768px){.auth-app{flex-direction:column}.left-panel{display:none}.right-panel{padding:32px 24px;width:100%}.modules-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-dg-root,.dashboard-dg-root *{box-sizing:border-box}.dashboard-dg-root{background:#0d1b2a;color:#fff;font-family:Outfit,sans-serif;max-width:100%;min-height:100vh;overflow-x:hidden;width:100%}.dashboard-dg-root .topbar{align-items:center;background:#111e2e;border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0;height:58px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.dashboard-dg-root .topbar-left{align-items:center;display:flex;gap:12px}.dashboard-dg-root .tlogo{align-items:center;background:#c9a84c;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:34px;justify-content:center;width:34px}.dashboard-dg-root .tname{font-family:Cormorant Garamond,serif;font-size:19px;font-weight:600;line-height:1}.dashboard-dg-root .tsub{color:#ffffff4d;font-size:10px;letter-spacing:.5px}.dashboard-dg-root .topbar-right{align-items:center;display:flex;gap:16px}.dashboard-dg-root .tdate{background:#0d2634;border:1px solid #ffffff12;border-radius:20px;color:#445;font-size:11px;padding:5px 12px}.dashboard-dg-root .tavatar{align-items:center;background:linear-gradient(135deg,#c9a84c,#a8863c);border-radius:50%;display:flex;font-size:12px;font-weight:700;height:34px;justify-content:center;width:34px}.dashboard-dg-root .tuser{font-size:12px;font-weight:600}.dashboard-dg-root .trole{color:#c9a84c;font-size:10px}.dashboard-dg-root .tbtn{background:#ffffff0d;border:1px solid #ffffff12;border-radius:7px;color:#888;font-size:12px;padding:6px 14px;transition:all .15s}.dashboard-dg-root .tbtn:hover{background:#ffffff14;color:#fff}.dashboard-dg-root .layout{display:flex;flex:1 1;overflow:hidden}.dashboard-dg-root .sidebar{background:#111e2e;border-right:1px solid #ffffff12;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:220px}.dashboard-dg-root .sb-logo{color:#334;font-size:10px;font-weight:600;letter-spacing:1.5px;padding:20px 16px 8px;text-transform:uppercase}.dashboard-dg-root .sb-item{align-items:center;border-left:2px solid #0000;color:#667;cursor:pointer;display:flex;font-size:12.5px;gap:10px;padding:10px 16px;transition:all .15s;white-space:nowrap}.dashboard-dg-root .sb-item:hover{background:#ffffff05;color:#aaa}.dashboard-dg-root .sb-item.active{background:#c9a84c14;border-left-color:#c9a84c;color:#c9a84c}.dashboard-dg-root .sb-item .si{flex-shrink:0;font-size:15px;text-align:center;width:20px}.dashboard-dg-root .sb-badge{background:#ef5350;border-radius:99px;color:#fff;font-size:9px;font-weight:700;margin-left:auto;padding:2px 6px}.dashboard-dg-root .sb-badge.green{background:#4caf50}.dashboard-dg-root .sb-sep{background:#ffffff12;height:1px;margin:8px 16px}.dashboard-dg-root .main{flex:1 1;overflow-y:auto;padding:24px}.dashboard-dg-root .page{display:none}.dashboard-dg-root .page.active{display:block}.dashboard-dg-root .page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-dg-root .page-title{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:600;line-height:1.1}.dashboard-dg-root .page-sub{color:#ffffff73;font-size:12px;margin-top:4px}.dashboard-dg-root .page-actions{align-items:center;display:flex;gap:8px}.dashboard-dg-root .btn-gold{background:#c9a84c;border:none;border-radius:8px;color:#1a1a0d;font-size:12px;font-weight:600;letter-spacing:.3px;padding:9px 18px;transition:opacity .2s}.dashboard-dg-root .btn-gold:hover{opacity:.85}.dashboard-dg-root .btn-outline{background:#0000;border:1.5px solid #ffffff12;border-radius:8px;color:#888;font-size:12px;padding:8px 16px;transition:all .15s}.dashboard-dg-root .btn-outline:hover{border-color:#c9a84c;color:#c9a84c}.dashboard-dg-root .kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.dashboard-dg-root .kpi-card{background:#162535;border:1px solid #ffffff12;border-radius:12px;overflow:hidden;padding:18px 20px;position:relative;transition:transform .2s}.dashboard-dg-root .kpi-card:hover{transform:translateY(-2px)}.dashboard-dg-root .kpi-accent{height:3px;left:0;position:absolute;right:0;top:0}.dashboard-dg-root .kpi-icon{font-size:22px;margin-bottom:10px}.dashboard-dg-root .kpi-val{font-family:Cormorant Garamond,serif;font-size:32px;font-weight:600;line-height:1;margin-bottom:4px}.dashboard-dg-root .kpi-label{color:#ffffff73;font-size:11px}.dashboard-dg-root .grid2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.dashboard-dg-root .grid3{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr;margin-bottom:24px}.dashboard-dg-root .card{background:#162535;border:1px solid #ffffff12;border-radius:12px;padding:18px 20px}.dashboard-dg-root .card-title{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:14px}.dashboard-dg-root .card-badge{background:#ffffff0d;border-radius:99px;color:#ffffff73;font-size:10px;padding:3px 8px}.dashboard-dg-root .tbl{border-collapse:collapse;width:100%}.dashboard-dg-root .tbl td,.dashboard-dg-root .tbl th{border-bottom:1px solid #ffffff08;padding:10px;text-align:left}.dashboard-dg-root .tbl th{color:#556;font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.dashboard-dg-root .tbl td{color:#aaa;font-size:12px}.dashboard-dg-root .tbl tr:hover td{background:#ffffff05;color:#fff}.dashboard-dg-root .tbl td.bold{color:#fff;font-weight:500}.dashboard-dg-root .badge{border-radius:99px;display:inline-block;font-size:10px;font-weight:600;padding:3px 9px}.dashboard-dg-root .badge.green{background:#4caf5026;color:#66bb6a}.dashboard-dg-root .badge.orange{background:#ff980026;color:#ffb74d}.dashboard-dg-root .badge.red{background:#ef535026;color:#ef5350}.dashboard-dg-root .badge.blue{background:#42a5f526;color:#64b5f6}.dashboard-dg-root .badge.purple{background:#ab47bc26;color:#ce93d8}.dashboard-dg-root .badge.gold{background:#c9a84c26;color:#c9a84c}.dashboard-dg-root .pbar-wrap{background:#ffffff0f;border-radius:99px;height:5px;overflow:hidden}.dashboard-dg-root .pbar-fill{border-radius:99px;height:100%;transition:width .8s ease}.dashboard-dg-root .alert-item{align-items:flex-start;border-bottom:1px solid #ffffff0a;display:flex;gap:10px;padding:10px 0}.dashboard-dg-root .alert-item:last-child{border-bottom:none}.dashboard-dg-root .alert-dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:4px;width:8px}.dashboard-dg-root .alert-text{color:#aaa;flex:1 1;font-size:12px;line-height:1.4}.dashboard-dg-root .alert-text strong{color:#fff}.dashboard-dg-root .alert-time{color:#445;font-size:10px}.dashboard-dg-root .pers-item{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;gap:12px;padding:10px 0}.dashboard-dg-root .pers-item:last-child{border-bottom:none}.dashboard-dg-root .pers-av{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:32px;justify-content:center;width:32px}.dashboard-dg-root .pers-name{color:#fff;font-size:12px;font-weight:500}.dashboard-dg-root .pers-role{color:#556;font-size:10px}.dashboard-dg-root .pers-status{align-items:flex-end;display:flex;flex-direction:column;gap:3px;margin-left:auto}.dashboard-dg-root .fil-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.dashboard-dg-root .fil-card{background:#162535;border:1px solid #ffffff12;border-radius:12px;cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .2s}.dashboard-dg-root .fil-card:hover{border-color:#c9a84c4d;transform:translateY(-1px)}.dashboard-dg-root .fil-top{height:2px;left:0;position:absolute;right:0;top:0}.dashboard-dg-root .fil-icon{font-size:24px;margin-bottom:10px}.dashboard-dg-root .fil-name{color:#fff;font-size:13px;font-weight:600;margin-bottom:3px}.dashboard-dg-root .fil-desc{color:#556;font-size:10px;margin-bottom:10px}.dashboard-dg-root .fil-stat{color:#667;display:flex;font-size:10px;justify-content:space-between}.dashboard-dg-root .fil-stat span{color:#c9a84c;font-weight:600}.dashboard-dg-root .donut-wrap{align-items:center;display:flex;gap:20px}.dashboard-dg-root .donut-svg{flex-shrink:0}.dashboard-dg-root .donut-legend{display:flex;flex:1 1;flex-direction:column;gap:8px}.dashboard-dg-root .legend-item{align-items:center;color:#889;display:flex;font-size:11px;gap:8px}.dashboard-dg-root .legend-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.dashboard-dg-root .legend-val{color:#fff;font-weight:600;margin-left:auto}.dashboard-dg-root .gauge-wrap{padding:8px 0;text-align:center}.dashboard-dg-root .gauge-val{color:#c9a84c;font-family:Cormorant Garamond,serif;font-size:36px;font-weight:600}.dashboard-dg-root .gauge-label{color:#ffffff73;font-size:11px;margin-top:4px}.dashboard-dg-root .sec-title{align-items:center;color:#c9a84c;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:1px;margin-bottom:14px;margin-top:8px;text-transform:uppercase}.dashboard-dg-root .sec-title:after{background:#ffffff12;content:"";flex:1 1;height:1px}.dashboard-dg-root .kpi-trend{border-radius:99px;display:inline-block;font-size:10px;margin-top:8px;padding:3px 8px}.dashboard-dg-root .kpi-trend.up{background:#4caf5026;color:#66bb6a}.dashboard-dg-root .kpi-trend.down{background:#ef535026;color:#ef8080}.dashboard-dg-root .kpi-trend.neutral{background:#ffffff0f;color:#888}.dashboard-dg-root .task-row{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;gap:10px;padding:9px 0}.dashboard-dg-root .task-row:last-child{border-bottom:none}.dashboard-dg-root .task-check{align-items:center;border:1.5px solid #445;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;font-size:9px;height:16px;justify-content:center;width:16px}.dashboard-dg-root .task-check.done{background:#4caf50;border-color:#4caf50}.dashboard-dg-root .task-text{color:#aaa;flex:1 1;font-size:12px}.dashboard-dg-root .task-text.done{color:#445;text-decoration:line-through}.dashboard-dg-root .cal-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr)}.dashboard-dg-root .cal-head{color:#445;font-size:9px;font-weight:600;padding:3px 0;text-align:center}.dashboard-dg-root .cal-day{border-radius:5px;color:#778;cursor:pointer;font-size:10px;padding:5px 2px;text-align:center;transition:all .15s}.dashboard-dg-root .cal-day:hover{background:#ffffff0f}.dashboard-dg-root .cal-day.today{background:#c9a84c;color:#1a1a0d;font-weight:700}.dashboard-dg-root .cal-day.has-event{position:relative}.dashboard-dg-root .cal-day.has-event:after{background:#42a5f5;border-radius:50%;bottom:2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:3px}.dashboard-dg-root .cal-day.empty{color:#0000;cursor:default}.dashboard-dg-root .notif-panel{background:#111e2e;border-left:1px solid #ffffff12;height:calc(100vh - 58px);overflow-y:auto;padding:20px;position:fixed;right:0;top:58px;transform:translateX(100%);transition:transform .3s;width:320px;z-index:300}.dashboard-dg-root .notif-panel.open{transform:translateX(0)}.dashboard-dg-root .notif-title{align-items:center;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:16px}.dashboard-dg-root .notif-close{background:none;border:none;color:#667;cursor:pointer;font-size:16px}.dashboard-dg-root .notif-item{border-bottom:1px solid #ffffff12;padding:12px 0}.dashboard-dg-root .notif-item:last-child{border-bottom:none}.dashboard-dg-root .notif-head{color:#fff;font-size:12px;font-weight:500;margin-bottom:3px}.dashboard-dg-root .notif-body{color:#667;font-size:11px;line-height:1.4}.dashboard-dg-root .notif-time{color:#445;font-size:10px;margin-top:4px}.dashboard-dg-root .param-field{display:flex;flex-direction:column;gap:6px}.dashboard-dg-root .param-field label{color:#556;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dashboard-dg-root .param-input{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-family:Outfit,sans-serif;font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.dashboard-dg-root .param-input:focus{border-color:#c9a84c}.dashboard-dg-root .param-input option{background:#162535;color:#fff}.dashboard-dg-root .menu-toggle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:7px;color:#aaa;cursor:pointer;display:none;flex-shrink:0;font-size:18px;line-height:1;padding:5px 10px}.dashboard-dg-root .sidebar-overlay{background:#0009;display:none;inset:0;position:fixed;z-index:150}@media (max-width:900px){.dashboard-dg-root .topbar{padding:0 14px}.dashboard-dg-root .tdate,.dashboard-dg-root .tsub{display:none}.dashboard-dg-root .menu-toggle{display:block}.dashboard-dg-root .sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;width:240px;z-index:160}.dashboard-dg-root .sidebar.open{transform:translateX(0)}.dashboard-dg-root .sidebar-overlay.open{display:block}.dashboard-dg-root .main{padding:14px}.dashboard-dg-root .kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-dg-root .fil-grid,.dashboard-dg-root .grid2,.dashboard-dg-root .grid3{grid-template-columns:1fr}.dashboard-dg-root .page-header{flex-direction:column;gap:10px}.dashboard-dg-root .page-title{font-size:22px}.dashboard-dg-root .tbl{font-size:11px}.dashboard-dg-root .tbl td,.dashboard-dg-root .tbl th{padding:7px 6px}}@media (max-width:480px){.dashboard-dg-root .kpi-grid{grid-template-columns:1fr 1fr}.dashboard-dg-root .kpi-val{font-size:24px}}.presence-filter-section{background:linear-gradient(135deg,#0d1b2a,#1b263b);border:1px solid #c9a84c33;border-radius:16px;box-shadow:0 4px 16px #0003;margin-bottom:24px;padding:24px}.presence-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.section-title{color:#c9a84c;font-size:20px;font-weight:600;letter-spacing:-.5px;margin:0}.date-filter-container{align-items:center;display:flex;gap:12px}.date-label{color:#95a3b3;font-size:13px;font-weight:500}.date-picker-input{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;outline:none;padding:8px 12px;transition:all .3s ease}.date-picker-input:hover{background:#ffffff14;border-color:#c9a84c66}.date-picker-input:focus{background:#ffffff1a;border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a}.today-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#c9a84c,#f0c14b);border-radius:12px;color:#0d1b2a;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.presence-date-display{background:#ffffff08;border-left:3px solid #c9a84c;border-radius:8px;color:#95a3b3;font-size:14px;margin-bottom:20px;padding:10px 16px}.loading-stats{align-items:center;color:#95a3b3;display:flex;font-size:14px;gap:12px;justify-content:center;padding:40px}.spinner{animation:spin 1s linear infinite;border:3px solid #c9a84c33;border-top-color:#c9a84c}.total-employees-header{align-items:center;background:#42a5f51a;border:1px solid #42a5f54d;border-radius:10px;display:flex;gap:12px;justify-content:center;margin-bottom:20px;padding:12px 20px}.total-label{color:#95a3b3;font-size:15px;font-weight:500}.total-value{color:#42a5f5;font-size:24px;font-weight:700}.presence-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.presence-stats-grid.three-categories{grid-template-columns:repeat(3,1fr)}.stat-card{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;display:flex;gap:16px;transition:all .3s ease}.stat-card:hover{border-color:#c9a84c4d;box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.stat-card.on-time{background:#4caf500d;border-left:3px solid #4caf50}.stat-card.late{background:#ff98000d;border-left:3px solid #ff9800}.stat-card.absent{background:#ef53500d;border-left:3px solid #ef5350}.presence-formula{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:8px;margin-top:16px;padding:10px 16px;text-align:center}.presence-formula small{color:#95a3b3;font-family:Courier New,monospace;font-size:11px}.stat-icon{line-height:1}.stat-content{flex:1 1}.stat-value{line-height:1.2}.stat-label{color:#95a3b3;font-weight:500}.stat-percentage{color:#c9a84c;font-size:13px;font-weight:600;margin-top:4px}.historical-note{align-items:center;background:#42a5f51a;border:1px solid #42a5f533;border-radius:8px;color:#42a5f5;display:flex;font-size:12px;gap:8px;margin-top:16px;padding:12px 16px}@media (max-width:768px){.presence-header{align-items:flex-start;flex-direction:column}.presence-stats-grid.three-categories{grid-template-columns:1fr}.stat-card{padding:16px}.stat-icon{font-size:28px}.stat-value{font-size:24px}.total-value{font-size:20px}}.marquer-fin-container{margin:1rem 0}.btn-marquer-fin{border-radius:8px;box-shadow:0 2px 4px #0000001a;font-weight:500;padding:.5rem 1.5rem;transition:all .3s ease}.btn-marquer-fin:hover:not(:disabled){box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.btn-marquer-fin:disabled{cursor:not-allowed;opacity:.6}.marquer-fin-container .alert{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.marquer-fin-container .spinner-border-sm{border-width:.15em;height:1rem;width:1rem}.paie-module{background:#060d18;color:#e8edf2;min-height:calc(100vh - 120px);padding:24px}.paie-header{align-items:flex-start;border-bottom:2px solid #1a2942;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.paie-header h2{color:#fff;font-size:28px;font-weight:700;margin:0}.btn-add,.btn-generate{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-generate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-generate:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-add{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-add:hover{box-shadow:0 4px 12px #f5576c66;transform:translateY(-2px)}.btn-back{background:#1a2942;border:1px solid #2d4263;border-radius:6px;color:#e8edf2;cursor:pointer;font-size:14px;margin-bottom:12px;padding:8px 16px;transition:all .2s}.btn-back:hover{background:#2d4263;border-color:#3d5273}.paie-filters{grid-gap:16px;background:#0a1628;border:1px solid #1a2942;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#8b95a5;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group input,.filter-group select{background:#060d18;border:1px solid #2d4263;border-radius:6px;color:#e8edf2;font-size:14px;padding:10px 12px}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;outline:none}.bulletins-table{background:#0a1628;border:1px solid #1a2942;border-radius:12px;overflow:hidden}.bulletins-table table{border-collapse:collapse;width:100%}.bulletins-table thead tr{background:#1a2942}.bulletins-table th{border-bottom:2px solid #2d4263;color:#8b95a5;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.bulletins-table td{border-bottom:1px solid #1a2942;color:#e8edf2;font-size:14px;padding:16px}.bulletins-table tr:hover{background:#0f1b2e!important}.action-buttons{display:flex;gap:8px}.action-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.btn-view{background:#667eea;color:#fff}.btn-edit-small{background:#f5af19;color:#fff}.btn-validate-small{background:#11998e;color:#fff}.btn-delete-small{background:#ee0979;color:#fff}.btn-pay-small{background:#38ef7d;color:#fff}.action-buttons button:hover{opacity:.9;transform:scale(1.05)}.empty-state,.loading{color:#8b95a5;padding:60px 20px;text-align:center}.empty-state p{margin-bottom:20px}.modal-overlay{background:#000000b3;padding:20px}.modal-content{background:#0a1628;border:2px solid #1a2942;max-width:900px;width:100%}.modal-header{border-bottom:2px solid #1a2942;padding:24px 28px}.modal-header h3{font-size:24px;font-weight:700}.modal-close{color:#8b95a5;font-size:32px;line-height:1}.modal-close:hover{color:#ee0979;transform:rotate(90deg)}.modal-content form{padding:28px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#8b95a5;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#060d18;border:1px solid #2d4263;border-radius:8px;color:#e8edf2;font-size:15px;padding:12px 14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{font-family:inherit;resize:vertical}.calculs-preview{background:#1a2942;border-radius:12px;margin-bottom:24px;padding:20px}.calculs-preview h4{color:#fff;font-size:16px;font-weight:700;margin:0 0 16px}.calculs-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.calculs-grid>div{align-items:center;background:#0a1628;border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px}.calculs-grid span{color:#8b95a5;font-size:13px}.calculs-grid strong{color:#e8edf2;font-size:15px}.calculs-grid .net-highlight{color:#38ef7d;font-size:16px}.modal-footer{border-top:2px solid #1a2942;padding:20px 28px}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .2s}.btn-cancel{background:#2d4263;color:#e8edf2}.btn-cancel:hover{background:#3d5273}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-submit:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.bulletin-detail{grid-gap:24px;display:grid;gap:24px}.detail-section{background:#0a1628;border:1px solid #1a2942;border-radius:12px;padding:24px}.detail-section h3{border-bottom:2px solid #1a2942;color:#fff;font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:12px}.detail-table{width:100%}.detail-table td{border-bottom:1px solid #1a2942;padding:10px 0}.detail-table td:first-child{color:#8b95a5;font-weight:600;width:40%}.detail-table td:last-child{color:#e8edf2;text-align:right}.detail-table .total-row td{border-bottom:none;border-top:2px solid #2d4263;font-size:16px;padding-top:16px}.net-payer{background:linear-gradient(135deg,#667eea,#764ba2);text-align:center}.net-payer h3{border-bottom:2px solid #fff3}.net-amount{color:#fff;font-size:42px;font-weight:800;margin-top:12px}.detail-actions{display:flex;gap:12px;justify-content:center;padding:24px}.btn-delete,.btn-edit,.btn-pay,.btn-validate{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:all .2s}.btn-edit{background:linear-gradient(135deg,#f5af19,#f12711)}.btn-validate{background:linear-gradient(135deg,#11998e,#38ef7d)}.btn-delete{background:linear-gradient(135deg,#ee0979,#ff6a00)}.btn-pay{background:linear-gradient(135deg,#38ef7d,#11998e)}.btn-delete:hover,.btn-edit:hover,.btn-pay:hover,.btn-validate:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.btn-print-small{background:#9c27b0;color:#fff}.btn-print-detail{background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff}.fiche-paie-wrapper{background:#f5f5f5;min-height:100vh;padding:40px 20px}.fiche-paie{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000001a;color:#1a1a1a;margin:0 auto;max-width:680px;overflow:hidden}.fp-header{align-items:flex-start;background:linear-gradient(135deg,#0d1b2a,#172638);color:#fff;display:flex;justify-content:space-between;padding:22px 28px}.fp-logo-main{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:600}.fp-logo-sub{font-size:9px;margin-top:2px;opacity:.6}.fp-title{text-align:right}.fp-title-main{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:600}.fp-title-period{color:#ffffffb3;font-size:10px;margin-top:3px}.fp-band{background:#c9a84c;height:3px}.fp-body{padding:22px 28px}.fp-info-grid{grid-gap:20px;border-bottom:1px solid #eee;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding-bottom:16px}.fp-info-block label{color:#888;display:block;font-size:9px;font-weight:700;letter-spacing:.7px;margin-bottom:6px;text-transform:uppercase}.fp-info-row{color:#555;display:flex;font-size:11px;justify-content:space-between;padding:3px 0}.fp-info-row strong{color:#1a1a1a;font-weight:600}.fp-table{border-collapse:collapse;font-size:11px;margin-bottom:18px;width:100%}.fp-table thead tr{background:#f8f8f8}.fp-table th{border-bottom:2px solid #e0e0e0;color:#888;font-size:9px;font-weight:700;letter-spacing:.5px;padding:8px 10px;text-align:left;text-transform:uppercase}.fp-table td:last-child,.fp-table th:last-child{text-align:right}.fp-table td{border-bottom:1px solid #f5f5f5;color:#333;padding:9px 10px}.fp-table .section-header td{background:#f0f0f0;color:#555;font-size:10px;font-weight:700;letter-spacing:.5px;padding:6px 10px;text-transform:uppercase}.fp-table .subtotal td{background:#fafafa;border-top:1px solid #ddd;color:#1a1a1a;font-weight:600}.fp-net{align-items:center;background:#0d1b2a;color:#fff;display:flex;justify-content:space-between;padding:14px 28px}.fp-net-lbl{font-size:11px;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.fp-net-val{color:#c9a84c;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:600}.fp-footer{background:#f8f8f8;color:#aaa;font-size:9px;padding:14px 28px}.fp-footer,.fp-sign{display:flex;justify-content:space-between}.fp-sign{border-top:1px solid #ddd;margin-top:16px;padding-top:12px}.fp-sign-box{text-align:center;width:45%}.fp-sign-line{border-bottom:1px solid #ddd;height:40px;margin-bottom:6px}.fp-sign-lbl{color:#999;font-size:9px}.print-controls{display:flex;gap:12px;justify-content:center;margin-top:30px}.btn-print{background:linear-gradient(135deg,#9c27b0,#673ab7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:all .2s}.btn-print:hover{box-shadow:0 6px 20px #9c27b066;transform:translateY(-2px)}@media print{.fiche-paie-wrapper{background:#fff;padding:0}.fiche-paie{box-shadow:none;max-width:100%}.no-print,.print-controls{display:none!important}.fp-body,.fp-table{page-break-inside:avoid}}@media (max-width:768px){.calculs-grid,.form-grid{grid-template-columns:1fr}.paie-header{gap:16px}.detail-actions,.paie-header{flex-direction:column}.fp-info-grid{grid-template-columns:1fr}.fp-header{flex-direction:column;gap:12px}.fp-title{text-align:left}.fp-net{align-items:flex-start}.fp-footer,.fp-net{flex-direction:column;gap:8px}}.demandes-permission-container{margin:0 auto;max-width:1400px;padding:24px}.demandes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.demandes-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 4px}.demandes-subtitle{color:#889;font-size:14px;margin:0}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:#c9a84c1a;border:1px solid #c9a84c4d;border-radius:12px;padding:20px;text-align:center}.stat-card.orange{background:#ff98001a;border-color:#ff98004d}.stat-card.green{background:#4caf501a;border-color:#4caf504d}.stat-card.red{background:#ef53501a;border-color:#ef53504d}.stat-icon{font-size:32px;margin-bottom:8px}.stat-value{color:#fff;font-size:28px;font-weight:700;margin-bottom:4px}.stat-label{color:#889;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.demandes-list-card{background:#0d1b2a;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.demandes-table-wrapper{overflow-x:auto}.demandes-table{border-collapse:collapse;width:100%}.demandes-table thead{background:#ffffff0d}.demandes-table th{border-bottom:1px solid #ffffff1a;color:#889;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.demandes-table td{border-bottom:1px solid #ffffff0d;color:#fff;font-size:14px;padding:16px}.demandes-table tbody tr:hover{background:#ffffff08}.periode-cell{align-items:center;display:flex;font-size:13px;gap:8px}.date-separator{color:#667}.badge-statut,.badge-type{border-radius:16px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.text-center{text-align:center!important}.text-muted{color:#667!important;font-size:12px}.raison-cell{color:#ccc;line-height:1.5;max-width:300px}.commentaire-dg{background:#42a5f51a;border-left:3px solid #42a5f5;border-radius:4px;color:#89b4d8;font-size:12px;margin-top:8px;padding:8px 12px}.commentaire-dg strong{color:#42a5f5}.btn-primary{background:linear-gradient(135deg,#c9a84c,#d4b865);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-primary:hover{box-shadow:0 4px 12px #c9a84c66;transform:translateY(-2px)}.btn-secondary{background:#0000;border:1px solid #fff3;border-radius:8px;color:#889;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-secondary:hover{border-color:#fff6;color:#fff}.btn-delete{background:#0000;border:none;cursor:pointer;font-size:18px;padding:4px 8px;transition:transform .2s}.btn-delete:hover{transform:scale(1.2)}.empty-state{padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state p{color:#889;font-size:16px;margin-bottom:24px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#0d1b2a;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px}.modal-header h3{color:#fff;font-size:20px;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#889;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:24px}.modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.form-group{margin-bottom:20px}.form-group label{color:#ccc;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.form-control{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s;width:100%}.form-control:focus{background:#ffffff14;border-color:#c9a84c;outline:none}.form-control.error{border-color:#ef5350}.form-control option{background:#1a2332;color:#fff}textarea.form-control{min-height:100px;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.error-text{color:#ef5350;display:block;font-size:12px;margin-top:4px}.char-count{color:#667;font-size:11px;margin-top:4px;text-align:right}.info-box{background:#42a5f51a;border:1px solid #42a5f54d;border-radius:8px;color:#89b4d8;font-size:14px;margin-bottom:16px;padding:12px 16px}.loading{color:#889;font-size:16px;padding:60px 20px;text-align:center}@media (max-width:768px){.demandes-permission-container{padding:16px}.demandes-header{align-items:flex-start;flex-direction:column;gap:16px}.stats-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.demandes-table{font-size:12px}.demandes-table td,.demandes-table th{padding:12px 8px}.modal-content{width:95%}}.dashboard-complet-root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{background:#090f1a;color:#fff;margin:0;padding:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff03}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.dashboard-complet-root{font-size:13px}}@media (max-width:768px){.dashboard-complet-root{font-size:12px}nav{padding:0 12px!important}}@media print{.btn,.nav,.topbar,button{display:none!important}.dashboard-complet-root{background:#fff;color:#000}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dept-dashboard{background:#0d1b2a;color:#fff;display:flex;flex-direction:column;font-family:Outfit,DM Sans,sans-serif;height:100vh}.dept-topbar{align-items:center;background:#111e2e;border-bottom:1px solid #ffffff12;display:flex;flex-shrink:0;height:58px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.dept-topbar-brand{align-items:center;display:flex;gap:12px}.dept-topbar-logo{align-items:center;background:linear-gradient(135deg,#c9a84c,#8a6028);border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:34px;justify-content:center;width:34px}.dept-topbar-title{font-family:Cormorant Garamond,serif;font-size:19px;font-weight:600;line-height:1}.dept-topbar-subtitle{color:#ffffff4d;font-size:10px}.dept-topbar-actions{align-items:center;display:flex;gap:12px}.dept-topbar-date{background:#162535;border:1px solid #ffffff12;border-radius:20px;color:#445;font-size:11px;padding:5px 12px}.dept-topbar-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:7px;color:#aaa;cursor:pointer;font-size:11px;padding:5px 10px}.dept-topbar-btn-logout{background:#ffffff0d;border:1px solid #ffffff12;border-radius:7px;color:#888;cursor:pointer;font-size:12px;padding:6px 14px}.dept-layout{display:flex;flex:1 1;overflow:hidden}.dept-sidebar{background:#111e2e;border-right:1px solid #ffffff12;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;transition:transform .25s ease;width:230px}.dept-sidebar-section-title{color:#334;font-size:10px;font-weight:600;letter-spacing:1.5px;padding:16px 16px 6px;text-transform:uppercase}.dept-sidebar-item{align-items:center;border-left:2px solid #0000;color:#667;cursor:pointer;display:flex;font-size:12.5px;gap:10px;padding:10px 16px;transition:all .15s;white-space:nowrap}.dept-sidebar-item.active{background:#c9a84c1a;border-left-color:#c9a84c;color:#c9a84c}.dept-sidebar-item-icon{flex-shrink:0;font-size:15px;text-align:center;width:20px}.dept-sidebar-badge{background:#c9a84c33;border-radius:99px;color:#c9a84c;font-size:9px;font-weight:700;margin-left:auto;padding:2px 6px}.dept-sidebar-divider{background:#ffffff12;height:1px;margin:6px 16px}.dept-menu-toggle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:7px;color:#aaa;cursor:pointer;display:none;font-size:18px;line-height:1;padding:5px 10px}.dept-sidebar-overlay{background:#0009;display:none;inset:0;position:fixed;z-index:150}.dept-main{flex:1 1;overflow-y:auto;padding:24px}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#c9a84c4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c9a84c80}@media (max-width:768px){.dept-topbar{height:52px;padding:0 14px}.dept-topbar-btn,.dept-topbar-date{display:none}.dept-topbar-title{font-size:15px}.dept-topbar-subtitle{display:none}.dept-menu-toggle{display:block}.dept-sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);width:240px;z-index:160}.dept-sidebar.open{transform:translateX(0)}.dept-sidebar-overlay.open{display:block}.dept-main{padding:14px}}.mes-taches{padding:0 4px}.mes-taches-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.mes-taches-title{color:#c9a84c;font-family:Cormorant Garamond,serif;font-size:17px;margin:0}.mes-taches-filtres{display:flex;flex-wrap:wrap;gap:6px}.filtre-btn{background:#0000;border:1px solid #c9a84c4d;border-radius:20px;color:#667;cursor:pointer;font-size:11px;padding:4px 12px}.filtre-btn.active{background:#c9a84c33;color:#c9a84c}.taches-empty{color:#667;padding:40px;text-align:center}.taches-list{display:flex;flex-direction:column;gap:8px}.tache-item{align-items:flex-start;background:#111e2e;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:12px;padding:12px 16px}.tache-item.done{border-color:#ffffff0d;opacity:.6}.tache-check{align-items:center;background:#0000;border:2px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;margin-top:1px;width:20px}.tache-check.checked{background:#22c55e;border-color:#22c55e}.tache-body{flex:1 1;min-width:0}.tache-titre{color:#ddd;font-size:13px;font-weight:500}.tache-titre.done{color:#667;text-decoration:line-through}.tache-desc{color:#556;font-size:11px;margin-top:3px}.tache-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.tache-prio{border-radius:99px;font-size:10px;font-weight:600;padding:2px 8px}.tache-date{color:#556;font-size:10px}.tache-projet{color:#c9a84c;font-size:10px}@media (max-width:768px){.mes-taches-header{align-items:flex-start;flex-direction:column}.tache-item{padding:10px 12px}}.affichage-code-jour{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #0003;color:#fff;margin:20px 0;padding:24px}.code-jour-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.code-jour-icon{animation:pulse 2s ease-in-out infinite;font-size:48px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.code-jour-title{font-size:22px;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.code-jour-subtitle{font-size:14px;margin:4px 0 0;opacity:.9}.code-jour-body{align-items:center;display:flex;justify-content:center;min-height:100px}.code-jour-loading{align-items:center;color:#fff;display:flex;gap:12px}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.code-jour-error{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;display:flex;gap:12px;padding:16px}.error-icon{font-size:24px}.code-jour-display{text-align:center;width:100%}.code-value{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:12px;display:inline-block;font-family:Courier New,monospace;font-size:56px;font-weight:900;letter-spacing:12px;margin-bottom:20px;padding:16px 32px;text-shadow:0 4px 8px #0000004d}.code-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.btn-copy,.btn-refresh{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff80;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-copy:hover,.btn-refresh:hover{background:#ffffff40;border-color:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-copy:active,.btn-refresh:active{transform:translateY(0)}.code-jour-info{border-top:1px solid #fff3;margin-top:20px;padding-top:16px;text-align:center}.code-jour-info small{font-size:12px;line-height:1.5;opacity:.8}@media (max-width:768px){.affichage-code-jour{padding:16px}.code-jour-header{flex-direction:column;text-align:center}.code-value{font-size:40px;letter-spacing:8px;padding:12px 24px}.code-actions{flex-direction:column}.btn-copy,.btn-refresh{width:100%}}
/*# sourceMappingURL=main.81a43a6d.css.map*/