:root{--bg:#0f0f10;--card:#18181b;--card2:#222226;--text:#f7f7f7;--muted:#a7a7ad;--accent:#ff7a00;--line:#2e2e34;--ok:#52c878}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;margin:0;padding:0;overflow-x:hidden}body{background:var(--bg);min-width:0;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}img{max-width:100%}.shell{min-height:100vh}.site-header{z-index:100;-webkit-backdrop-filter:blur(12px);background:#0c0c0df5;border-bottom:1px solid #2c2c2c;width:100%;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1150px;min-height:74px;margin:0 auto;padding:10px 20px;display:flex;position:relative}.site-logo-link{flex-shrink:0;align-items:center;display:flex}.site-logo{width:185px;height:auto;display:block}.site-nav{justify-content:flex-end;align-items:center;gap:20px;font-size:14px;display:flex}.site-nav-link{color:#f4f4f4;white-space:nowrap;font-weight:600;text-decoration:none;transition:color .2s,background .2s}.site-nav-link:hover,.site-nav-link.active{color:var(--accent)}.site-nav-link.highlight{color:var(--accent);font-weight:800}.site-logout{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:800}.site-menu-button{color:#fff;cursor:pointer;background:#181819;border:1px solid #383838;border-radius:12px;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;padding:0;font-size:24px;line-height:1;display:none}.topbar{z-index:20;border-bottom:1px solid var(--line);background:#0f0f10f2;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;display:flex;position:sticky;top:0}.brand{letter-spacing:.5px;font-weight:800}.brand span{color:var(--accent)}.nav{flex-wrap:wrap;gap:10px;display:flex}.nav a{color:var(--muted);border-radius:10px;padding:10px 12px}.nav a:hover{background:var(--card);color:var(--text)}.container{width:min(1100px,100% - 28px);margin:0 auto;padding:28px 0 60px}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;padding:70px 0 40px;display:grid}.hero h1{margin:0 0 18px;font-size:clamp(38px,7vw,78px);line-height:.98}.hero p{color:var(--muted);font-size:19px;line-height:1.6}.badge{color:#ffb36f;background:#24170d;border:1px solid #5b3212;border-radius:999px;margin-bottom:18px;padding:8px 12px;display:inline-flex}.btn{cursor:pointer;text-align:center;border:0;border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:13px 18px;font-weight:700;transition:transform .15s,opacity .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.65}.btn-primary{background:var(--accent);color:#111}.btn-secondary{background:var(--card2);color:var(--text);border:1px solid var(--line)}.actions{flex-wrap:wrap;gap:10px;display:flex}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;min-width:0;padding:18px}.card h3{margin:0 0 8px}.metric{margin:6px 0;font-size:34px;font-weight:800}.muted{color:var(--muted)}.section-title{justify-content:space-between;align-items:end;gap:12px;margin:26px 0 14px;display:flex}.section-title h2{margin:0}.list{gap:10px;display:grid}.row{border:1px solid var(--line);background:var(--card);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:14px 16px;display:flex}.status{color:#f4b26d;white-space:nowrap;background:#2a241d;border-radius:999px;padding:6px 9px;font-size:12px}.status.ok{color:#7ce39d;background:#14261b}.form{gap:14px;max-width:760px;display:grid}.field{gap:7px;min-width:0;display:grid}.field label{font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:#111114;border-radius:10px;outline:none;padding:13px 14px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff7a001f}.field textarea{resize:vertical;min-height:130px}.quote-box{background:#1b140e;border:1px solid #5b3212}.price-row{border-bottom:1px solid #352619;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0;display:grid}.price-row:last-child{border-bottom:0}.price-total{color:#ffad61;font-size:28px;font-weight:800}.footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 0 45px}table{max-width:100%}.table-scroll,.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (max-width:860px){.site-header-inner{gap:12px;min-height:68px;padding:10px 14px}.site-logo{width:165px}.site-menu-button{display:inline-flex}.site-nav{background:#121213fc;border:1px solid #333;border-radius:0 0 16px 16px;flex-direction:column;align-items:stretch;gap:4px;padding:10px;font-size:15px;display:none;position:absolute;top:calc(100% + 1px);left:12px;right:12px;box-shadow:0 18px 35px #00000073}.site-nav.open{display:flex}.site-nav-link,.site-logout{text-align:left;border-radius:10px;align-items:center;width:100%;min-height:48px;padding:12px 14px;display:flex}.site-nav-link:hover,.site-nav-link.active,.site-nav-link.highlight{background:#211810}.site-logout{font-size:15px}.container{width:min(100% - 24px,1100px);padding:22px 0 45px}.hero{grid-template-columns:1fr;gap:22px;padding:42px 0 30px}.hero h1{font-size:clamp(38px,10vw,58px);line-height:1}.hero p{font-size:17px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-direction:column;align-items:flex-start}.card{padding:17px}.metric{font-size:30px}.section-title{align-items:flex-start}}@media (max-width:560px){body{font-size:15px}.site-header-inner{min-height:64px}.site-logo{width:150px}.site-menu-button{width:44px;min-width:44px;height:44px}.container{width:calc(100% - 20px);padding:18px 0 38px}.hero{padding:32px 0 24px}.hero h1{letter-spacing:-1.2px;margin-bottom:14px;font-size:clamp(34px,11vw,46px)}.hero p{font-size:16px;line-height:1.55}.badge{padding:7px 10px;font-size:12px}.grid{grid-template-columns:1fr}.card{border-radius:14px;padding:15px}.btn{min-height:48px;padding:13px 15px}.actions{flex-direction:column;width:100%}.actions .btn{width:100%}.section-title{flex-direction:column;align-items:stretch;margin-top:22px}.row{flex-direction:column;align-items:flex-start;padding:13px 14px}.metric{font-size:28px}.form{width:100%}.field input,.field textarea,.field select,input,textarea,select{font-size:16px}.field input,.field textarea,.field select{padding:13px 12px}.field textarea{min-height:120px}.price-row{grid-template-columns:1fr;gap:5px}.price-total{font-size:25px}.footer{padding:20px 0 35px}}@media (max-width:380px){.site-logo{width:135px}.site-header-inner{padding-left:10px;padding-right:10px}.site-nav{left:8px;right:8px}.container{width:calc(100% - 16px)}.hero h1{font-size:33px}.card{padding:14px}}
