*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f4f6;color:#222}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#170b0b,#4b1111)}.login-card{width:100%;max-width:430px;background:#fff;border-radius:14px;padding:30px;box-shadow:0 15px 45px #0005}.brand{font-weight:800;color:#8d1111;letter-spacing:.5px}.login-card h1{margin:8px 0 4px;font-size:25px}.muted{color:#777}.demo{margin-top:18px;padding:12px;background:#f7f7f7;border-radius:8px;font-size:13px;color:#555}.container{max-width:1200px;margin:auto;padding:20px}.topbar{background:#7f0d0d;color:#fff;padding:14px 0}.topbar .inner{max-width:1200px;margin:auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.topbar a{color:#fff;text-decoration:none}.card{background:#fff;border-radius:10px;padding:20px;margin-bottom:18px;box-shadow:0 2px 10px #0000000d}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.field label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}input,select,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:7px;font:inherit}textarea{min-height:90px;resize:vertical}.btn{display:inline-block;border:0;border-radius:7px;padding:10px 16px;cursor:pointer;text-decoration:none;font-weight:700}.primary{background:#8d1111;color:#fff}.secondary{background:#eee;color:#222}.success{background:#167a3d;color:#fff}.danger{background:#b42318;color:#fff}.full{width:100%;margin-top:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{border:1px solid #ddd;padding:9px;text-align:left;font-size:14px}th{background:#f2f2f2}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:700}.badge.red{background:#ffe0e0;color:#9b0000}.badge.yellow{background:#fff1bf;color:#805900}.badge.green{background:#dff5e6;color:#11602f}.alert{padding:12px;border-radius:8px;margin-bottom:15px}.alert.success{background:#dff5e6;color:#11602f}.alert.danger{background:#ffe0e0;color:#9b0000}.stat{font-size:30px;font-weight:800}.actions{display:flex;gap:8px;flex-wrap:wrap}.section-title{margin-top:0;border-bottom:2px solid #8d1111;padding-bottom:8px}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sp-table input{min-width:90px}.result-cell{font-weight:700}.result-normal{color:#167a3d}.result-service{color:#9a6900}.result-ganti{color:#b00000}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary>div{padding:15px;border-radius:9px;background:#f6f6f6}.small{font-size:12px;color:#777}@media(max-width:700px){.grid,.grid-3,.check-grid,.summary{grid-template-columns:1fr}.container{padding:12px}.card{padding:14px}.topbar .inner{padding:0 12px}}