*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#f4f6fb;color:#111827}.header{height:64px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #e5e7eb}.header-left{display:flex;align-items:center;gap:12px}.logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.logo-text{font-weight:600;color:#1f2937}.nav-links a{margin-left:24px;text-decoration:none;color:#6b7280;font-weight:500;padding-bottom:4px}.nav-links a.active{color:#2563eb;border-bottom:2px solid #2563eb}main{padding:32px}h1{font-size:28px;margin-bottom:24px}h3{margin-top:0}.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 8px 20px #0000000a}.dashboard{display:flex;flex-direction:column;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.stat p{margin:0;font-size:14px;color:#6b7280}.stat h2{margin:6px 0 0;font-size:28px}.form-card{max-width:420px;display:grid;gap:12px}label{font-size:14px;color:#6b7280}select,input{padding:10px 12px;border-radius:8px;border:1px solid #e5e7eb;font-size:14px}select:focus,input:focus{outline:none;border-color:#2563eb}.total{font-size:16px;margin-top:8px}button{margin-top:10px;background:#2563eb;color:#fff;border:none;border-radius:10px;padding:12px;font-weight:600;cursor:pointer}button:hover{background:#1e40af}table{width:100%;border-collapse:collapse;margin-top:12px}th{text-align:left;font-size:13px;color:#6b7280;font-weight:600;padding-bottom:10px}td{padding:12px 0;border-bottom:1px solid #f1f5f9;font-size:14px}ul{padding-left:18px}li{margin-bottom:8px}