:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#f7f7fb;--bg-1:#0b0c1f;--bg-2:#1b1a3b;--bg-3:#2b2452;--accent:#6d60ff;--accent-2:#1ed7c2;--accent-3:#ffb347;--card:#121228bf;--card-stroke:#ffffff14;background:#0f1020;font-family:Outfit,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1200px circle at 10% 5%, #6d60ff73, transparent 50%), radial-gradient(900px circle at 90% 10%, #1ed7c240, transparent 55%), radial-gradient(1000px circle at 50% 90%, #ffb3472e, transparent 50%), linear-gradient(135deg, var(--bg-1), var(--bg-2) 50%, var(--bg-3));min-height:100vh;margin:0}input,button,textarea,select{font-family:Outfit,Segoe UI,sans-serif}.page{max-width:1240px;margin:0 auto;padding:32px 20px 80px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;margin-bottom:32px;display:grid}.overline{text-transform:uppercase;letter-spacing:.2rem;color:#c7c4ff;margin:0 0 8px;font-size:.9rem}h1{text-shadow:0 10px 30px #0006;margin:0 0 8px;font-size:clamp(2.2rem,3vw,3.2rem)}.subtitle{color:#d4d3f1;max-width:540px;margin:0}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.card{background:var(--card);border:1px solid var(--card-stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:22px;box-shadow:0 30px 60px #07071499,inset 0 1px #ffffff0d}.home-menu{gap:16px;display:grid}.card h2,.summary h2{margin-top:0;margin-bottom:16px}.auth-card{background:#ffffff17;border:1px solid #ffffff2e;border-radius:18px;gap:12px;padding:20px;display:grid;box-shadow:inset 0 1px #ffffff1f}label{color:#e7e7ff;gap:6px;min-width:0;font-size:.95rem;display:grid}input{color:#fff;background:#0a0a18d9;border:1px solid #ffffff29;border-radius:12px;width:100%;padding:11px 12px;font-size:.95rem;box-shadow:inset 0 0 0 1px #ffffff0a}select{color:#fff;background:#0a0a18d9;border:1px solid #ffffff29;border-radius:12px;width:100%;padding:11px 12px;font-size:.95rem}input:focus{border-color:#0000;outline:2px solid #6d60ffcc;box-shadow:0 0 0 4px #6d60ff26}.input-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.product-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.check-line{justify-content:space-between;align-items:center;gap:12px;padding-top:24px;display:flex}.check-line input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.actions{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:16px;display:grid}.top-actions{justify-content:flex-end;margin-bottom:16px;display:flex}.page-header{margin-bottom:12px}.page-header h2{margin:0}.btn{cursor:pointer;border:none;border-radius:10px;padding:12px 16px;font-weight:600;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000004d}.btn-primary{color:#0b0920;background:linear-gradient(135deg,#6d60ff,#9f8bff)}.btn-secondary{color:#f5f5ff;background:#ffffff1f}.btn-success{color:#0b0920;background:linear-gradient(135deg,#1ed7c2,#2bb3c0)}.btn-danger{color:#fff;background:#ff5a5acc}.btn-icon{padding:8px 12px;font-size:1rem}.products{gap:16px;max-height:520px;padding-right:6px;display:grid;overflow-y:auto}.products::-webkit-scrollbar{width:8px}.products::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.product-row{background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;padding:16px}.product-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.auth-actions{gap:10px;display:flex}.auth-status{color:#c7c4ff;font-size:.85rem}.status{color:#ffd28a;margin:0;font-size:.9rem}.summary{background:linear-gradient(135deg,#6d60ff3d,#222148b8);border:1px solid #ffffff1f;border-radius:22px;margin:24px 0;padding:24px}.history-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.history-actions{gap:8px;display:flex}.filters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0 18px;display:grid}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:16px;display:grid}.summary-grid div{background:#ffffff14;border-radius:14px;gap:4px;padding:14px;display:grid}.summary-grid strong{font-size:1.2rem}.muted{color:#d1d0f5;margin:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid #ffffff1f;padding:10px 12px}th{color:#cfd0ff;font-weight:600}.profit{color:#49f2b1;font-weight:600}tr:nth-child(2n) td{background:#ffffff05}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06071099;place-items:center;display:grid;position:fixed;inset:0}.modal-card{background:#14142cf2;border:1px solid #ffffff1f;border-radius:16px;gap:12px;width:min(420px,90vw);padding:20px;display:grid;box-shadow:0 30px 60px #00000073}.modal-card h3{margin:0}.modal-card p{color:#d7d6f1;margin:0}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}@media (width<=900px){.hero{grid-template-columns:1fr}}.date-input-wrap{position:relative}.date-input-wrap input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;z-index:1;padding-right:38px;position:relative}.date-input-wrap .date-icon{pointer-events:none;z-index:2;opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px 16px;width:16px;height:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.date-input-wrap input[type=date]::-webkit-calendar-picker-indicator{color:#0000;cursor:pointer;background:0 0;width:42px;height:100%;margin:0;position:absolute;top:0;right:0;opacity:0!important}.date-input-wrap input[type=date]::-webkit-clear-button{display:none}.date-input-wrap input[type=date]::-webkit-inner-spin-button{display:none}.sales-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:14px;display:grid}.sales-summary>div{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;gap:4px;padding:12px;display:grid}.sales-summary strong{color:#fff;font-size:1.2rem}