@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#20352e;background:#f5f7f4;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}[hidden]{display:none!important}.header{background:linear-gradient(135deg,#0f4c3a 0%,#1a6b52 50%,#2d8a6e 100%);color:#e4f0e7;position:sticky;top:0;z-index:5;box-shadow:0 8px 32px rgba(11,36,29,0.3),0 0 0 1px rgba(255,255,255,0.1) inset;perspective:1000px}.header::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(213,240,122,0.5),transparent)}.header-inner{max-width:1480px;margin:auto;padding:0 34px;min-height:78px;display:flex;align-items:center;gap:44px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;font:800 18px Manrope,sans-serif;letter-spacing:.08em;text-shadow:0 2px 8px rgba(0,0,0,0.3);transition:transform 0.3s ease}.brand:hover{transform:translateY(-2px) scale(1.02)}.brand small{display:block;font:600 9px Manrope;letter-spacing:.24em;color:#a8c8b7}.brand-mark{background:linear-gradient(135deg,#d5f07a,#45a888);color:#17432d;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;width:53px;height:53px;font:800 30px Manrope;letter-spacing:-.12em;box-shadow:0 4px 15px rgba(213,240,122,0.3),0 0 0 2px rgba(255,255,255,0.1) inset;transition:all 0.3s ease}.brand:hover .brand-mark{transform:rotateY(10deg) scale(1.05);box-shadow:0 6px 20px rgba(213,240,122,0.4),0 0 0 2px rgba(255,255,255,0.15) inset}.brand-mark span{font-size:18px;align-self:flex-start;margin-top:5px}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:20px}.brand-mark.small span{font-size:12px}nav{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1}nav a,nav button{white-space:nowrap;padding:13px 16px;border-radius:12px;color:#b8d0c3;font-weight:600;font-size:13px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;backdrop-filter:blur(5px);transform-style:preserve-3d}nav a::before,nav button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);transition:left 0.5s ease}nav a:hover::before,nav button:hover::before{left:100%}nav a:hover,nav button:hover,nav a.active,nav button[aria-expanded="true"]{background:linear-gradient(135deg,rgba(213,240,122,0.15),rgba(69,168,136,0.15));border-color:rgba(213,240,122,0.3);color:white;transform:translateY(-3px) translateZ(10px);box-shadow:0 8px 20px rgba(0,0,0,0.25),0 0 15px rgba(213,240,122,0.2)}nav a.active::after,nav button[aria-expanded="true"]::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:60%;height:3px;background:linear-gradient(90deg,#d5f07a,#45a888);border-radius:2px;box-shadow:0 0 10px rgba(213,240,122,0.5)}nav button.finance-trigger::after,nav button.catalog-trigger::after{content:'▾';margin-left:4px;font-size:10px;transition:transform 0.3s ease}nav button[aria-expanded="true"].finance-trigger::after,nav button[aria-expanded="true"].catalog-trigger::after{transform:rotate(180deg)}.header-user{display:flex;gap:12px;align-items:center;white-space:nowrap;font-size:13px;background:rgba(255,255,255,0.08);padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(5px);transition:all 0.3s ease}.header-user:hover{background:rgba(255,255,255,0.12);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.2)}.header-user button{background:linear-gradient(135deg,#d5f07a,#45a888);border:0;border-radius:9px;color:#17432d;padding:9px 12px;font-weight:700;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(213,240,122,0.3)}.header-user button:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px rgba(213,240,122,0.4)}.main{max-width:1480px;margin:0 auto;padding:42px 34px 70px;min-height:calc(100vh - 140px)}.footer{max-width:1480px;margin:0 auto;padding:20px 34px 0;color:#9ca9a1;font-size:10px;font-weight:700;letter-spacing:.13em;border-top:1px solid #e5ebe5;background:linear-gradient(180deg,#f8faf9,#f0f5f2);position:relative}.footer-content{display:flex;justify-content:center;align-items:center;gap:8px;padding-bottom:8px}.footer-bar{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 0;background:linear-gradient(135deg,#1d5c40,#2d8a6e);color:white;border-radius:8px;margin-top:8px;box-shadow:0 4px 12px rgba(29,92,64,0.2);font-size:11px;letter-spacing:.08em}.footer-bar .footer-sep{opacity:0.6}.footer span{padding:0 10px;color:#adbe83}.footer-bar span{color:white;padding:0 6px}.eyebrow{color:#56846b;font-size:11px;font-weight:800;letter-spacing:.18em;margin:0 0 9px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:30px}.page-heading h1{font:800 clamp(26px,3vw,37px) Manrope;letter-spacing:-.045em;margin:0 0 6px;color:#173c2d}.page-heading p{margin:0;color:#7b8a80}.btn{border:1px solid #dae4dc;background:white;border-radius:10px;color:#29523c;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;white-space:nowrap}.btn:hover{filter:brightness(.97)}.btn.primary{background:#1d5c40;border-color:#1d5c40;color:white}.btn.light{background:#eaf3df;border-color:#eaf3df}.btn.small{padding:7px 11px;font-size:12px}.btn.full{width:100%;justify-content:space-between}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:21px}.card,.panel{background:#fff;border:1px solid #e6ede6;border-radius:17px;box-shadow:0 4px 26px #173c2d07}.card{padding:23px;min-height:150px}.card .icon{display:inline-flex;background:#eaf5e1;color:#28643f;border-radius:10px;padding:8px;margin-bottom:16px;font-weight:800}.card .label{display:block;color:#7d8e83;font-size:12px;font-weight:700}.card strong{font:800 26px Manrope;color:#173d2e;display:block;margin-top:8px;letter-spacing:-.045em}.card small{display:block;color:#8d9c91;margin-top:9px}.panel{padding:24px;margin-bottom:20px}.panel h2{font:800 17px Manrope;margin:0 0 18px;color:#1b3d2e;letter-spacing:-.025em}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.bar-chart{height:250px;display:flex;align-items:flex-end;gap:11px;border-bottom:1px solid #e5eee6;padding:18px 0 0}.bar-col{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px;min-width:20px}.bar-col .bar{width:min(50px,80%);min-height:3px;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#9acf6b,#397d53)}.bar-col span{color:#8b9b90;font-size:10px;white-space:nowrap}.empty-chart{margin:auto;color:#9ca99e;text-align:center}.toolbar{display:flex;align-items:center;gap:12px;margin:0 0 20px;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;min-width:175px}.toolbar .push{margin-left:auto}input,select,textarea{padding:11px 13px;background:#fff;border:1px solid #dce6dd;border-radius:9px;color:#234331;outline:none;min-height:42px;width:100%}input:focus,select:focus,textarea:focus{border-color:#5f9d65;box-shadow:0 0 0 3px #5eac681c}label{display:grid;gap:7px;color:#546b5b;font-size:12px;font-weight:700}textarea{resize:vertical;min-height:85px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid .wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px}.check input{width:17px;min-height:auto}.form-actions{display:flex;gap:10px;margin-top:24px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:650px}.data-table th{text-align:left;color:#94a299;text-transform:uppercase;letter-spacing:.09em;font-size:10px;padding:13px 15px;border-bottom:1px solid #e7ede6}.data-table td{padding:15px;border-bottom:1px solid #f0f3ef;vertical-align:middle}.data-table tr:last-child td{border:0}.data-table tbody tr:hover{background:#fafcf9}.data-table strong{font-weight:700;color:#294e36}.muted{color:#8b9b90}.badge{display:inline-block;padding:6px 9px;background:#eaf5e3;color:#397c4f;border-radius:7px;font-size:11px;font-weight:800;white-space:nowrap}.badge.warn{background:#fff3dc;color:#ae772b}.badge.danger{background:#fdeae5;color:#b95744}.empty{padding:44px;text-align:center;color:#8a9d8d}.metric-line{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf2ed}.metric-line:last-child{border:0}.metric-line strong{font:800 16px Manrope}.section-note{color:#839187;font-size:12px}.login-screen{min-height:100vh;background:linear-gradient(135deg,#0f4c3a 0%,#1a6b52 30%,#2d8a6e 60%,#45a888 100%);display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.login-screen::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(213,240,122,0.08) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.login-card{background:rgba(255,255,255,0.97);backdrop-filter:blur(10px);width:min(100%,460px);border-radius:28px;padding:48px;box-shadow:0 40px 120px rgba(11,36,29,0.35),0 0 0 1px rgba(255,255,255,0.1);display:grid;gap:20px;position:relative;z-index:1;animation:slideUp 0.6s cubic-bezier(0.16,1,0.3,1)}.login-card::before{content:'🔐';position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:48px;background:linear-gradient(135deg,#d5f07a,#45a888);width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px rgba(69,168,136,0.3);border:3px solid white}.login-card h1{font:800 32px Manrope;margin:8px 0 0;color:#173b2d;letter-spacing:-0.02em}.login-card .eyebrow{margin:12px 0 -8px;text-transform:uppercase;letter-spacing:0.2em;font-weight:900;color:#5a9a7e}.login-card .muted{margin:-4px 0 8px;line-height:1.6;color:#6b8a7e;font-size:13px}.login-card .brand-mark{margin-bottom:16px;animation:pulse 2s ease-in-out infinite}.login-card label{position:relative;display:flex;flex-direction:column;gap:8px}.login-card label input{padding:14px 16px 14px 48px;border:2px solid #e2ebe5;border-radius:12px;font-size:15px;transition:all 0.3s ease;background:#fff9c4}.login-card label input:focus{border-color:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,0.2);background:#fffde7;outline:none}.login-card label::before{content:'';position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;pointer-events:none;z-index:2}.login-card label:first-of-type::before{content:'👤'}.login-card label:last-of-type::before{content:'🔑'}.login-card .btn.primary{background:linear-gradient(135deg,#1d5c40,#2d8a6e);border:none;padding:16px 24px;font-size:16px;font-weight:800;border-radius:14px;box-shadow:0 8px 25px rgba(29,92,64,0.3);transition:all 0.3s ease;position:relative;overflow:hidden}.login-card .btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(29,92,64,0.4)}.login-card .btn.primary::after{content:'→';position:absolute;right:24px;transition:transform 0.3s ease}.login-card .btn.primary:hover::after{transform:translateX(4px)}.error{color:#c24b3e;margin:8px 0 0;font-weight:700;padding:12px 16px;background:rgba(194,75,62,0.08);border-radius:10px;border-left:4px solid #c24b3e;font-size:13px;animation:shake 0.5s ease}@keyframes float{0%,100%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(-20px,-20px) rotate(5deg)}50%{transform:translate(0,-40px) rotate(0deg)}75%{transform:translate(20px,-20px) rotate(-5deg)}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.tabs{display:flex;gap:8px;margin-bottom:20px}.tabs button{border:1px solid #dce6dd;background:white;color:#56705f;border-radius:9px;padding:10px 16px;font-weight:700}.tabs button.active{background:#205c41;color:white;border-color:#205c41}#toast{position:fixed;bottom:24px;right:24px;z-index:10;max-width:350px;background:#183e2e;color:white;padding:14px 19px;border-radius:10px;box-shadow:0 12px 40px #173d2e40;display:none}#toast.show{display:block}#toast.bad{background:#ab493f}dialog{border:0;border-radius:17px;padding:25px;width:min(95vw,580px);box-shadow:0 30px 90px #142c2560}dialog::backdrop{background:#102a20aa}dialog h2{font:800 21px Manrope;color:#204630;margin:0 0 20px}dialog .form-grid{max-height:65vh;overflow-y:auto}@media(max-width:1100px){.header-inner{gap:14px;flex-wrap:wrap;padding:12px 20px}.header-user{margin-left:auto}nav{order:3;flex-basis:100%}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.main{padding:28px 16px}.header-inner{padding:10px 16px}.page-heading{align-items:start;flex-direction:column}.grid-2{grid-template-columns:1fr}.cards{gap:10px}.card{padding:16px;min-height:125px}.card strong{font-size:20px}.form-grid{grid-template-columns:1fr}.login-card{padding:28px}.footer{padding:20px 16px}}