*{box-sizing:border-box}body{color:#f6f7fb;background:#060b15;margin:0;font:14px Arial,sans-serif}button,input,select{font:inherit}.center,.login{place-items:center;min-height:100vh;display:grid}.shell{grid-template-columns:235px 1fr;min-height:100vh;display:grid}aside{background:#080e19;border-right:1px solid #202a3c;flex-direction:column;padding:26px 16px;display:flex}.brand{padding:8px 12px 28px}.brand b{letter-spacing:2px;font-size:21px}.brand span{color:#8e294b;letter-spacing:5px;margin-top:4px;font-size:10px;display:block}nav{gap:7px;display:grid}nav button,.asideBottom button{color:#9aa9c2;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}nav button.active,nav button:hover{color:#fff;background:linear-gradient(90deg,#53162d,#14172a)}.asideBottom{border-top:1px solid #202a3c;margin-top:auto;padding-top:18px}.asideBottom small,.asideBottom b{margin:4px 12px;display:block}main{width:100%;max-width:1500px;padding:28px 34px}header,.row{justify-content:space-between;align-items:center;gap:16px;display:flex}header{margin-bottom:25px}header h1{margin:0 0 5px;font-size:28px}header p,p,small{color:#8294b1}.online{color:#5ad5aa;border:1px solid #26344a;border-radius:20px;padding:8px 12px}.hero{background:linear-gradient(110deg,#0d182a 30%,#3a1025);border:1px solid #31364a;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:25px;display:flex}.hero small{color:#e85d8c;letter-spacing:2px}.hero h2{margin:8px 0;font-size:26px}.cards{grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0;display:grid}.kpi{background:#0d1626;border:1px solid #23324b;border-radius:15px;min-height:105px;padding:18px;position:relative;overflow:hidden}.kpi:after{content:"";opacity:.45;background:#0d4037;border-radius:50%;width:70px;height:70px;position:absolute;top:-25px;right:-25px}.kpi.burg:after{background:#741c3b}.kpi span{color:#8da0bd;margin-bottom:12px;display:block}.kpi strong{font-size:24px}.panel{background:#0c1423;border:1px solid #223149;border-radius:16px;margin-bottom:16px;padding:22px}.grid2{grid-template-columns:1.15fr 1fr;gap:16px;display:grid}.form2,.form4{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form4{grid-template-columns:repeat(4,1fr)}input,select{color:#fff;background:#07101d;border:1px solid #2b3b55;border-radius:10px;width:100%;margin:6px 0 12px;padding:12px}.primary{color:#fff;cursor:pointer;background:#741c3b;border:1px solid #a53159;border-radius:10px;align-items:center;gap:7px;padding:11px 16px;display:inline-flex}.primary:hover{background:#8e294b}.seg{margin:10px 0;display:flex}.seg button{color:#9aacc6;background:#111c2d;border:1px solid #28364d;padding:9px 16px}.seg button:first-child{border-radius:9px 0 0 9px}.seg button:last-child{border-radius:0 9px 9px 0}.seg button.on{color:#67e0b4;background:#104535}.seg button.on.burg{color:#ff8eb5;background:#641832}.calc{border:1px solid #293951;border-radius:12px;margin-top:15px;padding:18px}.calc p{justify-content:space-between;font-size:16px;display:flex}.calc h2{text-align:right;color:#55d6ab}.green{color:#5ad5aa}.red{color:#ff668f}table{border-collapse:collapse;width:100%}td{border-bottom:1px solid #1e2b40;padding:14px 10px}td small{margin-top:4px;display:block}.icon{color:#9eb0ca;background:0 0;border:1px solid #2a3a52;border-radius:8px;padding:8px}.profitEdit,.payrow,.scheduleTools{align-items:center;gap:10px;display:flex}.profitEdit input,.payrow input,.scheduleTools input,.scheduleTools select{width:auto;margin:0}.employeeTabs{gap:14px;display:grid}.salary{border-left:4px solid #741c3b}.stats3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stats3 .kpi{min-height:90px}.badge{color:#ff93b7;background:#321224;border:1px solid #67213e;border-radius:20px;padding:8px 12px}.calendar{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.day{background:#0b1422;border:1px solid #233149;border-radius:12px;min-height:150px;padding:10px;position:relative}.day>b{color:#b8c4d8}.shift{background:#123d33;border-radius:8px;margin-top:8px;padding:7px;font-size:12px}.shift small{color:#c9d6e8;margin-top:3px;display:block}.shift.off{background:#20293a}.shift.sick{background:#5d1b2f}.shift.vacation{background:#4c3217}.addday{color:#fff;background:#741c3b;border:0;border-radius:7px;width:24px;height:24px;position:absolute;top:6px;right:7px}.legend{color:#9aa9c2;gap:12px;display:flex}.permissions{display:grid}.permissions label{border-bottom:1px solid #1e2b40;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.permissions input{accent-color:#8e294b;width:20px;height:20px;margin:0}.loginbox{gap:5px;width:390px;display:grid}.loginbox .primary{justify-content:center;margin-top:10px}@media (max-width:900px){.shell{grid-template-columns:1fr}aside{position:static}.cards,.grid2,.form4{grid-template-columns:1fr 1fr}.calendar{grid-template-columns:repeat(3,1fr)}main{padding:18px}}@media (max-width:600px){.cards,.grid2,.form2,.form4,.stats3{grid-template-columns:1fr}.calendar{grid-template-columns:1fr 1fr}}.payrollHead{margin-bottom:16px}.payrollHead h2{margin:0 0 5px}.payrollHead input{width:auto;margin:0}.payTabs{gap:9px;padding:2px 2px 14px;display:flex;overflow-x:auto}.payTabs button{text-align:left;color:#d8e0ed;cursor:pointer;background:#0c1423;border:1px solid #263650;border-radius:12px;min-width:155px;padding:12px 14px}.payTabs button span{color:#8294b1;margin-top:5px;font-size:11px;display:block}.payTabs button.active{background:linear-gradient(135deg,#48162b,#111a2a);border-color:#9b3158;box-shadow:inset 0 0 0 1px #5f1c38}.salaryMain{border-left:4px solid #8e294b}.saved{color:#65d9b0;background:#102b27;border:1px solid #245248;border-radius:20px;padding:7px 11px}.payEditor{background:linear-gradient(135deg,#101a2a,#24101b);border:1px solid #4a2436;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;padding:18px;display:grid}.payEditor label{color:#aebbd0}.payEditor small{margin-top:-8px;display:block}.formulaCard{background:#0a1321;border:1px solid #334158;border-radius:12px;flex-direction:column;justify-content:center;padding:14px;display:flex}.formulaCard span{color:#8fa0b9}.formulaCard b{margin-top:8px;font-size:22px}.saveSalary{justify-content:center;align-self:end;margin-bottom:12px}.paymentBox{border-top:1px solid #2a3447;grid-template-columns:1fr 220px auto;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:grid}.paymentBox small{margin-top:5px;display:block}.paymentBox input{margin:0}.teamCards{grid-template-columns:1fr 1fr;gap:14px;display:grid}.employeeSetting select{width:auto;min-width:230px}.employeeSetting label{color:#aebbd0}@media (max-width:900px){.payEditor,.paymentBox,.teamCards{grid-template-columns:1fr}.employeeSetting select{width:100%}}.paymentHistory{border-top:1px solid #2a3447;margin-top:16px;padding-top:14px}.paymentHistory h4{margin:0 0 10px}.paymentRow{border-bottom:1px solid #202b3c;grid-template-columns:1fr auto 36px;align-items:center;gap:12px;padding:9px 0;display:grid}.paymentRow span{color:#8fa0b9}.paymentRow b{color:#e7edf7}