:root{--bg:#f5f5f7;--card:#ffffffd1;--card-solid:#fff;--text:#1d1d1f;--muted:#6e6e73;--border:#00000014;--blue:#007aff;--blue-dark:#005ecb;--green:#34c759;--orange:#ff9500;--red:#ff3b30;--shadow:0 24px 70px #0f172a1f;--shadow-soft:0 10px 30px #0f172a14;--radius:28px;--radius-sm:18px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.page-shell{background:radial-gradient(circle at 0 0,#007aff26,#0000 28%),radial-gradient(circle at 90% 10%,#ff950029,#0000 24%),linear-gradient(#fbfbfd 0%,#f5f5f7 100%);min-height:100vh;padding:24px}.app-frame{padding-bottom:104px}.center-screen{place-items:center;display:grid}.loader-card,.login-card,.glass-card,.locked-card,.alert-card,.panel{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius)}.login-card{width:min(460px,100%);padding:28px}.hero-login{text-align:center}.app-mark,.brand-logo{color:#fff;background:linear-gradient(135deg,#111827,#007aff);border-radius:18px;place-items:center;width:54px;height:54px;font-weight:800;display:inline-grid;box-shadow:0 12px 26px #007aff42}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.login-card h1,.page-title h1{letter-spacing:-.04em;margin:8px 0;font-size:clamp(30px,5vw,54px)}.login-card p,.page-title p,.muted{color:var(--muted);line-height:1.5}.form-grid{gap:14px;display:grid}.two-grid,.three-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.three-grid{grid-template-columns:repeat(3,1fr)}.field{gap:7px;display:grid}.field label{color:#4b5563;font-size:13px;font-weight:700}.input,.textarea,.select{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffffeb;border-radius:16px;outline:none;padding:14px 15px;transition:all .2s}.textarea{resize:vertical;min-height:150px}.input:focus,.textarea:focus,.select:focus{border-color:#007aff94;box-shadow:0 0 0 5px #007aff1c}.primary-button,.secondary-button,.ghost-button,.danger-button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:800;display:inline-flex}.primary-button{background:var(--blue);color:#fff;box-shadow:0 12px 26px #007aff3d}.primary-button:hover{background:var(--blue-dark)}.secondary-button{color:#fff;background:#111827}.ghost-button{color:#111827;border:1px solid var(--border);background:#ffffffbf}.danger-button{color:var(--red);background:#ff3b301f}.full{width:100%}.action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.topbar{z-index:10;border:1px solid var(--border);max-width:1180px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc2;border-radius:24px;justify-content:space-between;align-items:center;margin:0 auto 22px;padding:10px;display:flex;position:sticky;top:14px}.brand-chip{align-items:center;gap:10px;display:flex}.brand-chip small{color:var(--muted);margin-top:3px;display:block}.brand-logo{border-radius:14px;width:42px;height:42px}.page-title{max-width:1180px;margin:0 auto 18px}.page-title h1{margin-top:0}.content-grid{gap:16px;max-width:1180px;margin:0 auto;display:grid}.glass-card,.panel,.locked-card,.alert-card{padding:22px}.locked-card{text-align:center;max-width:680px;margin:28px auto}.alert-card{color:#9a3412;background:#fff7ede6;max-width:1180px;margin:0 auto 16px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card{border:1px solid var(--border);background:#ffffffe0;border-radius:24px;padding:18px;box-shadow:0 8px 22px #0f172a0f}.stat-card small{color:var(--muted);display:block}.stat-card strong{letter-spacing:-.04em;margin-top:7px;font-size:28px;display:block}.stat-card span{color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:separate;border-spacing:0 10px;width:100%}th{text-align:left;color:var(--muted);padding:0 10px;font-size:12px}td{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffffdb;padding:12px 10px}td:first-child{border-left:1px solid var(--border);border-radius:16px 0 0 16px}td:last-child{border-right:1px solid var(--border);border-radius:0 16px 16px 0}.menu-list{gap:12px;display:grid}.menu-row{border:1px solid var(--border);background:#ffffffdb;border-radius:22px;grid-template-columns:1.5fr 1fr 130px auto;align-items:center;gap:10px;padding:12px;display:grid}.badge{color:#075985;background:#007aff1a;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge.green{color:#166534;background:#34c7591f}.badge.red{color:#991b1b;background:#ff3b301f}.badge.orange{color:#9a3412;background:#ff950024}.pdf-paper{max-width:900px;box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;border-radius:28px;margin:0 auto;padding:34px}.pdf-header{border-bottom:2px solid #111827;justify-content:space-between;gap:18px;margin-bottom:20px;padding-bottom:18px;display:flex}.pdf-title h1{margin:0;font-size:34px}.pdf-logo{color:#fff;background:#111827;border-radius:22px;place-items:center;width:74px;height:74px;font-size:24px;font-weight:900;display:grid}.print-section{margin-top:22px}.print-section h3{border-bottom:1px solid #e5e7eb;padding-bottom:8px}.summary-line{border-bottom:1px dashed #e5e7eb;justify-content:space-between;gap:12px;padding:9px 0;display:flex}.summary-line.total{border-bottom:0;font-size:18px;font-weight:900}.bottom-nav{border:1px solid var(--border);width:min(620px,100% - 22px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:30;background:#ffffffdb;border-radius:28px;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.bottom-nav a{color:var(--muted);border-radius:20px;place-items:center;gap:4px;padding:9px 5px;display:grid}.bottom-nav a.active{color:#fff;background:#111827}.bottom-nav span{font-size:18px}.bottom-nav small{font-size:11px;font-weight:800}@media (max-width:760px){.page-shell{padding:14px}.two-grid,.three-grid,.stat-grid{grid-template-columns:1fr}.login-card,.glass-card,.panel{border-radius:24px;padding:18px}.topbar{border-radius:20px;top:8px}.brand-chip small{display:none}.ghost-button{padding:11px 13px}.menu-row{grid-template-columns:1fr}.pdf-paper{border-radius:18px;padding:18px}.pdf-header{display:grid}}@media print{body{background:#fff}.no-print,.bottom-nav,.topbar,.page-title,.alert-card{display:none!important}.page-shell{background:#fff;padding:0}.pdf-paper{box-shadow:none;border:0;border-radius:0;max-width:none;padding:0}.app-frame{padding-bottom:0}}