@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--rose:#e11d48;--rose-deep:#9f1239;--red:#be123c;--gold:#d4af37;--gold-soft:#f5d76e;--black:#0b0b0c;--ink:#161014;--white:#fff;--cream:#fff8f4;--muted:#7a5c66;--line:#be123c29;--ok:#9f1239;--danger:#be123c;--shadow:0 18px 40px #5008181f;--grad-brand:linear-gradient(135deg, #0b0b0c 0%, #7f1d1d 42%, #e11d48 72%, #d4af37 100%);--grad-gold:linear-gradient(135deg, #8a6d1a 0%, #d4af37 50%, #f5d76e 100%);--grad-rose:linear-gradient(135deg, #9f1239 0%, #e11d48 55%, #fb7185 100%);--grad-dark:linear-gradient(180deg, #14080c 0%, #1a0a10 48%, #3f0d1c 100%);color:var(--ink);background:var(--cream);font-family:Outfit,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(900px 420px at 110% -10%,#d4af3738,#0000 55%),radial-gradient(700px 380px at -10% 110%,#e11d4824,#0000 50%),linear-gradient(#fff8f4 0%,#fff 48%,#fff1f2 100%);overflow:hidden}a{color:var(--rose-deep);font-weight:600;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,.brand strong,.login-brand h1{letter-spacing:.01em;font-family:Cormorant Garamond,Georgia,serif}.center-screen{place-items:center;min-height:100vh;display:grid}.app-shell{grid-template-columns:268px 1fr;height:100%;display:grid;overflow:hidden}.sidebar{background:var(--grad-dark);color:#fff;flex-direction:column;height:100%;padding:22px 14px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4af3759,#0000 68%);border-radius:50%;width:180px;height:180px;position:absolute;inset:auto -40px -40px auto}.sidebar:after{content:"";background:var(--grad-gold);width:3px;height:100%;position:absolute;top:0;right:0}.brand{z-index:1;flex-shrink:0;gap:8px;margin-bottom:26px;display:grid;position:relative}.brand p,.login-brand p{color:#f4c6d0;margin:4px 0 0;font-size:12px;font-weight:500}.brand-logo{object-fit:contain;object-position:left center;width:auto;max-width:100%;height:38px;display:block}.brand-logo.login{height:52px}.brand-logo.payslip{height:28px;margin-bottom:10px}.sidebar nav{z-index:1;flex:1;gap:2px;min-height:0;display:grid;position:relative;overflow:auto}.nav-group{margin-bottom:14px}.nav-group p{letter-spacing:.1em;text-transform:uppercase;color:#d4af37;margin:0 12px 8px;font-size:13px;font-weight:700;line-height:1.3}.sidebar a{color:#f8e9ec;border-radius:12px;padding:9px 12px;display:block}.sidebar a.active,.sidebar a:hover{color:#fff;background:linear-gradient(90deg,#e11d48e0,#d4af37b8)}.main{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(90deg,#fffffff0,#fff1f2e6 55%,#fde6b48c);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.content{flex:1;min-height:0;padding:24px;overflow:auto}.page-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-head h2{background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:34px}.panel h3{color:var(--rose-deep);margin:0 0 8px}.muted{color:var(--muted);margin:0}table tbody tr.selected{background:#e11d4814}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tabs button.active{background:var(--grad-rose);color:#fff;border-color:#0000}.check-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px;display:grid}.check-grid label{color:var(--ink);align-items:center;gap:8px;display:flex}.perm-module{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.perm-module-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.perm-module-head label{align-items:center;gap:8px;display:flex}.perm-item span{flex-direction:column;line-height:1.2;display:flex}.perm-item small{color:var(--muted);font-size:11px;font-weight:500}.cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:16px 0 24px;display:grid}.cards article,.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#fff 0%,#fff7f8 100%);border-radius:18px;padding:18px}.cards article{color:#fff;border:0;position:relative;overflow:hidden}.cards article:before{content:"";background:var(--grad-rose);z-index:0;position:absolute;inset:0}.cards article:nth-child(2n):before{background:var(--grad-dark)}.cards article:nth-child(3n):before{background:var(--grad-gold)}.cards article:nth-child(3n){color:var(--black)}.cards article span,.cards article strong{z-index:1;position:relative}.cards article span{color:inherit;opacity:.86;font-size:13px}.cards article strong{margin-top:8px;font-family:Cormorant Garamond,serif;font-size:30px;display:block}.grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.panel-head{justify-content:space-between;align-items:center;display:flex}.dash-hero{color:#fff8f4;box-shadow:var(--shadow);background:radial-gradient(420px 160px at 90% 0,#d4af3759,#0000 60%),linear-gradient(120deg,#0b0b0c 0%,#7f1d1d 46%,#e11d48 78%,#d4af37 120%);border-radius:22px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:22px 24px;display:flex}.dash-hero h2{color:#fff8f4;background:0 0;margin:0 0 6px;font-size:36px}.dash-hero .btn.ghost{color:#fff8f4;border-color:#f5d76eb3}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#f5d76e;margin:0 0 6px;font-size:11px;font-weight:700}.chart-wrap{width:100%;min-height:240px}.cards article a{z-index:1;color:inherit;opacity:.9;font-size:12px;position:relative}table{border-collapse:collapse;width:100%;margin-top:12px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 8px;font-size:14px}th{color:var(--rose-deep);font-weight:600}tr:hover td{background:#e11d480a}tr.clickable{cursor:pointer}tr.clickable.selected td{background:#e11d481a}.plain-list{margin:12px 0 0;padding:0;list-style:none}.plain-list li{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;display:flex}.btn{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:12px;padding:10px 14px;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--grad-rose);color:#fff;border-color:#0000;box-shadow:0 10px 20px #be123c47}.btn.ghost{color:var(--rose-deep);background:0 0;border-color:#d4af3773}.pill{background:var(--grad-gold);color:var(--black);border-radius:999px;margin-left:8px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-block}.row-gap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar{flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:12px;display:flex}.toolbar input{flex:1}.toolbar label{color:var(--muted);gap:4px;font-size:13px;display:grid}.emp-list{gap:8px;max-height:640px;display:grid;overflow:auto}.emp-item{text-align:left;border:1px solid var(--line);cursor:pointer;width:100%;color:var(--ink);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.emp-item small{color:var(--muted);margin-top:2px;display:block}.emp-item.active{background:#e11d4814;border-color:#e11d4859}.emp-item:hover{border-color:var(--rose)}.asset-hero{color:#fff8f4;background:radial-gradient(280px 120px at 100% 0,#d4af3759,#0000 62%),linear-gradient(120deg,#0b0b0c 0%,#7f1d1d 50%,#e11d48 100%);border-radius:16px;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:16px;padding:16px 18px;display:flex}.asset-hero h3{color:#fff8f4;margin:0}.asset-hero .muted{color:#f4c6d0}.asset-hero .pill{margin-left:0}.detail-card{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:14px;padding:16px}.detail-card h4{color:var(--rose-deep);letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;font-size:15px}.fact-grid{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.fact{border:1px solid var(--line);background:#fff7f8;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.fact span{color:var(--muted);font-size:12px}.fact strong{color:var(--ink);word-break:break-word;font-size:14px;font-weight:600}.fact.wide{grid-column:1/-1}.form{gap:12px;display:grid}label{color:var(--muted);gap:6px;font-size:14px;display:grid}.full{grid-column:1/-1}input,select,textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:var(--rose);outline:2px solid #d4af3773}.alert{color:var(--danger);background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;margin-bottom:12px;padding:10px 12px}.alert.info{color:#854d0e;background:#fffbeb;border-color:#fde68a}.stepper{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 20px;display:grid}.payroll-stepper{grid-template-columns:repeat(7,minmax(0,1fr))}.payroll-stepper .step{padding:8px 4px;font-size:11px}.offboard-stepper{grid-template-columns:repeat(6,minmax(0,1fr))}.offboard-stepper .step{padding:8px 4px;font-size:11px}.step{text-align:center;border-bottom:3px solid var(--line);color:var(--muted);padding:10px 8px;font-size:13px;font-weight:600}.step.done{border-color:var(--gold);color:var(--ink)}.step.current{border-color:var(--rose);color:var(--rose-deep);background:#e11d480f;border-radius:10px 10px 0 0}.step.blocked{opacity:.4}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-page{background:radial-gradient(circle at 20% 20%,#d4af3747,#0000 28%),radial-gradient(circle at 85% 15%,#e11d4873,#0000 32%),linear-gradient(145deg,#070506 0%,#1a0a10 42%,#7f1d1d 78%,#d4af37 140%);place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";filter:blur(8px);border-radius:50%;position:absolute}.login-page:before{background:radial-gradient(circle,#e11d488c,#0000 70%);width:280px;height:280px;bottom:-40px;left:-60px}.login-page:after{background:radial-gradient(circle,#f5d76e73,#0000 70%);width:220px;height:220px;top:12%;right:8%}.login-card{z-index:1;background:linear-gradient(#fffffff5,#fff7f8f0);border:1px solid #d4af3773;border-radius:24px;width:min(440px,92vw);padding:30px;position:relative;box-shadow:0 30px 70px #00000059}.login-brand{align-items:start;gap:8px;margin-bottom:20px;display:grid}.login-brand p{color:var(--muted)}tr.selected td{background:#e11d4814}.payslip{background:#fff;border:1px solid #d4af3773;border-radius:20px;margin-top:18px;overflow:hidden}.payslip-hero{color:#fff8f4;background:radial-gradient(280px 120px at 100% 0,#d4af3759,#0000 62%),linear-gradient(120deg,#0b0b0c 0%,#7f1d1d 50%,#e11d48 100%);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.payslip-hero h3{color:#fff8f4;margin:0}.payslip-hero p{color:#f4c6d0;margin:4px 0 0}.payslip-hero strong{color:#f5d76e;font-family:Cormorant Garamond,serif;font-size:28px}.payslip .fact-grid{padding:16px 20px 0}.payslip-cols{grid-template-columns:1fr 1fr;gap:16px;padding:8px 20px 20px;display:grid}.payslip-cols h4{color:var(--rose-deep);margin:8px 0 0}@media (width<=980px){html,body,#root{height:auto}body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto;overflow:visible}.sidebar{display:none}.main,.content{height:auto;overflow:visible}.cards,.grid-2,.grid-3,.check-grid,.stepper,.payslip-cols{grid-template-columns:1fr}.dash-hero{flex-direction:column;align-items:flex-start}}@media print{@page{margin:12mm}html,body,#root,.app-shell,.main,.content{background:#fff!important;height:auto!important;overflow:visible!important}.sidebar,.topbar,.page-head,.no-print,.emp-list,form,.stepper,.cards,.alert{display:none!important}.app-shell{display:block}.grid-2{margin:0;display:block}.panel{box-shadow:none;background:0 0;border:0;padding:0}.main,.content{padding:0}.payslip{box-shadow:none;border:1px solid #ccc;margin:0}}