*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#100c1c;color:#f4effb;font:14px/1.7 Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 0,#6c39912e,transparent 50%),radial-gradient(ellipse at 0 80%,#b36f2820,transparent 45%)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #e8b775;outline-offset:3px}button{border:0}input,select,textarea{background:#161022;border:1px solid #ffffff18;color:#f2eafa;border-radius:10px;padding:10px 12px;min-width:0;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #b494ef}textarea{min-height:88px;resize:vertical}label{display:grid;gap:7px;color:#b8abc9;font-size:12px}label:has(input[type=checkbox]){display:flex;align-items:center}input[type=checkbox]{width:auto;accent-color:#ac80ef}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.5;letter-spacing:-.7px}h2{font-size:17px;font-weight:600}h3{font-size:14px}p,small{color:#a497b5}small{font-size:11px}p{font-size:12px}b{font-weight:600}a{color:#d5b8ff;text-decoration:none}.shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{background:#110d1cf0;border-inline-end:1px solid #ffffff0a;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 17px;z-index:25}.brand{display:flex;gap:12px;align-items:center;direction:ltr}.brand svg{width:42px;height:42px;flex-shrink:0}.brand strong{display:block;font:600 17px Arial;letter-spacing:2.4px}.brand small{display:block;font:9px Arial;letter-spacing:3px;margin-top:7px;color:#bd9ff0}.sidebar .brand{margin:0 7px 35px}.eyebrow{font:10px Arial;letter-spacing:2px;color:#a38bbd}.nav-label{font-size:10px;color:#6e5f82;margin:0 12px 12px}.sidebar nav{display:grid;gap:5px}.navbtn{background:none;border:1px solid transparent;color:#ad9cbd;text-align:start;padding:12px;border-radius:11px;display:flex;align-items:center;gap:12px}.navbtn svg{width:18px;height:18px}.navbtn:hover{background:#ffffff05;color:white}.navbtn.active{background:linear-gradient(100deg,#9d6fe422,#9d6fe40b);color:#dac2ff;border-color:#ae80f02e;box-shadow:inset -3px 0 #af80ee}.count{margin-inline-start:auto;background:#b38bff24;color:#dfccff;border-radius:6px;padding:0 6px;font-size:10px}.side-end{margin-top:auto}.demo-card{border:1px solid #ad7eea22;border-radius:14px;padding:15px;background:linear-gradient(140deg,#8750c414,transparent);margin-top:20px}.demo-card strong{display:block;font-size:12px;margin:5px 0}.byline{font:9px Arial;letter-spacing:2px;text-align:center;margin-top:20px;color:#756586}.workspace{min-width:0}.topbar{height:83px;border-bottom:1px solid #ffffff0a;display:flex;align-items:center;justify-content:space-between;padding:15px 32px;gap:15px;background:#120d1b9e;backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.topbar .trail{font-size:11px;color:#a595b5}.topbar .trail b{color:#eee1ff;margin-inline-start:8px}.role{display:flex;gap:10px;align-items:center}.role select{max-width:210px;font-size:12px;background:#21162d}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#8c5cb5,#3e2852);border:1px solid #ffffff21}.pill{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border:1px solid #b38bff2b;border-radius:30px;color:#c9abf6;font-size:10px;white-space:nowrap;background:#b38bff09}.pill.green{color:#88dbc1;border-color:#88dbc12b;background:#88dbc109}.pill.orange{color:#f4c890;border-color:#f4c82b30}.pill.red{color:#ff9eb0;border-color:#ff9eb029}.dot{width:5px;height:5px;border-radius:50%;background:currentColor}.content{max-width:1550px;margin:auto;padding:30px 32px 50px}.demo-banner{display:flex;align-items:center;gap:10px;background:#8c5ac415;border:1px solid #b08be42a;border-radius:11px;padding:10px 15px;font-size:11px;color:#bcacd1;margin-bottom:27px}.demo-banner svg{width:17px;color:#bd9cea;flex-shrink:0}.demo-banner button{margin-inline-start:auto;background:transparent;color:#e4d4ff;white-space:nowrap;font-size:11px}.pagehead{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.pagehead p{margin-top:5px}.actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff17;background:#ffffff04;color:#d7c9e7;border-radius:10px;padding:9px 13px;font-size:12px;min-height:39px}.btn svg{width:16px;height:16px}.btn:hover{background:#ffffff0a;border-color:#b48ae055}.btn.primary{background:#b18ae8;color:#1d102d;border-color:#c9a7f5;font-weight:600;box-shadow:0 4px 22px #9e6ce01c}.btn.primary:hover{background:#c5a2f0}.btn.danger{color:#ffafba}.hero{display:grid;grid-template-columns:1.55fr 1fr;border:1px solid #bb92e430;border-radius:20px;background:linear-gradient(115deg,#a16edc17,#1b1225 65%);margin-bottom:22px;overflow:hidden}.hero-copy{padding:30px}.hero h2{font-size:26px;max-width:540px;font-weight:500;line-height:1.7;margin:8px 0}.hero h2 em{font-style:normal;color:#ccb0f7}.hero p{max-width:500px;line-height:1.9;margin:10px 0 22px}.hero-art{padding:25px;display:grid;place-items:center;position:relative;border-inline-start:1px solid #ffffff08;background:radial-gradient(ellipse,#965dde18,transparent 75%)}.clock-face{height:166px;width:166px;border-radius:50%;border:1px solid #b58ae438;box-shadow:0 0 0 16px #b58ae405,0 0 0 32px #b58ae404;display:flex;flex-direction:column;justify-content:center;align-items:center}.clock-face strong{font:36px Arial;letter-spacing:2px;color:#dfcdf9}.clock-face small{font-size:10px}.float-tag{position:absolute;font-size:10px;border:1px solid #ffffff16;border-radius:9px;padding:9px 13px;background:#241a32e8;box-shadow:0 10px 35px #0002}.float-tag.one{top:28px;right:15px}.float-tag.two{bottom:27px;left:22px;color:#9bdec5}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat{border:1px solid #ffffff0c;border-radius:15px;padding:19px;background:linear-gradient(130deg,#261b31ad,#171120b0);position:relative}.stat .s-icon{position:absolute;inset-inline-end:16px;top:17px;border-radius:9px;padding:8px;color:#c6a7ee;background:#b38bff0c;display:flex}.s-icon svg{width:17px;height:17px}.stat small{display:block;font-size:11px}.stat strong{display:block;font:29px Arial;margin:13px 0 5px;letter-spacing:-.7px}.stat strong.money{font-size:24px}.stat p{font-size:10px}.mint{color:#8fdbc2}.purple{color:#cfb1f6}.redtext{color:#ffabb7}.gold{color:#edc394}.columns{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.panel{border:1px solid #ffffff0d;border-radius:16px;background:#191221b0;padding:22px;margin-bottom:20px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-head p{margin-top:4px}.line{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #ffffff08}.line:last-child{border-bottom:0}.line .end{margin-inline-start:auto;text-align:end}.person-icon{height:35px;width:35px;border-radius:11px;background:#a979dc16;border:1px solid #b38bff18;color:#cfb3f0;display:grid;place-items:center;flex-shrink:0}.line small{display:block}.mini-chart{display:flex;align-items:end;gap:14px;height:140px;margin:10px 0 25px;padding:0 10px}.bar-column{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar{width:100%;max-width:35px;background:linear-gradient(#b28be5,#684387);border-radius:6px 6px 0 0;min-height:2px;position:relative}.bar span{position:absolute;top:-24px;left:0;right:0;text-align:center;font:10px Arial;color:#c4addd}.bar-column small{font-size:9px}.note{border:1px solid #b38bff1b;border-radius:10px;padding:12px 14px;background:#b38bff08;font-size:11px;color:#b9a8cd;margin:15px 0;line-height:1.9}.note.orange{border-color:#d5a06928;background:#d5a06908;color:#dbbf9e}.note.green{border-color:#8fdbc226;color:#a6dbca;background:#8fdbc209}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:start;font-size:12px}th{font-weight:400;color:#8e7b9e;background:#ffffff02;font-size:10px;padding:13px;text-align:start;border-bottom:1px solid #ffffff0a}td{padding:15px 13px;border-bottom:1px solid #ffffff07;vertical-align:middle}td small{display:block;margin-top:3px;font-size:10px}td .btn{padding:5px 9px;min-height:30px;font-size:10px}.toolbar{display:flex;gap:10px;margin-bottom:17px;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;min-width:130px;font-size:12px}.toolbar input[type=search]{flex:1;min-width:160px}.empty{text-align:center;padding:40px 15px;color:#aa98b8;font-size:12px}.request-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.request-card{padding:20px;border:1px solid #ffffff0d;border-radius:14px;background:#21172c80}.request-card .top{display:flex;gap:10px;align-items:center}.request-card h3{margin:13px 0 5px}.request-card p{font-size:11px;margin:5px 0 12px}.request-card .actions{margin-top:15px;border-top:1px solid #ffffff0a;padding-top:15px}.request-card small{display:block}.sim-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.clock-card{padding:27px;border:1px solid #b58de530;border-radius:18px;background:radial-gradient(ellipse at top,#7747a321,transparent),#1c1426;text-align:center}.clock-big{font:54px Arial;letter-spacing:2px;margin:15px 0 3px}.clock-card>.actions{justify-content:center;margin-top:20px}.geo-stage{margin:18px 0;min-height:130px;display:flex;justify-content:center;align-items:center;border:1px solid #b38bff13;border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(0deg,transparent 48%,#ab88cc08 49%,#ab88cc08 51%,transparent 52%),linear-gradient(90deg,transparent 48%,#ab88cc08 49%,#ab88cc08 51%,transparent 52%);background-size:26px 26px}.geo-ring{width:92px;height:92px;border-radius:50%;border:1px dashed #b38bff60;background:#b38bff0c;display:grid;place-items:center;position:relative}.geo-ring svg{width:28px;color:#c3a0ef}.geo-point{position:absolute;top:50%;left:50%;width:9px;height:9px;border-radius:50%;background:#8fdbc2;box-shadow:0 0 0 5px #8fdbc212;transform:translate(-50%,13px)}.geo-point.out{left:145%;background:#ff9eb0;box-shadow:0 0 0 5px #ff9eb012}.rules{display:grid;gap:8px}.rule{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:9px;background:#ffffff03;font-size:12px}.rule span{direction:ltr;color:#b8a6c9;font:13px Arial}.equation{padding:16px;border-top:1px solid #ffffff0a;color:#b7a3cb;font-size:11px}.employee-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.employee{border:1px solid #ffffff0d;border-radius:15px;padding:20px;background:#20162980}.employee h3{margin:13px 0 3px}.employee .salary{display:block;font:23px Arial;margin:17px 0 6px;color:#d5b8f6}.employee .actions{margin-top:17px}.weekdays{display:flex;gap:10px;flex-wrap:wrap}.weekdays label{padding:7px;border:1px solid #ffffff12;border-radius:7px;font-size:10px}.modal-bg{position:fixed;inset:0;z-index:100;background:#08050dc9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:560px;max-width:100%;max-height:90vh;overflow-y:auto;border:1px solid #b38bff35;background:#20162d;border-radius:19px;padding:25px;box-shadow:0 25px 100px #0005}.modal.wide{width:740px}.modal-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title button{background:#ffffff08;border-radius:8px;width:30px;height:30px;font-size:22px}.modal form{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.error{color:#ffabb7;background:#ffabb709;border-radius:9px;padding:10px;font-size:12px}.photo-demo{height:200px;border-radius:12px;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#3b2850,#271c33);border:1px dashed #b38bff55;margin:15px 0}.photo-demo svg{width:45px;height:45px;margin:0 auto 15px;color:#bd98ea}.photo-demo b{font-size:14px}.photo-demo small{margin-top:10px}.step-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.step{border:1px solid #b38bff25;padding:18px;border-radius:12px;background:#b38bff07}.step b{display:block;margin:6px 0}.step .step-n{font:21px Arial;color:#c39cea}#toast{position:fixed;bottom:24px;left:24px;z-index:150;max-width:calc(100vw - 48px);background:#32233f;border:1px solid #bd98e960;color:#f2e6ff;border-radius:12px;padding:14px 20px;box-shadow:0 15px 50px #0005;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translateY(0)}.mobile-brand{display:none}.footer{font-size:10px;color:#756482;text-align:center;margin:25px 0 0}.section-tabs{display:flex;gap:7px;margin:15px 0 20px;flex-wrap:wrap}.section-tabs .btn.active{background:#ae83df25;color:#ddc2ff;border-color:#ae83df55}.row-details{margin-top:15px}.row-details summary{cursor:pointer;color:#cfb4ed;font-size:11px}.menu-btn{display:none}.positive-ring{border-color:#7dcdbb55}.tour-list{display:grid;gap:10px}.tour-item{display:flex;gap:15px;align-items:center;padding:17px;border:1px solid #ffffff0d;background:#ffffff03;border-radius:12px}.tour-item strong{color:#b494dc;font:23px Arial}.tour-item p{margin-top:5px}.tour-item .btn{margin-inline-start:auto;white-space:nowrap}.progress{height:4px;background:#ffffff08;border-radius:10px;overflow:hidden;margin-top:10px}.progress span{display:block;height:100%;background:#b28be6}.review{border-inline-start:2px solid #e5b67c;padding:15px;margin:12px 0;background:#e5b67c06;border-radius:8px}.review .actions{margin-top:10px}.role-help{color:#ab92bd;font-size:10px}.ledger{display:grid;gap:10px}.ledger div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff0a;padding:8px 0;font-size:12px}
@media(min-width:1600px){.content{padding-top:40px}.hero-copy{padding:40px}}@media(max-width:1100px){.shell{grid-template-columns:195px minmax(0,1fr)}.content{padding:22px}.topbar{padding:15px 22px}.stats{gap:10px}.stat{padding:16px}.stat strong.money{font-size:20px}.columns{grid-template-columns:1fr}.employee-cards{grid-template-columns:repeat(2,1fr)}.hero h2{font-size:23px}.hero-art{padding:15px}.float-tag{font-size:8px}.request-grid{grid-template-columns:1fr}}@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;right:0;width:238px;transform:translateX(100%);transition:.2s;height:100dvh;box-shadow:-15px 0 80px #0006}.sidebar.open{transform:translateX(0)}.topbar{height:71px;padding:12px 16px;gap:8px}.topbar .trail{display:none}.role{gap:6px}.role select{max-width:165px;padding:8px;font-size:10px}.role .avatar{display:none}.menu-btn{display:flex;background:transparent;color:#d3b2f6;padding:7px}.menu-btn svg{width:23px;height:23px}.mobile-brand{display:block;direction:ltr;font:600 12px Arial;letter-spacing:1px}.mobile-brand small{display:block;font:9px Arial;color:#b797da;letter-spacing:2px;margin-top:5px}.topbar>.pill{display:none}.content{padding:19px 16px 30px}.demo-banner{font-size:10px;padding:10px;margin-bottom:22px}.demo-banner button{font-size:10px}.pagehead{align-items:flex-start;flex-wrap:wrap;gap:12px}h1{font-size:23px}.pagehead p{font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:23px}.hero h2{font-size:24px}.hero-art{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:16px}.stat .s-icon{top:13px;inset-inline-end:12px;padding:6px}.stat strong{font-size:25px}.stat strong.money{font-size:20px}.stat small{font-size:10px}.panel{padding:17px}.panel-head{align-items:flex-start}.panel-head h2{font-size:15px}.employee-cards{grid-template-columns:1fr}.sim-controls{grid-template-columns:1fr 1fr}.sim-controls label:first-child{grid-column:1/-1}.clock-big{font-size:46px}.form-grid{grid-template-columns:1fr}.step-grid{grid-template-columns:1fr}.tour-item{flex-wrap:wrap}.modal{padding:20px}.request-grid{grid-template-columns:1fr}.panel-head .btn{font-size:10px;padding:7px 9px}.rule{font-size:11px}.footer{font-size:9px}}

[hidden]{display:none!important}