:root{--green: #087a3e;--green-dark: #006b36;--green-bright: #19a65a;--mint: #edf8f1;--mint-2: #e4f3e9;--text: #172019;--muted: #69766f;--white: #fff;--brown: #572b0c;--blue: #1769d2;--purple: #7c3fc7;--orange: #f57c00;--teal: #078d8e;--red: #ef3434;--border: #b7dec7;--shadow: 0 12px 26px rgba(0, 88, 46, .19), 0 3px 7px rgba(0, 88, 46, .11);--shadow-strong: 0 16px 34px rgba(0, 88, 46, .25), 0 4px 10px rgba(0, 88, 46, .13);--radius: 14px}*{box-sizing:border-box}html{font-family:Roboto,Arial,sans-serif;color:var(--text);background:var(--mint);overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.login-view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;display:grid;grid-template-columns:minmax(480px,1fr) minmax(560px,1.05fr);background:radial-gradient(circle at 79% 70%,#e6f5eb 0,#e6f5eb00 33%),#fff;overflow:hidden}.login-brand{position:relative;padding:5vh 4vw 4vh 8vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:0;height:100%}.login-logo{width:min(430px,78%);max-height:270px;object-fit:contain;margin-bottom:5px}.login-brand h1{color:var(--brown);font-size:clamp(42px,4.2vw,72px);line-height:1;margin:10px 0 12px;letter-spacing:1px}.login-brand p{font-size:clamp(17px,1.35vw,23px);margin:0}.film-art{position:absolute;z-index:0;left:-10%;bottom:-3%;width:110%;height:42%;pointer-events:none;opacity:.9}.login-brand>:not(.film-art){position:relative;z-index:1}.roll{position:absolute;bottom:28%;display:block;width:110px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--brown) 0 13%,#f7f7f5 14% 48%,#dededb 49% 53%,#fff 54% 68%,#d7d9d6 69% 70%,#fff 71%);box-shadow:0 16px 20px #24352a2b}.roll-one{left:16%;transform:scale(.6)}.roll-two{left:31%;transform:scale(.9)}.roll-three{left:48%;transform:scale(1.15)}.flow-line{position:absolute;width:92%;height:50%;left:2%;bottom:1%;border-radius:50%;border-top:4px solid;transform:rotate(-9deg)}.line-a{color:var(--green)}.line-b{color:var(--brown);bottom:-7%;left:6%}.line-c{color:#dedbd7;bottom:10%;left:-2%}.login-panel-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4vh 6vw;min-width:0;min-height:0;height:100%}.login-card{width:min(620px,100%);background:#fffffff7;border:1px solid var(--border);border-radius:24px;padding:clamp(34px,4vw,64px);box-shadow:var(--shadow-strong);position:relative}.card-accent{position:absolute;width:32%;height:5px;top:-1px;left:34%;background:var(--green-bright);border-radius:0 0 10px 10px}.login-title{display:flex;align-items:center;gap:20px;margin-bottom:40px;color:var(--green-dark)}.login-title h2{margin:0;font-size:clamp(36px,3vw,52px)}.title-icon svg{width:54px;height:54px;stroke-width:1.7}.login-card>label{display:block;font-size:18px;margin:0 0 9px}.field{height:64px;border:1.5px solid #ccd1ce;border-radius:10px;display:flex;align-items:center;padding:0 16px;margin-bottom:28px;transition:border-color .18s,box-shadow .18s}.field:focus-within{border-color:var(--green-bright);box-shadow:0 0 0 4px #19a65a1f}.field>svg{color:#7b817e;flex:0 0 auto}.field input{width:100%;height:100%;border:0;outline:0;padding:0 12px;font-size:17px;background:transparent;color:var(--text)}.icon-button{border:0;background:transparent;color:#737b77;padding:9px;display:grid;place-items:center}.login-options{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:4px 0 20px}.check-label{display:flex;gap:10px;align-items:center;cursor:pointer}.check-label input{position:absolute;opacity:0}.check-label span{width:26px;height:26px;border:2px solid var(--green-bright);border-radius:6px;display:grid;place-items:center}.check-label input:checked+span:after{content:"✓";color:var(--green);font-weight:700}.link-button{border:0;background:none;color:var(--green);font-weight:600;padding:8px 0}.form-error{min-height:20px;margin:-4px 0 10px;color:#c9212b;font-size:14px}.primary-button{width:100%;height:66px;border:0;border-radius:10px;color:#fff;background:linear-gradient(90deg,var(--green-bright),var(--green));font-size:21px;font-weight:700;box-shadow:0 9px 18px #006b3638}.primary-button:hover{filter:brightness(.96);transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.primary-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.copyright{margin:46px 0 0}.dashboard-view{min-height:100vh;background:var(--mint)}.sidebar{width:236px;position:fixed;z-index:20;inset:0 auto 0 0;background:#fff;box-shadow:9px 0 24px #00582e33;display:flex;flex-direction:column;overflow:hidden}.sidebar-logo{height:118px;display:grid;place-items:center;padding:14px}.sidebar-logo img{max-width:146px;max-height:88px;object-fit:contain}.sidebar nav{padding:4px 12px;flex:1;overflow-y:auto;scrollbar-width:thin}.nav-item{width:100%;height:46px;display:flex;align-items:center;gap:13px;padding:0 13px;margin:2px 0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);text-align:left;font-size:14px;text-decoration:none}.nav-item svg{width:22px;color:var(--green);flex:0 0 auto}.nav-item:hover,.nav-item.active{color:var(--green-dark);background:#e6f6ec;border-color:#70bb8d}.sidebar-bottom{padding:8px 12px 55px;border-top:1px solid #d8dfdb;position:relative}.sidebar-wave{position:absolute;z-index:-1;left:-25%;right:-8%;bottom:-62px;height:110px;background:var(--green-bright);border-radius:55% 50% 0 0;transform:rotate(-5deg);box-shadow:0 -15px #19a65a38,0 -30px #19a65a1a}.app-shell{margin-left:236px;min-height:100vh}.topbar{height:70px;position:fixed;top:0;right:0;left:236px;z-index:12;display:flex;align-items:center;gap:18px;padding:0 24px;background:#fffffff5;border-radius:0 0 16px 16px;box-shadow:0 7px 18px #00582e21;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-button{display:none;border:0;background:none;padding:8px}.brand-title{display:flex;flex-direction:column;min-width:280px}.brand-title strong{color:var(--green);font-size:22px}.brand-title span{color:var(--muted);font-size:12px;margin-top:2px}.global-search{margin-left:auto;width:min(400px,34vw);height:42px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #cfd8d3;border-radius:9px;background:#fff;box-shadow:0 4px 10px #00582e12}.global-search input{border:0;outline:0;width:100%;font-size:14px}.top-icon{width:40px;height:40px;position:relative;border:0;background:none}.top-icon b,.mobile-nav button b{position:absolute;width:10px;height:10px;border-radius:50%;background:red;top:6px;right:7px}.user-menu{margin-left:auto;display:flex;align-items:center;gap:10px;border:0;background:none;padding:5px;text-align:left;white-space:nowrap}.avatar{width:38px;height:38px;border:1px solid #b8c9c0;border-radius:50%;display:grid;place-items:center}.user-menu span:last-child{display:flex;flex-direction:column;gap:3px}.user-menu small{color:var(--muted)}.user-dropdown{position:fixed;z-index:30;right:24px;top:80px;background:#fff;padding:8px;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.user-dropdown button{display:flex;align-items:center;gap:9px;border:0;background:none;padding:10px 18px;color:#b4232d}.dashboard-content{padding:92px 34px 40px;max-width:1600px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:16px;flex-wrap:wrap}.page-heading h1{font-size:30px;margin:0 0 6px}.page-heading p{margin:0;color:var(--muted)}.date-filter{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 15px;color:var(--green);border:1.5px solid var(--green);border-radius:8px;background:#fff;font-weight:600;box-shadow:0 7px 15px #00582e21}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:24px}.summary-card,.panel{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.summary-card{min-height:114px;display:flex;align-items:center;gap:18px;border-radius:var(--radius);padding:18px;border-left:4px solid currentColor}.summary-card h3{font-size:15px;margin:0 0 10px;color:var(--text)}.summary-card p{color:var(--muted);margin:0;font-size:14px}.summary-icon,.task-icon{display:grid;place-items:center;flex:0 0 auto;border-radius:50%}.summary-icon{width:58px;height:58px;background:color-mix(in srgb,currentColor 15%,white)}.summary-icon svg{width:31px;height:31px}.green{color:var(--green)}.blue{color:var(--blue)}.purple{color:var(--purple)}.orange{color:var(--orange)}.teal{color:var(--teal)}.red{color:var(--red)}.dashboard-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}.panel{border-radius:var(--radius);padding:16px 18px;border-top:3px solid var(--green);min-height:250px}.panel h2{margin:0 0 12px;font-size:19px}.progress-list,.task-list{border:1px solid #d9e3dd;border-radius:10px;overflow:hidden}.progress-row{display:grid;grid-template-columns:185px 1fr 120px;align-items:center;gap:15px;height:48px;padding:0 14px;border-bottom:1px solid #e0e5e2;color:var(--text)}.progress-row:last-child,.task-row:last-child{border-bottom:0}.progress-row>span{display:flex;align-items:center;gap:10px;font-weight:500}.progress-row span svg{width:24px;color:currentColor}.progress-row i{height:10px;border-radius:999px;background:color-mix(in srgb,currentColor 15%,white);overflow:hidden}.progress-row i b{display:block;height:100%;border-radius:inherit;background:currentColor}.progress-row small{color:var(--muted);text-align:right}.task-row{width:100%;height:56px;display:grid;grid-template-columns:38px 1fr 90px 20px;align-items:center;gap:10px;padding:0 12px;border:0;border-bottom:1px solid #e0e5e2;background:#fff;text-align:left}.task-row>svg{width:18px}.task-row small{color:var(--muted)}.task-icon{width:34px;height:34px;background:color-mix(in srgb,currentColor 13%,white)}.task-icon svg{width:22px}.task-row.featured:hover{background:#f0faf4}.operation-grid{display:grid;grid-template-columns:repeat(3,1fr);height:190px}.operation-grid article{text-align:center;padding:10px 20px;border-right:1px solid #dce5df}.operation-grid article:last-child{border-right:0}.operation-grid h3{font-size:13px;margin:0 0 5px}.operation-grid p{font-size:12px;color:var(--muted);margin:0 0 14px}.mini-bars{height:74px;display:flex;align-items:end;justify-content:center;gap:16px;border-bottom:2px solid var(--green);padding-bottom:1px}.mini-bars i{width:18px;background:linear-gradient(#a4dec0 45%,var(--green) 45%);border-radius:4px 4px 0 0}.mini-bars i:nth-child(1){height:34px}.mini-bars i:nth-child(2){height:44px}.mini-bars i:nth-child(3){height:50px}.mini-bars i:nth-child(4){height:66px}.stock-art{height:82px;border:3px solid var(--blue);border-top:0;display:flex;align-items:end;justify-content:center;gap:8px;padding:10px}.stock-art:before{content:"";position:absolute}.stock-art span{width:32px;height:30px;border:3px solid var(--orange)}.expiry-art{display:flex;align-items:center;justify-content:center;gap:20px;color:var(--teal)}.expiry-art svg{width:62px;height:62px}.expiry-art b{color:var(--orange);font-size:34px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:15px 5px}.quick-action{height:126px;border:1.5px solid var(--green);background:#fff;color:var(--green);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 16px #00582e21}.quick-action svg{width:42px;height:42px}.quick-action.primary{background:linear-gradient(150deg,var(--green-bright),var(--green-dark));color:#fff}.quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.mobile-nav,.sidebar-overlay{display:none}.toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translate(-50%,20px);padding:13px 20px;border-radius:10px;background:var(--text);color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%)}.app-loading{min-height:100vh;display:grid;place-items:center;color:var(--muted);font-size:18px}@media(max-width:1180px){.summary-grid{grid-template-columns:repeat(2,1fr)}.global-search{display:none}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:960px){.login-view{grid-template-columns:1fr;grid-template-rows:minmax(160px,32vh) minmax(0,1fr);background:#fff}.login-brand{height:auto;min-height:0;padding:18px 24px 4px;justify-content:flex-start}.login-logo{width:210px;max-height:105px;margin:0}.login-brand h1{font-size:32px;margin:2px 0 6px}.login-brand p{font-size:14px}.film-art{height:42%;width:100%;left:0;bottom:-7%;opacity:.55}.flow-line{width:94%;left:3%}.line-b,.line-c{left:3%}.roll{width:70px;bottom:18%}.login-panel-wrap{height:auto;min-height:0;padding:6px 18px 14px;position:relative;z-index:2}.login-card{padding:22px 24px;border-radius:18px}.login-title{margin-bottom:18px}.login-title h2{font-size:30px}.title-icon svg{width:38px;height:38px}.field{height:52px;margin-bottom:15px}.login-options{font-size:14px}.copyright{margin:12px 0 0}.sidebar{transform:translate(-110%);transition:transform .22s ease;width:274px}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;z-index:18;top:0;right:0;bottom:0;left:0;background:#03231257}.sidebar-overlay.show{display:block}.app-shell{margin-left:0}.topbar{height:64px;left:0;padding:0 16px;gap:10px;border-radius:0 0 14px 14px}.menu-button{display:grid;place-items:center}.brand-title{min-width:0;margin-right:auto}.brand-title strong{font-size:21px}.brand-title span{display:none}.user-menu span:last-child{display:none}.avatar{width:38px;height:38px}.dashboard-content{padding:84px 18px 95px}.page-heading{align-items:flex-start}.page-heading h1{font-size:29px}.page-heading p{font-size:14px;max-width:230px}.date-filter{min-height:43px;padding:0 11px}.summary-grid{display:flex;overflow-x:auto;gap:14px;margin:22px -18px 24px;padding:0 18px 20px;scroll-snap-type:x mandatory;scrollbar-width:none}.summary-card{flex:0 0 174px;min-height:210px;flex-direction:column;justify-content:center;text-align:center;scroll-snap-align:start;border-left:1px solid var(--border);border-top:3px solid currentColor}.summary-icon{width:72px;height:72px;border-radius:16px}.summary-card h3{font-size:17px;line-height:1.35}.dashboard-grid{display:flex;flex-direction:column;gap:20px}.tasks-panel{order:1}.progress-panel{order:2}.operations-panel{order:3}.quick-panel{display:none}.panel{padding:16px;min-height:auto}.panel h2{font-size:22px}.task-row{height:64px;grid-template-columns:38px 1fr 72px 18px}.task-row strong{font-size:14px}.progress-row{grid-template-columns:150px 1fr;height:62px;gap:10px}.progress-row small{display:none}.operation-grid{height:auto;overflow-x:auto;grid-template-columns:repeat(3,210px);padding-bottom:8px}.operation-grid article{min-height:180px}.mobile-nav{position:fixed;z-index:15;left:12px;right:12px;bottom:10px;height:72px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-strong);padding:7px 5px}.mobile-nav button{position:relative;border:0;background:none;color:#68736d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px}.mobile-nav button svg{width:23px;height:23px}.mobile-nav button.active{color:var(--green);font-weight:600}.mobile-nav button b{top:0;right:16%;width:8px;height:8px}}@media(max-width:600px){.login-view{position:fixed;grid-template-rows:auto auto;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none}.login-brand{min-height:220px}.login-panel-wrap{min-height:430px}}@media(max-width:480px){.login-brand{min-height:210px}.login-logo{width:210px;max-height:125px}.login-brand h1{font-size:34px}.login-brand p{font-size:13px}.login-options{align-items:flex-start}.check-label{max-width:145px}.link-button{white-space:nowrap}.summary-card{flex-basis:160px}.page-heading{gap:10px}.date-filter svg{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.page-actions{display:flex;gap:12px;flex-wrap:wrap}.secondary-button{height:46px;padding:0 18px;border:1.5px solid var(--green);border-radius:8px;background:#fff;color:var(--green);font-weight:600}.secondary-button:hover{background:var(--mint-2)}.page-actions .primary-button,.page-actions .secondary-button{width:auto;height:46px;font-size:15px}.filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.filter-bar input[type=search]{flex:1;min-width:220px;height:44px;padding:0 14px;border:1.5px solid #ccd1ce;border-radius:8px}.filter-bar select{height:44px;padding:0 12px;border:1.5px solid #ccd1ce;border-radius:8px;background:#fff}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);margin-bottom:18px}table{width:100%;border-collapse:collapse;min-width:860px}thead th{text-align:left;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--mint-2);white-space:nowrap}tbody td{padding:12px 16px;border-bottom:1px solid #e0e5e2;font-size:14px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7fbf8}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.table-actions button{border:1px solid var(--border);background:#fff;color:var(--green-dark);border-radius:6px;padding:6px 10px;font-size:13px;white-space:nowrap}.table-actions button:hover{background:var(--mint-2)}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0 40px;color:var(--muted);font-size:14px}.pagination-bar button{height:40px;padding:0 16px;border:1.5px solid var(--green);border-radius:8px;background:#fff;color:var(--green);font-weight:600}.pagination-bar button:disabled{opacity:.45;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#03231266;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:min(560px,100%);max-height:90vh;overflow-y:auto;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-strong);padding:28px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h2{margin:0;font-size:22px;color:var(--green-dark)}.modal-body form .form-field-group{margin-bottom:16px}.modal-body label{display:block;font-size:14px;margin-bottom:6px;color:var(--text)}.modal-body input[type=text],.modal-body input[type=email],.modal-body select{width:100%;height:46px;padding:0 12px;border:1.5px solid #ccd1ce;border-radius:8px}.modal-body .primary-button{height:50px;font-size:16px;margin-top:8px}.modal-body .check-label{margin:10px 0}.form-hint{color:var(--muted);font-size:13px;margin:4px 0 0}.role-checkbox-group{border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin:12px 0}.role-checkbox-group legend{padding:0 6px;color:var(--green-dark);font-weight:600}.role-checkbox-group .check-label{margin:8px 0}.permission-readout{margin:16px 0;padding:12px 14px;background:var(--mint-2);border-radius:8px}.permission-readout h3{margin:0 0 8px;font-size:15px;color:var(--green-dark)}.permission-readout ul{margin:0;padding-left:18px}.detail-list{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px}.detail-list dt{color:var(--muted);font-size:13px}.detail-list dd{margin:0}.text-center{text-align:center}.forbidden-icon{color:var(--orange);width:48px;height:48px;margin-bottom:12px}@media(max-width:600px){.modal-card{padding:20px}.filter-bar{flex-direction:column}.filter-bar input[type=search]{min-width:0}}