body{margin:0;background:#f4f7fb;font-family:Arial;color:#0f172a}.layout{display:grid;grid-template-columns:265px 1fr;min-height:100vh}aside{background:#063b75;color:#fff;padding:18px;position:sticky;top:0;height:100vh;overflow:auto}.logo{background:#fff;border-radius:16px;padding:10px;text-align:center;margin-bottom:12px}.logo img{max-width:210px;max-height:90px}.menu button,aside button{width:100%;border:0;border-radius:12px;padding:11px;margin:4px 0;background:rgba(255,255,255,.12);color:#fff;text-align:left;font-weight:700;cursor:pointer}.menu button.active{background:#fff;color:#063b75}main{padding:22px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;margin:14px 0;box-shadow:0 10px 28px rgba(15,23,42,.08)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.stat{background:#eef2ff;border-radius:16px;padding:14px}.stat b{font-size:26px;color:#063b75;display:block}button,.btn{border:0;border-radius:12px;padding:10px 14px;margin:4px;cursor:pointer;font-weight:700;background:#0E5CA8;color:white}.green{background:#15803d}.danger{background:#b91c1c}.secondary{background:#64748b}.amber{background:#b45309}input,select,textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:10px;margin:4px 0 10px;font-size:15px}label{font-weight:700;font-size:14px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border:1px solid #ddd;padding:7px;font-size:13px;vertical-align:top}.table th{background:#eef2ff}.notice{background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;padding:10px}.ok{background:#dcfce7;border:1px solid #86efac;border-radius:12px;padding:10px}.home{max-width:760px;width:92%;text-align:center;margin:8vh auto}.home img{max-width:260px;max-height:120px}.drag{cursor:grab}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{position:relative;height:auto}}@media print{aside,.no-print{display:none!important}.layout{display:block}main{padding:0}.card{box-shadow:none;border:0}}