*{box-sizing:border-box}html,body{margin:0;padding:0}body.s4bos-login,body.s4bos-app{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#14231e}body.s4bos-app{background:#f4f6f8}body.s4bos-login{min-height:100vh;background:#f5f8f6}.s4-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(430px,.95fr);background:#fff}.s4-login-brand-panel{position:relative;overflow:hidden;min-height:100vh;padding:44px 54px;display:flex;flex-direction:column;background:linear-gradient(145deg,#0f4c3a 0%,#17634b 58%,#0d3f32 100%);color:#fff}.s4-login-brand-panel:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-190px;top:-120px;border:90px solid rgba(255,255,255,.055)}.s4-login-brand-panel:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;left:-170px;bottom:-150px;background:rgba(255,255,255,.045)}.s4-brand-top{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.login-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;color:#14523f;font-weight:900;letter-spacing:-.03em}.login-logo .custom-logo-link{display:flex}.login-logo img{display:block;max-width:180px;max-height:58px;width:auto;height:auto}.brand-name{font-size:22px;font-weight:850;letter-spacing:-.02em}.brand-copy{position:relative;z-index:1;margin:auto 0;max-width:610px;padding:55px 0}.brand-kicker,.login-eyebrow{display:inline-flex;align-items:center;font-size:11px;font-weight:850;letter-spacing:.14em}.brand-kicker{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.13)}.brand-copy h1{font-size:clamp(44px,5vw,74px);line-height:.98;letter-spacing:-.055em;margin:22px 0 24px}.brand-copy p{max-width:570px;font-size:17px;line-height:1.7;color:rgba(255,255,255,.78);margin:0}.brand-points{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:30px;font-size:13px;font-weight:650;color:rgba(255,255,255,.92)}.brand-footer{position:relative;z-index:1;font-size:12px;color:rgba(255,255,255,.55)}.s4-login-form-panel{display:grid;place-items:center;padding:44px;background:linear-gradient(180deg,#ffffff 0%,#f8faf9 100%)}.login-card{width:min(440px,100%)}.mobile-brand{display:none}.login-intro{margin-bottom:30px}.login-eyebrow{color:#207457;margin-bottom:13px}.login-intro h2{margin:0 0 9px;font-size:36px;letter-spacing:-.04em;color:#13231d}.login-intro p{margin:0;color:#6b7771;line-height:1.55}.error{background:#fff2f2;border:1px solid #f1cccc;padding:12px 13px;border-radius:11px;color:#9d2222;font-size:13px;margin:0 0 18px}.s4-login-form>label{display:block;font-size:13px;font-weight:780;margin:17px 0 8px;color:#33463e}.s4-login-form input[name=username],.s4-login-form input[type=password]{width:100%;height:54px;padding:0 15px;border:1px solid #ccd9d3;border-radius:12px;outline:none;background:#fff;font-size:15px;transition:.18s ease}.s4-login-form input:focus{border-color:#2e8466;box-shadow:0 0 0 4px rgba(46,132,102,.10)}.password-wrap{position:relative}.password-wrap input{padding-right:72px!important}.show-pass{position:absolute;right:9px;top:9px;height:36px;padding:0 11px;border:0;background:#edf5f1;color:#17543f;border-radius:8px;font-weight:750;cursor:pointer}.login-options{display:flex;align-items:center;justify-content:space-between;margin:16px 0 20px}.remember{display:flex!important;align-items:center;gap:8px!important;margin:0!important;color:#627068!important;font-size:13px!important;font-weight:500!important}.remember input{width:17px;height:17px;accent-color:#175c46}.login-submit,#submitOrder{width:100%;min-height:52px;padding:14px;border:0;border-radius:12px;background:#165b45;color:#fff;font-weight:850;font-size:15px;cursor:pointer;box-shadow:0 10px 24px rgba(22,91,69,.17);transition:.18s ease}.login-submit:hover,#submitOrder:hover{background:#0f4a38;transform:translateY(-1px)}.login-help{text-align:center;color:#8a958f;font-size:12px;margin:20px 0 0}.s4bos-login #wpadminbar{display:none!important}@media(max-width:900px){.s4-login-shell{grid-template-columns:1fr}.s4-login-brand-panel{display:none}.s4-login-form-panel{min-height:100vh;padding:28px 20px}.login-card{max-width:460px}.mobile-brand{display:flex;align-items:center;gap:12px;margin-bottom:54px}.mobile-brand .login-mark{background:#165b45;color:#fff;width:44px;height:44px}.mobile-brand strong{font-size:21px}.mobile-brand .login-logo img{max-width:155px;max-height:50px}.login-intro h2{font-size:32px}}@media(max-width:520px){.s4-login-form-panel{align-items:start;padding-top:28px}.mobile-brand{margin-bottom:46px}.login-intro{margin-bottom:24px}.login-intro h2{font-size:30px}.s4-login-form input[name=username],.s4-login-form input[type=password]{height:52px}}
.topbar{background:#103c31;color:#fff;padding:14px 22px;display:flex;justify-content:space-between;gap:12px;align-items:center;position:sticky;top:0;z-index:5}.topbar span{display:block;font-size:12px;opacity:.8;margin-top:3px}.topbar nav{display:flex;gap:14px}.topbar a{color:#fff;text-decoration:none}.wrap-app{max-width:1500px;margin:auto;padding:20px}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.hero h1{margin:0}.hero input{min-width:320px;padding:12px;border:1px solid #ccd3d9;border-radius:10px}.table-wrap{overflow:auto;background:#fff;border-radius:14px;box-shadow:0 3px 14px #00000010}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #edf0f2;text-align:left;white-space:nowrap}th{background:#f8fafb;font-size:13px}.qty{width:110px;padding:9px;border:1px solid #cfd6dc;border-radius:8px}.checkout{display:grid;grid-template-columns:1fr 1fr 220px;gap:14px;align-items:stretch;margin-top:16px}.checkout textarea{min-height:90px;padding:12px;border:1px solid #ccd3d9;border-radius:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats>div{background:#fff;border-radius:12px;padding:15px;box-shadow:0 2px 10px #0000000d}.stats span{display:block;color:#6b7680;font-size:12px}.stats b{font-size:22px;display:block;margin-top:6px}.status{padding:5px 9px;border-radius:99px;background:#e5e7eb;font-size:11px;font-weight:700}.s-new{background:#fee2e2;color:#991b1b}.s-ready{background:#dcfce7;color:#166534}.kot-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:18px}.kot-card{background:#fff;border-radius:16px;padding:16px;border-left:5px solid #94a3b8;box-shadow:0 4px 14px #00000012}.status-new{border-left-color:#e11d48}.status-accepted{border-left-color:#f59e0b}.status-preparing{border-left-color:#2563eb}.status-ready{border-left-color:#16a34a}.status-dispatched{border-left-color:#7c3aed}.kot-head{display:flex;justify-content:space-between}.kot-head span{font-size:11px;font-weight:800}.kot-card h3{margin:16px 0 3px}.kot-card p{margin:0 0 12px;color:#64748b}.kot-meta{padding:10px;background:#f8fafc;border-radius:10px;margin-bottom:10px}.kot-actions{display:flex;gap:8px;margin-top:14px}.kot-actions a,.kot-actions button{flex:1;text-align:center;padding:10px;border-radius:9px;text-decoration:none;border:0;background:#0f513f;color:#fff;font-weight:700;cursor:pointer}.control-stats{grid-template-columns:repeat(5,1fr)}.empty{background:#fff;padding:30px;border-radius:14px;text-align:center;color:#64748b}@media(max-width:800px){.topbar{align-items:flex-start}.hero{align-items:stretch;flex-direction:column}.hero input{min-width:0;width:100%}.checkout{grid-template-columns:1fr}.stats,.control-stats{grid-template-columns:repeat(2,1fr)}th,td{padding:10px}.wrap-app{padding:12px}}