:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#123047;background:#f5f7fb;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit}.logo-wrap{display:inline-flex;flex-direction:column;line-height:.85}.logo-mark{font-size:2rem;font-weight:900;letter-spacing:-.08em;color:#fff}.logo-sub{font-size:.58rem;letter-spacing:.22em;color:#bde2ce;margin-top:.35rem}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;background:linear-gradient(180deg,#073b5c,#052c46);padding:22px 16px;color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.tenant-chip{margin:28px 0 12px;padding:10px 12px;background:#ffffff14;border:1px solid #ffffff22;border-radius:12px;display:flex;gap:8px;align-items:center;font-size:.9rem}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;color:#dbe7ef}.sidebar nav a svg{width:18px}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff18;color:#fff}.sidebar-logout{margin-top:auto}.main-content{margin-left:255px;padding:30px;width:calc(100% - 255px)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:16px}.page-header h1{margin:0;font-size:2rem}.page-header p{margin:.25rem 0 0;color:#607383}.panel{background:#fff;border:1px solid #e3eaf0;border-radius:16px;padding:20px;margin-bottom:18px;box-shadow:0 3px 16px #17324d0a}.panel h2{margin-top:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid #e4eaf0;border-radius:16px;padding:20px;display:flex;gap:15px;align-items:center}.stat-icon{background:#e7f6ec;color:#2e9d47;border-radius:12px;padding:12px;display:flex}.stat-value{font-size:2rem;font-weight:800}.muted{color:#6b7e8d}.small{font-size:.84rem}.primary,.secondary,.danger,.ghost{border:0;border-radius:10px;padding:11px 16px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center}.primary{background:#2ea344;color:#fff;font-weight:700}.primary:hover{background:#258b3a}.secondary{background:#eaf0f4;color:#0b3d59;font-weight:700}.danger{background:#fde9e9;color:#b72e2e}.ghost{background:transparent;color:inherit}.compact{padding:9px 13px}.primary svg,.secondary svg,.actions svg,button svg{width:18px;height:18px}.auth-page{min-height:100vh;background:linear-gradient(135deg,#073b5c,#0c6b74);display:grid;place-items:center;padding:20px}.auth-card{width:min(420px,100%);background:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 60px #0004}.auth-card .logo-mark{color:#073b5c}.auth-card .logo-sub{color:#2e9d47}.auth-card.wide{width:min(620px,100%)}.auth-card h1{margin-top:26px}form{display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:6px;font-weight:650;color:#25445a}input,select{border:1px solid #cbd7df;border-radius:9px;padding:10px 11px;background:#fff;color:#123047}input:focus,select:focus{outline:2px solid #81c990;border-color:#81c990}.notice,.error-box{padding:12px 14px;border-radius:10px;margin:10px 0}.notice{background:#eef8f0;border:1px solid #bde1c5}.error-box{background:#fff0f0;border:1px solid #f0b8b8;color:#a12727}.link-btn{background:none;border:0;padding:10px 0;color:#17628a;cursor:pointer}.legal-links{display:flex;justify-content:space-between;font-size:.86rem;margin-top:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-actions{display:flex;align-items:end}.inline-form{display:flex;flex-direction:row;gap:10px}.inline-form input{flex:1}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #e8edf1;vertical-align:middle}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#708190}.badge{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:.78rem;font-weight:700}.badge.green{background:#e7f7ea;color:#247638}.badge.blue{background:#e4f1fa;color:#17628a}.badge.gray{background:#eef1f3;color:#687782}.actions{display:flex;gap:6px}.actions button,td button{border:0;background:#eff4f7;border-radius:8px;padding:7px;cursor:pointer}.split-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}.list-button{width:100%;display:flex;justify-content:space-between;padding:12px;border:0;border-bottom:1px solid #edf1f4;background:#fff;cursor:pointer;text-align:left}.list-button.active{background:#eef8f0;color:#1e6e32}.employee-card{width:540px;max-width:100%;aspect-ratio:1.586/1;background:linear-gradient(135deg,#073b5c 0,#073b5c 40%,#0a6e8c 40%,#0a6e8c 70%,#2ea344 70%);color:#fff;border-radius:18px;padding:22px;box-shadow:0 14px 30px #14364f33;margin:0 auto 18px}.card-top{display:flex;justify-content:space-between;align-items:flex-start;font-size:.65rem;letter-spacing:.2em}.card-logo{font-size:1.8rem;font-weight:900;letter-spacing:-.06em}.card-body{height:calc(100% - 45px);display:flex;align-items:center;justify-content:space-between;gap:20px}.avatar-placeholder{width:80px;height:80px;border-radius:12px;background:#fff2;color:#fff;display:grid;place-items:center;font-weight:900;font-size:1.4rem}.card-body h3{margin:8px 0 0}.card-body p{margin:3px 0}.qr-wrap{background:#fff;color:#123047;padding:12px;border-radius:12px;text-align:center;display:flex;flex-direction:column;gap:6px}.card-preview-panel{text-align:center}.token-box{display:flex;align-items:center;gap:8px;background:#f1f6f8;padding:10px;border-radius:10px;margin-top:12px;overflow:auto}.token-box code{flex:1;font-size:.78rem}.kiosk-page{min-height:100vh;background:#062f49;color:#fff;display:flex;flex-direction:column;align-items:center;padding:24px}.kiosk-card{background:#fff;color:#123047;border-radius:18px;padding:26px;width:min(520px,100%);margin-top:30px}.kiosk-toggle{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(650px,100%);margin:25px 0}.kiosk-toggle button{padding:18px;border:2px solid #ffffff44;background:#ffffff0d;color:#fff;border-radius:14px;font-size:1.4rem;font-weight:900}.kiosk-toggle button.active{background:#2ea344;border-color:#2ea344}.reader{width:min(520px,100%);background:#fff;border-radius:16px;overflow:hidden}.kiosk-message{font-size:1.25rem;font-weight:800;margin:20px;text-align:center}.manual-scan{display:flex;gap:8px;width:min(520px,100%)}.manual-scan input{flex:1}.manual-scan button{border:0;border-radius:8px;padding:10px 14px}.self-punch-card{background:#fff;border-radius:20px;padding:30px;text-align:center;max-width:720px;margin:auto}.self-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.big-in,.big-out{padding:30px 20px;border:0;border-radius:18px;color:#fff;font-size:1.5rem;font-weight:900;display:flex;align-items:center;justify-content:center;gap:12px}.big-in{background:#2ea344}.big-out{background:#073b5c}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.pricing-card{background:#fff;border:1px solid #e1e8ed;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px}.pricing-card .price{font-size:2.2rem;font-weight:900}.pricing-card .price span{font-size:.9rem;color:#748593}.pricing-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.pricing-card li{display:flex;gap:8px;align-items:center}.pricing-card li svg{width:18px;color:#2ea344}.mfa-box{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-top:16px}.mfa-box code{background:#f4f6f8;padding:8px;border-radius:8px}.row-between{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.filters{display:flex;flex-direction:row;gap:16px}.filters label{min-width:200px}.legal-page{min-height:100vh;background:#f5f7fb;padding:40px}.legal-page .panel{max-width:900px;margin:auto}.empty-state{padding:70px;text-align:center;color:#748593}@media (max-width:1000px){.sidebar{width:78px;padding:18px 10px}.sidebar .logo-sub,.sidebar .tenant-chip span,.sidebar nav a{font-size:0}.sidebar nav a{justify-content:center}.sidebar nav a svg{width:22px;height:22px}.main-content{margin-left:78px;width:calc(100% - 78px);padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid,.split-layout{grid-template-columns:1fr}}@media (max-width:650px){.main-content{padding:14px}.page-header{align-items:flex-start;flex-direction:column}.stats-grid,.form-grid,.self-actions{grid-template-columns:1fr}.filters,.inline-form{flex-direction:column}table{font-size:.84rem}.panel{overflow-x:auto}.employee-card{font-size:.8rem}.card-body{gap:8px}.qr-wrap svg{width:110px;height:110px}.sidebar{bottom:auto;height:100vh}}.phone-qr{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:26px}.phone-qr svg{background:#fff;padding:10px;border-radius:12px;border:1px solid #dfe8ed}.big-in.selected,.big-out.selected{outline:4px solid #9dd7aa;outline-offset:3px}@media print{body *{visibility:hidden!important}.employee-card,.employee-card *{visibility:visible!important}.employee-card{position:absolute;left:0;top:0;width:85.6mm;height:53.98mm;margin:0;box-shadow:none;border-radius:3mm}.sidebar{display:none!important}}.sidebar-company-logo{height:58px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:4px}.sidebar-company-logo img{max-width:170px;max-height:58px;object-fit:contain;background:#fff;border-radius:10px;padding:6px}.company-logo-preview{min-height:92px;border:1px dashed #cbd7df;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:12px}.company-logo-preview img{max-width:220px;max-height:90px;object-fit:contain}.logo-upload-field .muted{display:flex;align-items:center;gap:6px;font-weight:400}.edit-employee-panel{border-color:#b8d8c0}.kiosk-help{margin:0 0 12px;color:#dbe7ef;text-align:center}.manual-scan button:disabled{opacity:.45;cursor:not-allowed}.activation-message{color:#a12727;font-size:.95rem;margin:12px 0 0}.employee-edit-actions{display:flex;gap:10px;flex-wrap:wrap}.employee-install-box{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:18px 0;padding:16px;border:1px solid #dce6ec;border-radius:14px;background:#f8fbfc}.employee-install-box>svg{width:32px;height:32px;color:#17628a}.employee-install-box p{margin:4px 0 0}.activation-card>.primary{width:100%}@media (max-width:650px){.employee-install-box{grid-template-columns:auto 1fr}.employee-install-box button{grid-column:1/-1}}.super-admin-shell{display:flex;min-height:100vh;background:#f3f6f8}.super-admin-sidebar{width:270px;background:#081f33;color:#fff;position:fixed;inset:0 auto 0 0;padding:24px 18px;display:flex;flex-direction:column}.super-admin-chip{margin:30px 0 16px;padding:12px;background:#ffffff12;border:1px solid #ffffff20;border-radius:12px;display:flex;align-items:center;gap:9px;font-weight:700}.super-admin-nav-item{padding:12px;border-radius:10px;background:#ffffff12;display:flex;align-items:center;gap:9px}.super-admin-content{margin-left:270px;padding:32px;width:calc(100% - 270px)}.super-admin-auth{background:linear-gradient(135deg,#061b2c,#0a425d)}@media (max-width:900px){.super-admin-sidebar{width:80px}.super-admin-sidebar .logo-sub,.super-admin-chip,.super-admin-nav-item{font-size:0}.super-admin-content{margin-left:80px;width:calc(100% - 80px);padding:18px}}.kiosk-device-name{margin-top:8px;font-weight:800;color:#dbe7ef}.super-admin-table input[type=date]{min-width:150px}.super-admin-table select{min-width:110px}.employee-tabs{display:flex;gap:8px;max-width:720px;margin:0 auto 14px}.employee-tabs button{flex:1;border:1px solid #cbd7df;background:#fff;color:#123047;padding:12px;border-radius:10px;font-weight:800;cursor:pointer}.employee-tabs button.active{background:#073b5c;color:#fff;border-color:#073b5c}.kiosk-title{margin:24px 0 6px;text-align:center}.self-punch-card h2{margin-top:0}.break-policy-note{background:#f4f8fa;border:1px solid #dbe6eb;border-radius:10px;padding:10px 12px}.inline-break-edit{display:inline-flex;align-items:center;gap:6px}.inline-break-edit input{width:82px;padding:6px 8px}.inline-break-edit button{border:0;background:#eaf0f4;border-radius:8px;padding:7px;cursor:pointer}.plans-editor{display:flex;flex-direction:column;gap:12px}.plan-edit-row{display:grid;grid-template-columns:1.15fr .8fr .7fr .7fr 1fr 1fr .8fr 1.5fr .8fr auto;gap:8px;align-items:end;padding:12px;border:1px solid #e3eaf0;border-radius:12px;background:#fbfcfd}.plan-edit-row label{font-size:.75rem}.plan-edit-row textarea{border:1px solid #cbd7df;border-radius:9px;padding:9px;color:#123047;resize:vertical;font:inherit}.plan-row-actions{display:flex;gap:6px;padding-bottom:2px}.plan-row-actions button{border:0;background:#eff4f7;border-radius:8px;padding:8px;cursor:pointer}.plan-save-bar{margin-top:14px;gap:18px}.plan-save-bar .muted{max-width:720px}@media (max-width:1200px){.plan-edit-row{grid-template-columns:repeat(3,1fr)}.plan-row-actions{align-self:end}}.super-admin-nav-button{width:100%;border:0;color:#fff;text-align:left;cursor:pointer;font:inherit}.super-admin-nav-button:hover{background:#ffffff1e}#offres-tarifs{scroll-margin-top:20px}.employee-name-cell{display:flex;align-items:center;gap:10px}.employee-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;background:#e7f1f6;color:#073b5c;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.employee-avatar img{width:100%;height:100%;object-fit:cover}.employee-photo-editor{display:flex;align-items:center;gap:18px;margin:4px 0 18px;padding:14px;background:#f7fafb;border:1px solid #e1e9ee;border-radius:12px}.employee-photo-large{width:86px;height:86px;border-radius:50%;overflow:hidden;background:#e7f1f6;color:#073b5c;display:grid;place-items:center;font-size:1.35rem;font-weight:900;flex:0 0 auto}.employee-photo-large img{width:100%;height:100%;object-fit:cover}.photo-upload-label .muted{display:flex;align-items:center;gap:6px;font-weight:400}.report-actions{display:flex;gap:10px;flex-wrap:wrap}.report-print-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding-bottom:14px;border-bottom:2px solid #073b5c}.report-print-header img{max-width:180px;max-height:72px;object-fit:contain}.report-print-header h2{margin:0 0 4px}.report-print-header p{margin:0;text-align:right}.report-logo-fallback{font-size:2rem;font-weight:900;color:#073b5c}.report-print-footer{margin-top:16px;padding-top:10px;border-top:1px solid #d9e2e8;text-align:right;color:#6b7e8d;font-size:.8rem}.report-avatar{width:32px;height:32px}@media print{@page{size:landscape;margin:10mm}body{background:#fff!important}body *{visibility:hidden!important}.report-print-area,.report-print-area *{visibility:visible!important}.report-print-area{position:absolute!important;left:0!important;top:0!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important}.report-print-area table{font-size:9pt!important}.report-print-area th,.report-print-area td{padding:6px 5px!important}.report-print-area .inline-break-edit input,.report-print-area .inline-break-edit button{display:none!important}.report-print-area .employee-avatar{width:28px!important;height:28px!important}.sidebar,.page-header,.filters{display:none!important}}.reader-shell{width:min(540px,100%);border-radius:18px;padding:5px;background:#dbe7ef;transition:background .15s ease,box-shadow .15s ease}.reader-shell.validating{background:#f4c542}.reader-shell.success{background:#2ea344;box-shadow:0 0 0 5px #2ea34444}.reader-shell.error{background:#d84b4b;box-shadow:0 0 0 5px #d84b4b33}.scan-status-bar{margin-top:6px;border-radius:10px;padding:12px 14px;text-align:center;font-size:1.05rem;font-weight:900;background:#fff;color:#123047}.scan-status-bar.validating{background:#fff6cf;color:#6b5600}.scan-status-bar.success{background:#e8f8ec;color:#1f6d32}.scan-status-bar.error{background:#fff0f0;color:#a12727}.privacy-ack{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:12px;border:1px solid #dce6ec;border-radius:12px;background:#f8fbfc;font-weight:500}.privacy-ack input{margin-top:4px;width:18px;height:18px}.privacy-ack a{color:#17628a;text-decoration:underline;font-weight:700}.privacy-note{margin:-4px 0 2px}