:root{--bg:#091426;--sidebar:#07111e;--panel:#0d1a2d;--panel2:#10213a;--ink:#f7f9fc;--muted:#8fa3bf;--line:#20334d;--line2:#2a4263;--cyan:#2de2e6;--blue:#5d82ff;--green:#2dd4a8;--amber:#f1b95b;--red:#ff6b7a}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);padding:14px 12px 20px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand-block{display:flex;align-items:center;gap:11px;padding:2px 9px 13px}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#6b72ff,#39d8e9);font-size:20px;font-weight:900}.brand-name{font-size:16px;font-weight:800}.brand-sub{font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:2px}.sidebar-rule{height:1px;margin:4px 0 19px}.nav{display:grid;grid-gap:5px;gap:5px}.nav-link{position:relative;display:grid;grid-template-columns:30px 1fr;align-items:center;min-height:42px;padding:0 12px;border-radius:10px;color:#9eb0c8;font-weight:650;font-size:14px}.nav-link:hover{background:#0f2137;color:#fff}.nav-default{background:#11243f;color:#fff}.nav-icon{font-size:14px;color:#8fb1d3}.nav-default .nav-icon{color:var(--cyan)}.nav-accent{position:absolute;right:6px;width:3px;height:18px;border-radius:3px;background:var(--cyan)}.workspace{min-width:0}.workspace-header{height:61px;justify-content:space-between;padding:0 29px;background:#091426}.search-box,.workspace-header{display:flex;align-items:center}.search-box{height:38px;width:min(330px,40vw);gap:9px;border:1px solid var(--line);border-radius:10px;padding:0 10px;color:#7f93af;font-size:13px}.search-icon{font-size:17px;color:#7fa2c7}.search-box kbd{margin-left:auto;border:1px solid #2a4364;border-radius:5px;padding:2px 6px;background:#0d1a2d;color:#7890ae;font-size:11px}.operator{display:flex;align-items:center;gap:9px;font-size:12px}.operator-avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#142542;border:1px solid #243b5d;color:#c9d8ea;font-weight:800}.operator small{display:block;color:var(--muted);margin-top:2px;font-size:10px}.main{padding:27px 30px 42px}.eyebrow{font-size:11px;letter-spacing:1.3px;color:var(--cyan);font-weight:900;text-transform:uppercase}.title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.title h1{margin:6px 0 0;font-size:34px;line-height:1.05;letter-spacing:-1.1px}.title p{margin:8px 0 0;color:#8ab0df;font-size:13px}.governed{border:1px solid #29466a;border-radius:999px;padding:5px 10px;color:#9fc7ff;font-size:10px;font-weight:800;letter-spacing:.45px;text-transform:uppercase;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:21px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.metric-card{min-height:89px;padding:23px 18px;border-right:1px solid var(--line);background:#0c192b}.metric-card:last-child{border-right:0}.metric-label{font-size:10px;font-weight:900;color:#83a7d2;text-transform:uppercase;letter-spacing:1px}.metric{font-size:23px;line-height:1;font-weight:900;margin-top:11px;letter-spacing:-.7px}.metric-sub{font-size:10px;color:#7ea4d1;margin-top:5px}.dashboard-split{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);grid-gap:18px;gap:18px;margin-top:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:16px 17px 13px;border-bottom:1px solid var(--line)}.panel-header h3{margin:0;font-size:15px}.panel-header p{margin:6px 0 0;color:#86aee0;font-size:11px}.panel-body{padding:16px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:610px}.table td,.table th{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);font-size:12px}.table th{color:#8fa3bf;font-weight:700;background:#0b1728}.table tbody tr:hover{background:#102139}.table tbody tr:last-child td{border-bottom:0}.employee-cell{display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#142743;border:1px solid #25456a;color:#8fdce6;font-weight:900;font-size:11px}.status{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;background:#13243c}.status.working{color:#82f2d1}.status.break{color:#ffd27b}.status.out{color:#ff8b99}.dot{width:6px;height:6px;border-radius:50%;background:#73859b}.dot.ok{background:var(--green)}.dot.warn{background:var(--amber)}.dot.bad{background:var(--red)}.btn{border:1px solid #31517a;border-radius:8px;padding:8px 12px;font-weight:800;cursor:pointer;background:#122641;color:#d7e7fb}.btn:hover{background:#17304f}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:#0b1728;color:#e5eef8}.notice{margin:14px 16px 0;padding:11px 13px;border-left:3px solid var(--red);background:#132137;color:#ffd5da;font-size:12px}.activity-list{padding:0 16px}.activity-item{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.activity-item:last-child{border-bottom:0}.activity-icon{width:30px;height:30px;border-radius:8px;background:#142743;color:#88dbe5;display:grid;place-items:center;font-weight:900;font-size:11px}.activity-copy b{font-size:12px;display:block}.activity-copy span{display:block;color:#8198b5;font-size:11px;margin-top:4px}.signal{margin:16px;padding:13px 14px;border-left:3px solid var(--green);background:#122038;border-radius:7px;font-size:12px}.empty-state{padding:32px 16px;color:#7f95b2;font-size:12px;text-align:center}.section{margin-top:18px}.two{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:16px;gap:16px}.clockbox{display:grid;place-items:center;min-height:430px;text-align:center}.clocktime{font-size:56px;font-weight:900;letter-spacing:-2px}.clockactions{gap:12px;justify-content:center;margin-top:18px}.clockactions,.formrow{display:flex;flex-wrap:wrap}.formrow{gap:10px}.input{padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#0b1728;color:#fff}.input:focus{outline:2px solid rgba(45,226,230,.25);border-color:#2e7d8e}.kiosk{max-width:760px;margin:20px auto}.kiosk .clocktime{font-size:72px}.kiosk .btn{font-size:18px;padding:18px 26px}.right{text-align:right}.report-toolbar{margin-top:20px;padding:14px 16px}.report-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:18px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.report-kpi{padding:19px 17px;background:#0c192b;border-right:1px solid var(--line)}.report-kpi:last-child{border-right:0}.report-kpi span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.9px;color:#8aa9cd;font-weight:900}.report-kpi strong{display:block;font-size:24px;margin-top:8px;letter-spacing:-.6px}.report-kpi small{display:block;color:#748aa7;margin-top:5px;font-size:10px}.report-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);grid-gap:18px;gap:18px;margin-top:18px}.report-panel{min-height:260px}.chart-list{padding:18px}.chart-row{display:grid;grid-template-columns:62px minmax(0,1fr) 64px;grid-gap:12px;gap:12px;align-items:center;margin:13px 0}.chart-label,.chart-value{font-size:11px;color:#9ab2cf}.chart-value{text-align:right;font-weight:800;color:#dce9f8}.chart-track{height:12px;background:#101f34;border:1px solid #1e3552;border-radius:999px;overflow:hidden}.chart-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:999px}.donut-wrap{display:grid;place-items:center;grid-gap:20px;gap:20px;padding:22px}.donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:24px;background:var(--panel);border-radius:50%;border:1px solid var(--line)}.donut>div{position:relative;z-index:1;text-align:center}.donut strong{display:block;font-size:28px}.donut span{display:block;font-size:10px;color:#8299b5;margin-top:2px;text-transform:uppercase;letter-spacing:.8px}.legend{width:100%;max-width:220px}.legend>div{display:grid;grid-template-columns:16px 1fr auto;grid-gap:8px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.legend>div:last-child{border-bottom:0}.legend-dot{width:8px;height:8px;border-radius:50%;display:block}.legend-dot.late{background:var(--cyan)}.legend-dot.overtime{background:var(--blue)}.legend span{font-size:11px;color:#9bb0ca}.legend b{font-size:12px}.ask-avelo{border-color:#29466a;background:linear-gradient(180deg,#0e1c31,#0b1729)}.ask-avelo .panel-header{background:linear-gradient(90deg,rgba(45,226,230,.05),rgba(93,130,255,.04))}.ask-avelo .panel-header h3{font-size:18px;margin-top:3px}.ask-body{padding:17px}.quick-prompts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}.quick-prompts button{border:1px solid #2a4669;border-radius:999px;background:#10213a;color:#a9c4e6;padding:7px 11px;font-size:11px;cursor:pointer}.quick-prompts button:hover{border-color:#2de2e6;color:#e7ffff;background:#122940}.ask-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px}.ask-input{width:100%;min-height:44px}.ask-answer{grid-template-columns:38px minmax(0,1fr);grid-gap:12px;gap:12px;margin-top:15px;padding:15px;border:1px solid #24405f;background:#0a1627}.ask-answer,.ask-avatar{display:grid;border-radius:10px}.ask-avatar{width:38px;height:38px;place-items:center;background:linear-gradient(135deg,#5d82ff,#2de2e6);font-weight:900;color:#fff}.ask-answer b{font-size:12px}.ask-answer p{margin:7px 0 8px;color:#d6e6f8;font-size:13px;line-height:1.55}.ask-answer small{color:#7188a5;font-size:10px}@media(max-width:1120px){.grid{grid-template-columns:repeat(2,1fr)}.metric-card{border-bottom:1px solid var(--line)}.dashboard-split,.report-layout{grid-template-columns:1fr}.report-kpis{grid-template-columns:repeat(2,1fr)}.report-kpi{border-bottom:1px solid var(--line)}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.workspace-header{padding:0 16px}.main{padding:22px 16px}.nav{grid-template-columns:repeat(3,1fr)}.nav-link{grid-template-columns:22px 1fr}.grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.workspace-header{display:none}.nav{grid-template-columns:1fr 1fr}.title{flex-direction:column}.title h1{font-size:28px}.grid,.report-kpis{grid-template-columns:1fr}.metric-card,.report-kpi{border-right:0}.main{padding:18px 12px}.clocktime{font-size:44px}.chart-row{grid-template-columns:50px minmax(0,1fr) 55px;gap:8px}.ask-input-row{grid-template-columns:1fr}.ask-input-row .btn{width:100%}}:root{--bg:#f7f5ff;--sidebar:#ffffff;--panel:#ffffff;--panel2:#faf9ff;--ink:#171733;--muted:#6f7191;--line:#e2def5;--line2:#d4cef0;--cyan:#6f52ff;--blue:#3284ff;--green:#18b981;--amber:#d18a18;--red:#e25568}body{background:linear-gradient(180deg,#fbfaff,#f5f2ff);color:var(--ink)}.sidebar{background:#fff;border-right:1px solid var(--line);box-shadow:10px 0 28px rgba(72,54,160,.035)}.brand-mark{background:linear-gradient(135deg,#6d4dff,#3d86ff);color:#fff;box-shadow:0 8px 18px rgba(91,75,255,.22)}.brand-name{color:#232442}.brand-sub{color:#8b86a8}.sidebar-rule{background:var(--line)}.nav-link{color:#666988;border:1px solid transparent}.nav-link:hover{background:#f7f5ff;color:#2a2b4a;border-color:#ebe7fb}.nav-default{background:linear-gradient(90deg,#f0edff,#f8f6ff);color:#2a2945;border-color:#dcd5ff;box-shadow:0 5px 14px rgba(94,74,190,.06)}.nav-icon{color:#7659ff}.nav-default .nav-icon{color:#6c4cff}.nav-accent{background:linear-gradient(180deg,#754cff,#4388ff)}.workspace-header{background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.search-box{background:#fff;border-color:#ded9f3;color:#8a87a5;box-shadow:0 4px 14px rgba(58,45,130,.035)}.search-icon{color:#744fff}.search-box kbd{background:#f7f5ff;border-color:#ddd7f3;color:#7a7797}.operator{color:#2b2c49}.operator-avatar{background:linear-gradient(135deg,#7652ff,#3c85ff);border:0;color:#fff;box-shadow:0 6px 16px rgba(93,72,224,.18)}.operator small{color:#8b87a1}.eyebrow{color:#6f4dff}.title h1{color:#171733}.title p{color:#747593}.governed{border-color:#d9d1ff;color:#684aff;background:#f7f5ff}.grid,.report-kpis{border-color:var(--line);box-shadow:0 10px 28px rgba(56,42,128,.04)}.metric-card,.report-kpi{background:linear-gradient(180deg,#fff,#fcfbff);border-color:var(--line)}.metric-label,.report-kpi span{color:#77739b}.metric,.report-kpi strong{color:#1d1d3a}.metric-sub,.report-kpi small{color:#9290aa}.card{background:#fff;border-color:var(--line);border-radius:16px;box-shadow:0 12px 34px rgba(56,42,128,.045)}.panel-header{border-color:var(--line)}.panel-header h3{color:#252541}.panel-header p{color:#7d7e9d}.table th{background:#faf9ff;color:#767693}.table td,.table th{border-color:#ece8f8}.table tbody tr:hover{background:#faf8ff}.activity-icon,.avatar{background:#f1edff;border-color:#ddd5ff;color:#6f4dff}.status{background:#f6f4ff}.btn{background:linear-gradient(135deg,#6e4cff,#3d84ff);border:0;color:#fff;border-radius:10px;box-shadow:0 6px 14px rgba(90,68,220,.14)}.btn:hover{filter:brightness(.98)}.btn.secondary{background:#fff;color:#555779;border:1px solid #dcd7ef;box-shadow:none}.notice{background:#fff7f8;color:#9b3d4d;border-left-color:#e25568}.signal{background:#f2fbf7;color:#256b50}.activity-copy span,.empty-state{color:#8786a0}.input{background:#fff;color:#232442;border-color:#dcd7ef}.input:focus{outline:3px solid rgba(111,82,255,.09);border-color:#7d5cff}.chart-label{color:#7d7e9c}.chart-value{color:#2a2b49}.chart-track{background:#eeeafd;border-color:#e2ddf4}.chart-fill{background:linear-gradient(90deg,#714dff,#3d86ff)}.donut:after{background:#fff}.donut:after,.legend>div{border-color:var(--line)}.legend span{color:#7b7c99}.ask-avelo{border-color:#ddd5ff;background:linear-gradient(180deg,#ffffff,#faf8ff)}.ask-avelo .panel-header{background:linear-gradient(90deg,rgba(111,82,255,.08),rgba(61,134,255,.06))}.quick-prompts button{background:#f8f6ff;border-color:#ddd7f6;color:#625f83}.quick-prompts button:hover{border-color:#7653ff;color:#5d45d8;background:#f2eeff}.ask-answer{background:#fbfaff;border-color:#e1dcf6}.ask-avatar{background:linear-gradient(135deg,#6f4dff,#3d86ff)}.ask-answer p{color:#343552}.ask-answer small{color:#8c8aa3}@media(max-width:860px){.sidebar{box-shadow:none}}