:root{--bg:#f4f6f8;--card:#fff;--text:#1d2630;--muted:#6d7784;--line:#dde3ea;--accent:#1f6feb;--dark:#111827}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.app{display:flex;min-height:100vh}aside{width:240px;background:var(--dark);color:#fff;padding:24px 18px;position:fixed;inset:0 auto 0 0}.brand{font-size:22px;font-weight:800;margin-bottom:30px}nav a{display:block;color:#dce3ee;text-decoration:none;padding:12px 10px;border-radius:10px;margin-bottom:5px}nav a:hover{background:#253044;color:#fff}main{margin-left:240px;padding:28px;width:calc(100% - 240px)}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{margin:0;font-size:28px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:18px;box-shadow:0 4px 16px rgba(0,0,0,.04)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat{font-size:28px;font-weight:800}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f8fafc;font-size:13px;color:#4b5563}a{color:var(--accent)}.btn,button{display:inline-block;background:var(--accent);color:#fff!important;border:0;border-radius:10px;padding:10px 14px;text-decoration:none;font-weight:700;cursor:pointer}.btn.secondary{background:#334155}.btn.light{background:#e8eef7;color:#1f2937!important}.btn.danger{background:#b91c1c}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;font:inherit}label{display:block;font-weight:700;margin:12px 0 6px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions{display:flex;gap:8px;flex-wrap:wrap}.login{display:grid;place-items:center;min-height:100vh}.login .card{width:min(420px,92vw)}.badge{display:inline-block;border-radius:999px;padding:4px 9px;background:#eef2ff;color:#3730a3;font-weight:700;font-size:12px}.invoice-paper{background:#fff;max-width:900px;margin:0 auto;padding:55px;border:1px solid #ddd;color:#111}.invoice-head{display:flex;justify-content:space-between;gap:40px}.invoice-title{text-align:right}.items td,.items th{border-bottom:1px solid #ddd}.total{text-align:right;font-size:20px;font-weight:800}.print-actions{max-width:900px;margin:20px auto}.small{font-size:12px}.right{text-align:right}@media(max-width:800px){aside{position:static;width:100%}.app{display:block}main{margin-left:0;width:100%;padding:16px}.row{grid-template-columns:1fr}}@media print{aside,.top,.print-actions{display:none!important}main{margin:0;padding:0;width:100%}.invoice-paper{border:0;margin:0;max-width:none;box-shadow:none}.app{display:block}}