@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--purple:#a855f7;--border:rgba(168,85,247,.35);--bg:#09000f;--text:#fff;--muted:#c4b5fd;--danger:#ff4d6d;--success:#86efac}
*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;font-family:"Vazirmatn",sans-serif;color:var(--text);background:linear-gradient(rgba(9,0,15,.72),rgba(9,0,15,.88)),url("../assets/background.png");background-size:cover;background-position:center;background-attachment:fixed;overflow-x:hidden}
.page-overlay{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(168,85,247,.15),transparent 30%),radial-gradient(circle at 80% 80%,rgba(192,38,211,.12),transparent 30%)}
.container{position:relative;width:min(1500px,94%);margin:0 auto;padding:40px 0 70px}
.header{margin-bottom:30px}.brand{display:flex;align-items:center;gap:20px}
.logo{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(168,85,247,.8)) drop-shadow(0 0 25px rgba(168,85,247,.45))}
.brand h1{font-size:clamp(24px,4vw,38px);font-weight:800;text-shadow:0 0 10px rgba(168,85,247,.8),0 0 30px rgba(168,85,247,.4)}
.brand p{margin-top:6px;color:var(--muted);font-size:14px}
.financial-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:30px}
.financial-card{padding:22px;min-height:145px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(35,10,50,.9),rgba(15,3,25,.8));box-shadow:0 0 25px rgba(168,85,247,.08),inset 0 0 25px rgba(168,85,247,.03);backdrop-filter:blur(14px);transition:.25s}
.financial-card:hover{transform:translateY(-3px);border-color:rgba(168,85,247,.7);box-shadow:0 0 30px rgba(168,85,247,.18)}
.card-title{display:block;color:var(--muted);font-size:13px;margin-bottom:15px}
.financial-card strong{display:block;font-size:22px;text-shadow:0 0 12px rgba(168,85,247,.7)}
.financial-card small{display:block;margin-top:8px;color:#a78bfa;font-size:11px}
.capital-input-wrapper{display:flex;align-items:center;gap:8px}.capital-input-wrapper input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;outline:none;background:rgba(0,0,0,.35);color:white;font-family:inherit;font-size:15px}.capital-input-wrapper input:focus{border-color:var(--purple);box-shadow:0 0 15px rgba(168,85,247,.3)}.capital-input-wrapper span{color:var(--muted);font-size:12px}
.products-section{padding:25px;border:1px solid var(--border);border-radius:22px;background:rgba(12,2,20,.78);backdrop-filter:blur(15px);box-shadow:0 0 40px rgba(168,85,247,.08)}
.section-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-header h2{font-size:22px}.section-header p{color:var(--muted);font-size:12px;margin-top:5px}
.add-btn{border:1px solid rgba(216,180,254,.5);border-radius:12px;padding:12px 20px;background:linear-gradient(135deg,#9333ea,#c026d3);color:white;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 0 15px rgba(168,85,247,.35);transition:.2s}.add-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(168,85,247,.65)}
.table-wrapper{width:100%;overflow-x:auto;border-radius:15px;border:1px solid rgba(168,85,247,.18)}table{width:100%;min-width:1000px;border-collapse:collapse}thead{background:rgba(126,34,206,.18)}th{padding:16px 12px;color:#ddd6fe;font-size:12px;font-weight:700;white-space:nowrap;border-bottom:1px solid rgba(168,85,247,.25)}td{padding:10px;border-bottom:1px solid rgba(168,85,247,.12);text-align:center}tbody tr:hover{background:rgba(168,85,247,.07)}
.product-input{width:100%;min-width:90px;padding:9px 10px;border:1px solid rgba(168,85,247,.25);border-radius:9px;outline:none;background:rgba(0,0,0,.3);color:white;font-family:inherit;font-size:12px;text-align:center}.product-input:focus{border-color:var(--purple);box-shadow:0 0 12px rgba(168,85,247,.25)}
.calculated{color:#ddd6fe;font-weight:700}.sell-btn,.delete-btn{border-radius:8px;padding:8px 10px;font-family:inherit;font-size:11px;cursor:pointer;transition:.2s}.sell-btn{border:1px solid rgba(134,239,172,.35);background:rgba(34,197,94,.1);color:var(--success)}.sell-btn:hover{background:rgba(34,197,94,.18)}.delete-btn{margin-right:6px;border:1px solid rgba(255,77,109,.35);background:rgba(255,77,109,.08);color:#ff8da1}.delete-btn:hover{background:rgba(255,77,109,.18)}
.empty-row td{padding:50px 20px;color:#8b5cf6;font-size:13px}
@media(max-width:700px){.container{width:94%;padding-top:25px}.brand{align-items:flex-start}.logo{width:65px;height:65px}.products-section{padding:15px}.section-header{align-items:stretch;flex-direction:column}.add-btn{width:100%}.financial-card{min-height:125px}}