*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f5f8;color:#222}.hidden{display:none!important}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#111}.loginCard{background:white;width:380px;max-width:92%;padding:25px;border-radius:18px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.25)}.loginLogo{width:150px}.login input{width:100%;padding:13px;margin:8px 0;border:1px solid #ccc;border-radius:8px}.small{font-size:12px;color:#666}.error{color:#c00}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:#0b0b0b;color:white;padding:18px;overflow:auto}.logo{width:150px;display:block;margin:0 auto 10px}.sidebar h2{text-align:center;margin:8px 0}.sidebar p{font-size:12px;line-height:1.5;text-align:center;color:#ddd}.sidebar button{display:block;width:100%;padding:12px;margin:8px 0;border:0;border-radius:8px;background:#111;color:white;border-left:5px solid #00aeef;text-align:left;cursor:pointer}.sidebar button:hover{background:#222}main{margin-left:260px;padding:24px}.page{display:none}.page.active{display:block}h1{color:#111;border-bottom:4px solid #ec008c;padding-bottom:8px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0}.card{background:white;border-radius:14px;padding:18px;box-shadow:0 2px 10px rgba(0,0,0,.08);border-top:6px solid #ffd200}.card:nth-child(2){border-top-color:#00aeef}.card:nth-child(3){border-top-color:#ec008c}.card:nth-child(4){border-top-color:#111}.card p{font-size:26px;font-weight:bold}.formgrid,.editGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0}input,select{padding:12px;border:1px solid #ccc;border-radius:8px;background:white}button{padding:10px 15px;border:0;border-radius:8px;cursor:pointer;margin:5px;background:#ddd}.primary{background:#00aeef;color:white;font-weight:bold}.smallDanger{background:#d32f2f;color:white}.smallSuccess{background:#2e7d32;color:white}.checkline{background:white;border:1px solid #ccc;border-radius:8px;padding:12px;display:flex;gap:8px;align-items:center}table{width:100%;border-collapse:collapse;background:white;margin-top:14px;border-radius:10px;overflow:hidden}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}th{background:#111;color:white}tr:hover{background:#fafafa}.clickable{color:#0077cc;font-weight:bold;cursor:pointer;text-decoration:underline}.detailBox{background:white;margin-top:20px;padding:20px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.08)}#printArea{display:none}@media print{body *{visibility:hidden}#printArea,#printArea *{visibility:visible}#printArea{display:block;position:absolute;left:0;top:0;width:100%;padding:30px}}