*{box-sizing:border-box}body{margin:0;background:#f4f7f5;color:#1c2922;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial}.app{min-height:100vh;display:flex}.sidebar{width:250px;background:#171717;color:#fff;padding:22px 15px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-weight:900;font-size:23px;letter-spacing:.3px;color:#fff}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#b8d9c4}.nav{display:grid;gap:7px;margin-top:32px}.nav a,.sidebottom a{color:#dcebe1;text-decoration:none;padding:12px 14px;border-radius:12px;display:flex;gap:12px;align-items:center}.nav a.active,.nav a:hover{background:#e83e8c;color:#fff}.sidebottom{margin-top:auto;padding:15px 8px 0;border-top:1px solid #31503d}.sidebottom small{display:block;color:#a8c8b4}.main{min-width:0;flex:1}.top{height:76px;background:#fff;border-bottom:1px solid #e2e9e4;display:flex;align-items:center;padding:0 28px;gap:14px;position:sticky;top:0;z-index:5}.top small{display:block;color:#718078}.push{flex:1}.userchip{background:#fde8f1;border-radius:30px;padding:9px 14px}.menu{display:none}.content{padding:28px;max-width:1400px;margin:auto}h1{font-size:29px;margin:0 0 5px}h2{font-size:19px;margin:0 0 15px}.muted{color:#718078;margin-top:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0}.stats article,.panel{background:#fff;border:1px solid #e3ebe5;border-radius:16px;padding:20px;box-shadow:0 3px 12px #173d2110}.stats small{display:block;color:#718078}.stats strong{display:block;font-size:25px;margin-top:8px;overflow-wrap:anywhere}.quick{display:flex;flex-wrap:wrap;gap:10px}.quick a{padding:13px 17px;border-radius:12px;background:#fde8f1;color:#a91e5d;text-decoration:none;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:12px 18px;text-decoration:none;font-weight:700;cursor:pointer;min-height:44px}.primary{background:#e83e8c;color:#fff}.secondary{background:#f7e4ec;color:#1b4730}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel{margin:18px 0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}td,th{text-align:left;padding:12px;border-bottom:1px solid #e8eee9;vertical-align:top}th{color:#53665a;background:#f7faf8}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:15px 0}label{display:block;font-weight:650;color:#3b4c41}input,select,textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #ccd8cf;border-radius:9px;background:#fff;color:#1c2922;font:inherit;min-height:45px}textarea{min-height:90px}.full{grid-column:1/-1}.alert{padding:13px 16px;border-radius:10px;margin:0 0 17px}.success{background:#fde8f1;color:#a91e5d}.danger{background:#ffeded;color:#9a2626}.loginwrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#171717,#e83e8c)}.loginbox{width:min(100%,430px);padding:30px;background:#fff;border-radius:20px;box-shadow:0 20px 70px #0003}.loginbox.wide{width:min(100%,650px)}.loginbox .brand{color:#e83e8c}.loginbox .brand small{color:#718078}.loginbox h1{margin-top:28px}.loginbox form{display:grid;gap:14px}.payslip{max-width:850px;margin:20px auto;padding:35px}.payslip h1,.payslip h2{text-align:center}.payslip table{min-width:0}.no-print{margin-bottom:20px}@media(max-width:850px){.sidebar{position:fixed;z-index:10;left:-270px;top:0;bottom:0;transition:left .2s}.navopen .sidebar{left:0}.menu{display:block;border:0;background:#fde8f1;padding:9px 12px;border-radius:8px}.content{padding:17px}.top{padding:0 15px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.heading{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.stats article{padding:14px}.stats strong{font-size:20px}.content h1{font-size:24px}.userchip{display:none}}@media print{body{background:#fff}.sidebar,.top,.no-print{display:none!important}.content{padding:0}.panel{box-shadow:none;border:0}.payslip{margin:0;padding:0}}

/* BUY24US pink, white & black theme */
body{background:#fff;color:#171717}.sidebar{background:#171717}.nav a.active,.nav a:hover{background:#e83e8c;color:#fff}.brand{color:#e83e8c}.sidebar .brand{color:#fff}.sidebar .brand small{color:#f7b5d1}.primary{background:#e83e8c;color:#fff}.secondary{background:#f7e4ec;color:#171717}.quick a{background:#fde8f1;color:#a91e5d}.stats strong{color:#e83e8c}.top{background:#fff}.panel,.stats article{background:#fff;border-color:#f0d8e3}.btn.whatsapp{background:#171717;color:#fff}.doc-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.company-legal{font-weight:700;color:#171717}.sitefooter{padding:20px 28px;margin:24px 0 0;border-top:1px solid #f0d8e3;color:#555;font-size:13px}.sitefooter a,.header-links a{color:#c52c75;text-decoration:none;font-weight:650}.header-links{display:flex;gap:14px}.payslip{border-top:5px solid #e83e8c}.loginwrap{background:linear-gradient(135deg,#171717,#e83e8c)}.loginbox .brand{color:#e83e8c}@media(max-width:520px){.header-links{display:none}.doc-actions .btn{flex:1}.sitefooter{padding:16px}}