:root{--bg:#090e0b;--panel:#131c17;--panel2:#1b2920;--line:#2d4032;--green:#40f06a;--green2:#10b73d;--muted:#9caea1;--white:#f5fbf6;--red:#ff746c;--yellow:#ffc66a;--radius:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% -7%,#11331c 0%,transparent 35%),var(--bg);color:var(--white);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}a{color:var(--green);text-decoration:none}h1,h2,h3,h4,p{margin:0}h1{font-size:29px;letter-spacing:-1px;line-height:1.1}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:16px}small,.muted{color:var(--muted)}.shell{max-width:1440px;margin:auto;display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#0d1510;border-right:1px solid var(--line);padding:26px 14px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:0 10px}.brand-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#31f85e,#0e5927);color:#08150b;font-size:25px;font-weight:1000;box-shadow:0 0 18px #14c54735}.brand strong{font-weight:1000;letter-spacing:-.5px;font-size:18px;line-height:1.1;display:block}.brand strong span{color:var(--green)}.brand small{font-size:10px;letter-spacing:1.4px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px 14px;border:1px solid transparent;background:none;color:#b6c6ba;border-radius:13px;font-weight:700}.nav button svg{width:20px;height:20px;flex-shrink:0}.nav button.active{background:#173a21;color:var(--green);border-color:#28693b}.nav button:hover{background:#1e3023}.sidefoot{margin-top:auto;padding:15px 10px;border-top:1px solid var(--line)}.main{min-width:0;padding:22px clamp(16px,4vw,50px) 50px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}.topbar .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:var(--green);font-weight:800}.topbar h1{margin:3px 0}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#1c2a20;color:var(--white);font-weight:750;border-radius:12px;min-height:42px;padding:9px 16px;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-align:center}.btn:hover{border-color:#4a7e56;background:#253b29}.btn svg{width:17px;height:17px}.btn.primary{background:linear-gradient(135deg,#48f96c,#11be40);border-color:#37e35b;color:#08230e}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:#ff9d98;border-color:#7b3a39}.btn.small{min-height:34px;padding:6px 10px;font-size:12px;border-radius:9px}.btn.ghost{background:transparent;border:1px solid var(--line)}.btn.full{width:100%}.card{background:linear-gradient(130deg,#19241c,#111a15);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.card-head a{font-size:12px;font-weight:800}.hero{background:#14331d url('assets/mascot.jpg') no-repeat right center;background-size:auto 100%;border:1px solid #28753b;min-height:209px;border-radius:21px;position:relative;overflow:hidden;display:flex;align-items:center;margin-bottom:18px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102316 4%,#102316f0 35%,#1023168a 61%,transparent 93%)}.hero-inner{position:relative;z-index:1;padding:25px 27px;max-width:70%}.hero p{max-width:350px;margin:8px 0 16px;color:#c5dfc9}.hero .eyebrow{font-size:11px;color:var(--green);font-weight:850;letter-spacing:2px;margin-bottom:6px}.hero h2{font-size:28px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat{background:#18231b;border:1px solid #2b4734;border-radius:16px;padding:17px;min-width:0}.stat svg{width:22px;height:22px;color:var(--green)}.stat b{font-size:25px;letter-spacing:-.5px;display:block;white-space:nowrap}.stat span{font-size:12px;color:#b7c9bb}.stat.warn b{color:var(--yellow)}.quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}.quick button{display:flex;gap:9px;align-items:center;text-align:left;background:#153a20;border:1px solid #367d49;border-radius:13px;color:white;font-weight:800;padding:16px 14px}.quick button:hover{background:#216130}.quick svg{width:22px;height:22px;color:var(--green)}.two{display:grid;grid-template-columns:1.25fr 1fr;gap:17px}.section-title{margin:22px 0 11px;display:flex;justify-content:space-between;align-items:center;gap:10px}.section-title p{color:var(--muted);font-size:13px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;font-size:13px}thead{background:#1b2a20;color:#bbd1bf}th,td{padding:12px 13px;text-align:left;border-bottom:1px solid #29362d;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#17271b}td strong{display:block}td small{display:block;font-size:11px}.badge{font-size:11px;font-weight:850;border:1px solid #425f49;border-radius:99px;white-space:nowrap;display:inline-flex;padding:4px 9px;color:#b9d4c0;background:#263329}.badge.red{color:#ffa09b;background:#4a2020;border-color:#863532}.badge.yellow{color:#ffd089;background:#4e3919;border-color:#9c7425}.badge.green{color:#82ff9c;background:#174424;border-color:#248744}.badge.blue{color:#a3cdff;background:#173451;border-color:#345a89}.list{display:flex;flex-direction:column;gap:9px}.list-item{background:#1b2920;border:1px solid #304334;border-radius:12px;padding:13px;display:flex;gap:12px;justify-content:space-between;align-items:center}.list-item .who{min-width:0}.list-item .who strong{display:block;overflow:hidden;text-overflow:ellipsis}.list-item .who small{display:block}.flex{display:flex;align-items:center;gap:9px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column;gap:12px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.chip{font-weight:700;font-size:13px;background:#1b2a1e;border:1px solid #35513c;color:#c5dbca;padding:9px 13px;border-radius:99px}.chip.active{background:#17652c;color:#caffd4;border-color:#4cdb6b}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}.toolbar input{max-width:330px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mini{font-size:12px}.empty{padding:45px 15px;text-align:center;color:#b0c4b4;border:1px dashed #35543c;border-radius:16px}.empty svg{height:34px;width:34px;color:var(--green);margin-bottom:8px}.customer-card .line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;color:#bdc9c0;font-size:13px}.call-btns{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.call-btns a{border-radius:9px;background:#163b20;padding:7px 10px;color:#72fa8b;font-size:12px;font-weight:700;border:1px solid #2c7840}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:800;color:#cbdccb}.field input,.field select,.field textarea,.input{width:100%;border:1px solid #39503f;background:#0c1510;color:white;border-radius:10px;padding:11px 12px;min-height:43px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green)}.field textarea{min-height:83px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field.wide{grid-column:1/-1}.panel-foot{display:flex;justify-content:flex-end;gap:9px;margin-top:19px;flex-wrap:wrap}.summary{padding:17px;border-radius:13px;background:#153923;border:1px solid #2b7742;display:flex;justify-content:space-between;align-items:center}.summary b{font-size:25px;color:#61f880}.notice{border:1px solid #7a672c;background:#3b331b;color:#ffe1a3;border-radius:11px;padding:12px 14px;font-size:12px;line-height:1.55}.notice.info{background:#153324;border-color:#347a48;color:#cfffd6}.pilltabs{display:flex;gap:6px;background:#142018;border-radius:12px;padding:5px;overflow:auto}.pilltabs button{background:transparent;border:0;color:#bcd4c0;padding:8px 13px;font-weight:700;border-radius:8px;white-space:nowrap}.pilltabs button.active{background:#24ad45;color:#081509}.footnav{display:none}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.loading{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.loading em{color:var(--green);font-style:normal}.spinner{border:3px solid #35513b;border-top-color:var(--green);width:45px;height:45px;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:26px;right:25px;z-index:30;background:#203d28;color:white;border:1px solid #3a8a4d;padding:12px 18px;border-radius:13px;box-shadow:0 8px 25px #0008;display:none;max-width:360px}#toast.show{display:block}dialog{background:#142018;color:var(--white);border:1px solid #4c6f55;border-radius:19px;padding:0;width:min(640px,calc(100vw - 24px));max-height:min(88vh,920px);overflow:auto;box-shadow:0 20px 100px #000d}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}.modal-wrap{padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}.modal-head h2{font-size:21px}.close-btn{background:#213728;color:#fff;border:0;border-radius:8px;padding:5px 12px;font-size:20px}.signin{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0%,#185329 0%,transparent 50%)}.signin-panel{width:min(460px,100%);border:1px solid #3a7c49;border-radius:25px;background:#111d15;padding:29px;box-shadow:0 15px 90px #000a}.signin-brand{text-align:center;padding-bottom:20px}.signin-brand .logo-emoji{font-size:55px}.signin-brand h1{font-size:36px}.signin-brand h1 span{color:var(--green)}.signin-brand p{color:#adcaaf;font-size:12px;letter-spacing:1px}.signin-panel form{display:flex;flex-direction:column;gap:15px}.signin-panel .notice{margin-bottom:16px}.offline{position:fixed;z-index:50;bottom:0;left:0;right:0;background:#5c301b;color:#ffe4ca;text-align:center;padding:7px 10px;font-weight:bold;font-size:12px}.top-status{display:flex;gap:6px;align-items:center;color:#a9c3b0;font-size:11px}.top-status .dot{width:7px;height:7px;border-radius:100%;background:#41ed6a}.linkish{color:var(--green);cursor:pointer;border:0;background:none;padding:0;font-weight:800}.catbar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.catbar button{text-align:left;border:1px solid #34563c;background:#183020;padding:12px;color:#fff;border-radius:12px}.catbar button.active{border-color:#3bec68;background:#1a5130}.catbar strong{display:block}.catbar small{display:block}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo-grid button{border:0;background:#203425;padding:0;border-radius:10px;overflow:hidden}.photo-grid img{width:100%;height:110px;object-fit:cover}.help{color:#97ab9c;font-size:12px;margin-top:6px}.right{text-align:right}.overflow{overflow:auto}.auth-links{display:flex;gap:16px;justify-content:space-between;font-size:12px;margin-top:15px}.big-number{font-size:30px;color:var(--green);font-weight:900}.full-w{grid-column:1/-1}.nav-company{padding:11px 14px;background:#16291c;border:1px solid #2d4a35;border-radius:12px;color:#c5e1ca;font-size:13px}.invisible{display:none!important}#print-area{display:none}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.two{grid-template-columns:1fr}.shell{grid-template-columns:205px 1fr}.main{padding:19px}}
@media(max-width:750px){.shell{display:block}.sidebar{display:none}.main{padding:17px 13px 100px}.topbar{margin-bottom:18px}.topbar h1{font-size:25px}.hero{min-height:170px;background-position:right center}.hero-inner{padding:20px;max-width:68%}.hero h2{font-size:22px}.hero p{font-size:12px;margin:6px 0 12px}.stats{gap:8px}.stat{padding:12px}.stat b{font-size:21px}.quick{grid-template-columns:repeat(2,1fr);gap:8px}.quick button{font-size:12px;padding:13px 11px}.footnav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#0e1912ed;backdrop-filter:blur(15px);padding:8px 4px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #31543b;z-index:10}.footnav button{background:transparent;border:0;color:#9db1a1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;padding:3px 5px;min-width:53px;font-weight:700}.footnav button.active{color:var(--green)}.footnav svg{width:23px;height:23px}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar .input{max-width:none}.top-status{font-size:10px}.catbar{grid-template-columns:repeat(2,1fr)}.card{padding:15px}.grid2{gap:9px}#toast{bottom:85px;right:10px;left:10px}.actions{justify-content:flex-end}.btn{font-size:13px}}
@media(max-width:450px){.hero{background-position:68% center}.hero-inner{max-width:74%}.hero:before{background:linear-gradient(90deg,#102316 0%,#102316f5 40%,#10231655 100%)}.stat b{font-size:20px}.topbar .actions .btn{padding:7px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.hide-mobile{display:none}.grid3{grid-template-columns:1fr}.hero h2{font-size:20px}}
@media print{body{background:white;color:#111}#app,#modal,#toast,.offline{display:none!important}#print-area{display:block!important;color:#111;font:13px Arial;padding:24px}#print-area table{border-collapse:collapse}#print-area th,#print-area td{border:1px solid #999}#print-area h1{font-size:26px}#print-area .print-header{border-bottom:3px solid #199435;padding-bottom:17px;margin-bottom:22px}}