*{box-sizing:border-box}body{color:#f1f5f9;background:#0b0f1a;flex-direction:column;min-height:100vh;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex}@media (min-width:1024px){body{flex-direction:row}.sidebar{z-index:50;border-right:1px solid #2d3748;width:320px;height:100vh;position:fixed}.main-content{width:calc(100% - 320px);margin-left:320px}}.sidebar{background:#161e2d;padding:30px}.main-content{width:100%;padding:30px}.sticky-header{z-index:40;background:#0b0f1a;padding:10px 0 20px;position:sticky;top:0}.kpi-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:640px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}.kpi-card{color:#fff;background:#161e2d;border:1px solid #ffffff0d;border-radius:16px;padding:20px;box-shadow:0 10px 25px -10px #00000080}.kpi-card p{color:#94a3b8;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:700}.kpi-card h3{margin:0;font-size:24px;font-weight:700}.glass-card{background:#17203599;border:1px solid #ffffff0d;border-radius:20px;padding:24px}.card-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-size:12px;font-weight:700}.table-full{border-collapse:collapse;width:100%;font-size:13px}.table-full th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:1px solid #2d3748;padding:12px;font-size:10px}.table-full td{border-bottom:1px solid #ffffff05;padding:12px}.text-right{text-align:right}@media (min-width:1024px){.lg-grid-2{grid-template-columns:1fr 1fr!important}}@media (max-width:768px){.table-full thead{display:none}.table-full tr{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:15px;padding:15px;display:block}.table-full td{justify-content:space-between;padding:8px 0;display:flex;border:none!important;border-bottom:1px solid #ffffff0d!important}.table-full td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;font-size:10px;font-weight:700}}.field-label{color:#64748b;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.field-select{color:#fff;background:#0f172a;border:1px solid #334155;border-radius:12px;outline:none;width:100%;padding:12px;font-size:14px}.btn{color:#fff;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-size:11px;font-weight:700}.btn-secondary{background:#334155}.btn-secondary:hover{background:#475569}.btn-primary{background:#059669;box-shadow:0 10px 25px -10px #05966980}.btn-primary:hover{background:#10b981}#receipts-container{display:none}@media print{.no-print{display:none!important}#receipts-container{width:100%;position:absolute;top:0;left:0;display:block!important}.page-sheet{color:#000;page-break-after:always;box-sizing:border-box;background:#fff;grid-template-columns:1fr 1fr;gap:15px;width:297mm;height:210mm;padding:10mm;display:grid}.pay-slip{box-sizing:border-box;border:1.5px solid #000;flex-direction:column;height:100%;padding:12px;font-family:monospace;font-size:9px;display:flex;color:#000!important}.receipt-table{border-collapse:collapse;width:100%}.receipt-table th{background:#f3f4f6;border-bottom:1px solid #000;padding:3px;font-size:8px}.receipt-table td{vertical-align:top;padding:3px}.total-box{text-align:right;border:2.5px solid #000;margin-top:-1px;padding:8px;font-size:13px;font-weight:700}}#demo-mask{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#0b0f1aeb;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mask-card{text-align:center;background:#161e2d;border:1px solid #10b981;border-radius:24px;max-width:450px;padding:40px;box-shadow:0 0 50px #00000080}.mask-card h2{color:#fff;text-transform:uppercase;margin:16px 0 4px;font-size:22px;font-weight:700}.mask-card .subtitle{color:#34d399;letter-spacing:.2em;margin-bottom:24px;font-size:10px;font-weight:700}.mask-card p.desc{color:#94a3b8;margin-bottom:32px;font-size:14px;font-style:italic;line-height:1.6}