:root{--ink:#172522;--muted:#72807c;--bg:#f3f6f4;--card:#fff;--green:#155c49;--green2:#247962;--gold:#c59345;--line:#e2e9e5;--red:#bf4a40}body{background:radial-gradient(circle at 92% 4%,#e2f0e9 0,transparent 25%),var(--bg);letter-spacing:.01em}aside{background:linear-gradient(175deg,#103f34 0%,#123a32 55%,#0b2f29 100%);box-shadow:12px 0 35px #113d3012;padding:22px 14px}.brand{padding:5px 13px 25px}.brand b{font-size:22px;letter-spacing:.08em}.brand span{display:block;margin-top:3px;letter-spacing:.16em}nav{gap:4px}nav button{position:relative;padding:11px 13px 11px 42px;transition:.2s ease;font-weight:500}nav button:before{position:absolute;left:14px;top:10px;width:20px;text-align:center;opacity:.8}nav button:nth-child(1):before{content:'⌂'}nav button:nth-child(2):before{content:'▤'}nav button:nth-child(3):before{content:'▥'}nav button:nth-child(4):before{content:'◇'}nav button:nth-child(5):before{content:'♙'}nav button:nth-child(6):before{content:'◎'}nav button:nth-child(7):before{content:'¥'}nav button:nth-child(8):before{content:'▰'}nav button:nth-child(9):before{content:'⚙'}nav button:hover{transform:translateX(3px);background:#ffffff12}nav button.active{background:linear-gradient(90deg,#ffffff20,#ffffff0c);box-shadow:inset 3px 0 0 #d5ad68;color:#fff}.user{background:#ffffff08;border:0;border-radius:10px;margin:10px 4px 0}main{padding:0 34px 50px}header{height:92px}header h2{font-size:25px;letter-spacing:.04em}.ghost,.primary{transition:.18s ease}.ghost:hover,.primary:hover{transform:translateY(-1px);box-shadow:0 7px 18px #174f3e1c}.primary{background:linear-gradient(135deg,var(--green),var(--green2));box-shadow:0 5px 13px #155c4930}.ghost{color:var(--green);border-color:#d6e2dc}.card,.panel{border-color:#e4ebe7;box-shadow:0 8px 28px #173e3210}.card{position:relative;overflow:hidden}.card:after{content:'';position:absolute;width:70px;height:70px;border-radius:50%;right:-25px;top:-25px;background:linear-gradient(135deg,#1b6e5514,transparent)}.card strong{letter-spacing:-.03em}.panel{border-radius:15px}.panel-head h3{font-size:16px}.chart-panel{background:linear-gradient(180deg,#fff,#fbfdfc)}table tbody tr{transition:.15s}table tbody tr:hover{background:#f5faf7}th{font-size:12px;letter-spacing:.03em;background:#fafcfb}td{padding-top:13px;padding-bottom:13px}.badge{font-weight:600}.badge.ok{box-shadow:inset 0 0 0 1px #bfe0d1}.toolbar{background:#fff;border:1px solid var(--line);padding:13px;border-radius:12px;box-shadow:0 5px 18px #173e320b}.toolbar input,.toolbar select,.field input,.field select,.field textarea{transition:.18s;background:#fcfdfc}.toolbar input:focus,.toolbar select:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:#5d9b87;box-shadow:0 0 0 3px #25806418;background:#fff}.modal{backdrop-filter:blur(5px)}.dialog{border:1px solid #ffffff90;box-shadow:0 28px 80px #102c2460;animation:dialogIn .32s cubic-bezier(.2,1.25,.4,1)}.close{width:34px;height:34px;border-radius:50%;background:#f3f6f4;color:#60706a}.login{background:radial-gradient(circle at 20% 15%,#3c8a70 0,transparent 30%),linear-gradient(145deg,#0c332b,#1b5b49)}.login-card{border:1px solid #ffffff80;box-shadow:0 28px 80px #08281e80;animation:dialogIn .55s cubic-bezier(.2,1.25,.4,1)}.mark{background:linear-gradient(145deg,#17624d,#c79850);box-shadow:0 10px 25px #175a4540}.bar.sales{background:linear-gradient(#2e8a6d,#155c49)}.bar.profit{background:linear-gradient(#e0b66f,#b78035)}#toast{box-shadow:0 10px 30px #0004}@keyframes dialogIn{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:850px){main{padding:0 14px 35px}header{gap:8px}header .ghost{padding:8px;font-size:11px}.panel{border-radius:12px}.toolbar{padding:10px}.dialog{padding:20px}}