*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:86px}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;color:#eaf3ff;background:#050b16;overflow-x:hidden}.ambient{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(100px);opacity:.16;pointer-events:none}.ambient-one{background:#1683ff;top:-180px;left:-160px}.ambient-two{background:#00b7ff;right:-220px;bottom:-180px}.topbar{position:sticky;top:0;z-index:100;padding:10px 0;background:rgba(5,11,22,.78);border-bottom:1px solid rgba(92,158,222,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(0,0,0,.16)}.topbar-inner{width:min(940px,calc(100% - 28px));height:54px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{border:0;background:none;color:#eaf3ff;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;color:#fff;font-weight:900;font-size:17px;background:linear-gradient(135deg,#087cf0,#1554bb);box-shadow:0 7px 20px rgba(0,109,235,.24)}.brand b{display:block;font-size:13px;line-height:1.1}.brand small{display:block;color:#7188a2;font-size:10px;margin-top:3px}.menu-wrap{position:relative}.menu-toggle{width:43px;height:43px;border:1px solid rgba(92,158,222,.2);border-radius:13px;background:rgba(10,24,41,.88);display:grid;place-content:center;gap:4px;cursor:pointer;transition:.2s}.menu-toggle:hover,.menu-toggle[aria-expanded="true"]{border-color:#287fbe;background:#0c2138}.menu-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:#cfe7ff;transition:.2s}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.side-menu{position:absolute;top:51px;right:0;width:285px;padding:10px;border:1px solid rgba(92,158,222,.18);border-radius:18px;background:rgba(7,18,32,.96);box-shadow:0 24px 60px rgba(0,0,0,.42);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:.2s}.side-menu.open{opacity:1;visibility:visible;transform:none}.menu-title{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 10px;color:#6f89a4;font-size:10px;font-weight:900;letter-spacing:2px}.menu-title button{border:0;background:none;color:#7891aa;font-size:24px;line-height:1;cursor:pointer}.menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 10px;border:0;border-radius:12px;background:transparent;color:#dcecff;text-align:left;cursor:pointer;transition:.18s}.menu-item:hover{background:rgba(42,126,205,.12)}.menu-item>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#0b2035;font-size:15px}.menu-item b{display:block;font-size:13px}.menu-item small{display:block;color:#6f879f;font-size:10px;margin-top:3px}.app-shell{width:min(940px,calc(100% - 28px));margin:auto;padding:34px 0 25px;position:relative;z-index:1}.hero{text-align:center;padding:18px 0 28px}.hero-badge,.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#63b5ff}.hero-badge{display:inline-block;padding:7px 12px;border:1px solid rgba(73,157,255,.28);border-radius:999px;background:rgba(18,55,96,.25);box-shadow:0 0 24px rgba(25,125,255,.1);margin-bottom:16px}.hero h1{font-size:clamp(34px,7vw,58px);line-height:1.05;letter-spacing:-2px;background:linear-gradient(90deg,#eaf6ff,#5eb8ff,#eaf6ff,#4a9eff);background-size:300% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleFlow 6s linear infinite}.hero p{margin:14px auto 0;color:#8295ad;font-size:14px;max-width:560px}@keyframes titleFlow{0%{background-position:0% center}100%{background-position:300% center}}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.summary-card{position:relative;overflow:hidden;min-height:128px;padding:20px;border-radius:19px;border:1px solid rgba(91,161,224,.18);background:linear-gradient(145deg,rgba(14,32,54,.96),rgba(6,16,29,.96));box-shadow:0 14px 40px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);display:flex;flex-direction:column;justify-content:center;gap:9px;transition:.25s}.summary-card:hover{transform:translateY(-4px)}.summary-card span{font-size:10px;font-weight:900;letter-spacing:2px;color:#8aa7c4}.summary-card strong{font-size:clamp(20px,3vw,28px)}.summary-income strong{color:#66b9ff}.summary-expense strong{color:#ffb17f}.summary-profit strong{color:#61e2ae}.card,.result-card{border:1px solid rgba(92,158,222,.16);background:linear-gradient(145deg,rgba(14,29,49,.9),rgba(7,17,30,.92));border-radius:22px;padding:24px;margin-bottom:18px;box-shadow:0 18px 50px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(12px)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.section-head h2,.result-card h2{font-size:21px;margin-top:6px;color:#f1f7ff}.section-head input,.history-tools input{color:#dcecff;background:#0a1728;border:1px solid #1b3857;border-radius:11px;padding:10px 12px;font:inherit;outline:none}.section-head input:focus,.history-tools input:focus{border-color:#2995ff}.sales-list,.expense-list,.products-list,.history-list{display:grid;gap:10px}.sale-row{display:grid;grid-template-columns:1fr 115px 125px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(122,159,194,.09)}.sale-name{color:#d8e7f8;font-size:14px}.sale-price{font-size:12px;color:#70849b}.qty-input,.expense-input{width:100%;border:1px solid #1b3857;background:#081526;color:#eef7ff;border-radius:10px;padding:10px 12px;outline:none}.qty-input{text-align:center}.row-total{text-align:right;font-weight:800;color:#72beff}.expense-row{display:grid;grid-template-columns:1fr 170px 42px;gap:10px}.expense-remove{border:1px solid rgba(255,90,90,.2);background:rgba(150,35,35,.12);color:#ff8f8f;border-radius:10px;cursor:pointer;font-size:18px}.product-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid rgba(85,143,199,.1);border-radius:13px;background:#091728}.product-item b{display:block;color:#dcecff;font-size:14px}.product-item small{color:#6f8ba7;font-size:12px}.product-actions{display:flex;gap:7px}.product-actions button,.history-actions button{padding:7px 9px;border-radius:8px;border:1px solid #1b3857;background:#0c1b2e;color:#9ec8ef;cursor:pointer}.product-actions button:last-child,.history-actions button:last-child{color:#ff9a9a}.result-card{padding:28px;text-align:center;border-color:rgba(54,148,255,.22);background:radial-gradient(circle at 50% 0,rgba(23,119,218,.15),transparent 55%),linear-gradient(145deg,rgba(12,31,54,.95),rgba(6,16,29,.96))}.result-card h2{margin:8px 0}.result-card>strong{display:block;font-size:clamp(32px,7vw,50px);color:#70c0ff}.result-card p,.notice{font-size:12px;color:#72869c;margin-top:7px}.actions,.settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.btn{border:0;border-radius:11px;padding:11px 16px;font:700 13px inherit;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#087cf0,#1554bb);box-shadow:0 8px 25px rgba(0,109,235,.2)}.btn-secondary{color:#b9cce1;background:#0c1a2c;border:1px solid #1b3653}.btn-danger{color:#ff9a9a;background:rgba(145,35,35,.12);border:1px solid rgba(255,90,90,.16)}.btn-large{padding:14px}.history-tools{display:flex;gap:10px;margin-bottom:12px}.history-tools input{flex:1}.history-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;border-radius:13px;background:#091728;border:1px solid rgba(85,143,199,.1)}.history-date{font-weight:700;color:#dcecff}.history-profit{font-weight:800;color:#65b8ff}.history-actions{display:flex;gap:7px;align-items:center}.history-empty,.empty-state{padding:22px;text-align:center;color:#647991;border:1px dashed #1b3048;border-radius:13px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-grid label{display:grid;gap:7px;color:#8ea7c0;font-size:12px;font-weight:700}.settings-grid input{width:100%;border:1px solid #1b3857;background:#081526;color:#eef7ff;border-radius:10px;padding:11px 12px;outline:none;font:inherit}.status-dot{font-size:11px;color:#63d6a5}.notice{border-top:1px solid rgba(92,158,222,.1);padding-top:12px}.settings-actions{margin-top:16px}.settings-actions .btn{margin:0}footer{text-align:center;color:#526980;font-size:12px;padding:20px 0 5px;letter-spacing:.4px}@media(max-width:650px){.topbar-inner{width:min(100% - 18px,940px)}.side-menu{width:min(285px,calc(100vw - 28px))}.app-shell{width:min(100% - 18px,940px);padding-top:25px}.card,.result-card{padding:18px;border-radius:18px}.summary-grid{grid-template-columns:1fr;gap:10px}.summary-card{min-height:96px;padding:17px}.sale-row{grid-template-columns:1fr 82px 95px;gap:8px}.expense-row{grid-template-columns:1fr 125px 38px}.section-head{align-items:flex-start}.section-head input{max-width:145px}.hero h1{letter-spacing:-1px}.actions,.settings-actions{grid-template-columns:1fr}.history-item{align-items:flex-start;flex-direction:column}.history-actions{width:100%}.history-actions button{flex:1}.settings-grid{grid-template-columns:1fr}.history-tools{flex-direction:column}}@media(max-width:420px){.sale-row{grid-template-columns:1fr 65px 82px}.row-total{font-size:12px}.sale-name{font-size:13px}.expense-row{grid-template-columns:1fr 100px 36px}.section-head{flex-direction:column}.section-head input{max-width:none;width:100%}.product-item{align-items:flex-start;flex-direction:column}.product-actions{width:100%}.product-actions button{flex:1}.brand small{display:none}}