:root{--forest:#27483d;--forest-deep:#18382e;--forest-soft:#edf3ef;--mint:#dceae1;--ink:#1f2a26;--muted:#75817c;--line:#e4e9e5;--paper:#f7f8f5;--white:#fff;--amber:#b57d19;--amber-bg:#fff4de;--red:#b54c46;--red-bg:#fff0ee;--green:#41785b;--green-bg:#edf6ef;--shadow:0 12px 32px rgba(25,52,41,.07);font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,b,strong{font-family:'Manrope','DM Sans',sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1.2px;margin-bottom:6px}h2{font-size:17px;letter-spacing:-.3px;margin-bottom:5px}h3{margin:0;font-size:15px}.muted,.page-heading p,.panel-heading p,.section-label p{color:var(--muted)}
.boot-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted);font-size:13px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--forest);color:#fff;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;box-shadow:0 5px 12px #27483d26}.auth-page{min-height:100dvh;display:grid;grid-template-columns:minmax(440px,1fr) minmax(360px,.9fr);background:#fff}.auth-card{width:min(100%,460px);margin:auto;padding:50px 52px}.setup-card{width:min(100%,510px)}.brand-row{display:flex;align-items:center;gap:11px;margin-bottom:64px}.brand-row b{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.4px;display:block}.brand-row small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.eyebrow{font-weight:700;font-size:10px;letter-spacing:1.45px;color:#7e9086;margin-bottom:10px}.auth-card h1{font-size:29px}.auth-card>.muted{line-height:1.65;margin:8px 0 26px;font-size:13px}.stack-form{display:grid;gap:16px}.stack-form label,.form-grid label{display:grid;gap:7px;font-size:12px;font-weight:600;color:#4f5b55}.stack-form input,.form-grid input,.form-grid select,.control{width:100%;min-width:0;height:42px;padding:0 12px;border:1px solid #dfe6e1;border-radius:8px;background:#fff;color:var(--ink);outline:none;transition:border .15s,box-shadow .15s}.stack-form input:focus,.form-grid input:focus,.form-grid select:focus,.control:focus{border-color:#749781;box-shadow:0 0 0 3px #dceae188}.stack-form input[readonly]{background:#f3f5f3;color:#66726c}.stack-form label small{font-size:10px;color:var(--muted);font-weight:400}.button{height:40px;padding:0 15px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:12px;white-space:nowrap;transition:transform .15s,background .15s,box-shadow .15s}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.65;cursor:wait}.button.primary{background:var(--forest);color:#fff;box-shadow:0 4px 10px #27483d22}.button.primary:hover{background:var(--forest-deep)}.button.secondary{background:#edf3ef;color:var(--forest)}.button.secondary:hover{background:#e2ece5}.button.quiet{background:transparent;color:var(--muted)}.button.full{width:100%;height:45px;margin-top:5px}.button.full span{margin-left:auto}.button.small{height:33px;padding:0 11px;font-size:11px}.button.subtle-danger{background:var(--red-bg);color:var(--red)}.form-message{min-height:16px;margin:0;color:var(--red);font-size:12px}.auth-foot{margin-top:35px;padding-top:18px;border-top:1px solid var(--line);color:#86918b;font-size:11px}.auth-side{position:relative;overflow:hidden;background:var(--forest);display:flex;align-items:flex-end;padding:72px;color:#f4f6f1;min-height:100dvh}.side-copy{position:relative;z-index:2;margin-bottom:4vh}.side-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.12;letter-spacing:-2.5px;margin:15px 0}.side-copy p{max-width:280px;color:#c2d4c8;line-height:1.7;font-size:14px}.eyebrow.light{color:#b3c9ba}.decor-circle{position:absolute;border-radius:50%;border:1px solid #ffffff1e}.c1{width:540px;height:540px;right:-150px;top:7%;background:radial-gradient(circle at 40% 40%,#ffffff0c,transparent 64%)}.c2{width:360px;height:360px;right:7%;top:23%;border-color:#ffffff13}.toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translate(-50%,15px);background:#243d33;color:#fff;padding:11px 18px;border-radius:10px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#8e3f3b}
.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:4;inset:0 auto 0 0;width:244px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:25px 15px 15px}.brand-sidebar{padding:0 12px;margin-bottom:42px}.brand-sidebar b{font-size:15px}.brand-sidebar small{font-size:10px}.workspace-label{padding:0 13px;margin-bottom:11px;font-size:9px;letter-spacing:1.35px;color:#a0aaa4;font-weight:700}.sidebar nav{display:grid;gap:4px}.nav-link{width:100%;height:41px;text-align:left;display:flex;align-items:center;gap:12px;padding:0 13px;background:transparent;border:0;border-radius:8px;color:#707c75;font-size:12px;font-weight:600}.nav-link:hover{background:#f5f7f5;color:var(--forest)}.nav-link.active{background:#edf3ef;color:var(--forest);font-weight:700}.nav-icon{width:18px;text-align:center;font-size:17px;line-height:1;color:#86938b}.nav-link.active .nav-icon{color:var(--forest)}.nav-badge{font-style:normal;margin-left:auto;min-width:19px;height:19px;display:grid;place-items:center;border-radius:10px;background:#d5e3d8;color:#365c47;font-size:10px}.sidebar-bottom{margin-top:auto}.secure-note{height:37px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#87928c;font-size:10px;border-bottom:1px solid var(--line);margin-bottom:9px}.secure-dot{width:7px;height:7px;background:#6eaa7d;border-radius:50%;box-shadow:0 0 0 3px #e5f1e8}.profile{width:100%;background:none;border:0;display:flex;align-items:center;gap:9px;text-align:left;padding:8px 7px;border-radius:9px}.profile:hover{background:#f6f7f5}.avatar,.top-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#dfeae2;color:var(--forest);font-weight:700;font-size:12px}.profile-copy{display:grid;gap:2px;min-width:0}.profile-copy b{font-size:11px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy small{font-size:10px;color:var(--muted)}.profile-more{margin-left:auto;color:#9da7a1;font-size:20px;letter-spacing:-2px}.main-area{margin-left:244px;min-height:100vh}.topbar{height:63px;position:sticky;top:0;z-index:3;background:#ffffffec;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 39px;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:10px;color:#a3aca6;font-size:11px}.breadcrumb i{font-style:normal;color:#c9d0cb}.breadcrumb b{color:#46534b;font-weight:600}.top-actions{display:flex;align-items:center;gap:17px}.today-label{color:#808b84;font-size:11px}.icon-button{position:relative;background:none;border:0;color:#77857c;font-size:19px}.icon-button i{position:absolute;top:1px;right:0;width:6px;height:6px;border-radius:50%;background:#cc8c3e;border:1px solid white}.top-avatar{width:29px;height:29px;font-size:11px}.mobile-brand{display:none}.view-content{max-width:1480px;padding:34px 39px 54px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.page-heading h1{font-size:28px}.page-heading p{font-size:12px;margin:0;line-height:1.55}.heading-chip{padding:8px 11px;border-radius:20px;background:#edf3ef;color:#54715d;font-weight:600;font-size:10px;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.stat-card{min-height:123px;padding:17px 18px;background:#fff;border:1px solid var(--line);border-radius:11px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#77827b;font-size:11px}.stat-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#f2f6f3;color:#65826e;font-size:16px}.stat-card strong{display:block;font-size:26px;letter-spacing:-1px;margin:7px 0 1px}.stat-card small{font-size:10px;color:#a0aaa4}.stat-card.accent .stat-icon{background:#fff4df;color:#b77c1a}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:16px;overflow:hidden}.panel-heading{padding:18px 20px 14px;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading h2{margin:0;font-size:14px}.panel-heading p{font-size:10px;margin:4px 0 0}.text-button{background:none;border:0;color:#5f8068;font-weight:700;font-size:10px}.table-wrap{overflow:auto}.panel table{width:100%;border-collapse:collapse;text-align:left;min-width:580px}.panel th{padding:10px 15px;background:#f8faf8;color:#909b94;font-size:9px;letter-spacing:.45px;text-transform:uppercase;font-weight:700;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed}.panel td{padding:11px 15px;border-bottom:1px solid #f0f2f0;color:#59655e;font-size:10px;vertical-align:middle}.panel tbody tr:last-child td{border-bottom:0}.panel td b{color:#38453d;font-size:11px}.panel td small{display:block;color:#9ba59f;font-size:9px;margin-top:3px}.qty-low{color:#bb7b16!important}.status-pill{display:inline-flex;align-items:center;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700;white-space:nowrap;background:#f1f3f1;color:#78847c}.status-pill.good,.status-pill.completed{background:#edf5ef;color:#4f805c}.status-pill.warning,.status-pill.pending{background:#fff4df;color:#a97723}.status-pill.approved{background:#eef2fa;color:#6579a0}.status-pill.sent{background:#eaf2f7;color:#56809c}.status-pill.received{background:#edf5ef;color:#4f805c}.status-pill.rejected{background:#fff0ee;color:#b55750}.status-pill.neutral{background:#f1f2f1;color:#8a938e}.activity-list{padding:0 19px 9px}.activity-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #f0f2f0}.activity-mark{width:27px;height:27px;border-radius:8px;background:#eef6ef;color:#51815c;display:grid;place-items:center;font-size:16px}.activity-mark.minus{background:#fff2ef;color:#b65d52}.activity-row div{display:grid;gap:3px;flex:1;min-width:0}.activity-row div b{font-size:10px}.activity-row div small{font-size:9px;color:#99a39d}.activity-row>strong{font-size:10px}.positive{color:#4f875d!important}.negative{color:#b35750!important}.welcome-strip{display:flex;align-items:center;justify-content:space-between;background:var(--forest);border-radius:11px;padding:18px 20px;color:#fff;margin-top:1px}.welcome-strip>div:first-child{display:flex;align-items:center;gap:12px}.welcome-strip b,.welcome-strip small{display:block}.welcome-strip b{font-size:11px}.welcome-strip small{color:#c1d3c6;font-size:10px;margin-top:4px}.welcome-spark{width:31px;height:31px;border-radius:9px;background:#ffffff19;display:grid;place-items:center;color:#d0e0d2;font-size:16px}.welcome-actions{display:flex;gap:8px}.light-button{background:#fff;color:var(--forest);height:34px;font-size:10px}.outline-light{height:34px;background:transparent;color:#fff;border:1px solid #ffffff50;font-size:10px}.empty-state{padding:30px 18px;text-align:center;color:#95a099}.empty-state>span{width:29px;height:29px;display:grid;place-items:center;margin:0 auto 7px;background:#f3f6f3;color:#74907c;border-radius:9px;font-size:16px}.empty-state b{display:block;color:#627067;font-size:11px}.empty-state p{font-size:10px;margin:4px 0 0}
.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.search-box{height:39px;display:flex;align-items:center;gap:8px;max-width:340px;flex:1;padding:0 11px;background:#fff;border:1px solid var(--line);border-radius:8px;color:#849189}.search-box span{font-size:19px}.search-box input{width:100%;border:0;outline:0;font-size:11px;background:transparent;color:var(--ink)}.toolbar .control{width:auto;min-width:185px;height:39px;font-size:11px}.toolbar-count{margin-left:auto;color:#9aa49e;font-size:10px}.inventory-panel{margin-bottom:15px}.forms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-panel{padding-bottom:18px}.form-panel .panel-heading{padding-bottom:17px}.form-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf4ef;color:#62816b;font-size:17px;flex:0 0 auto}.form-grid{padding:0 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px}.form-grid label{font-size:10px}.form-grid input,.form-grid select{height:37px;padding:0 10px;border-radius:7px;font-size:11px;font-weight:400}.form-grid input::placeholder{color:#adb6b0}.span-2{grid-column:span 2}.optional{color:#a3ada6;font-weight:400;font-size:9px}.form-submit{display:flex;align-items:center;gap:8px;padding-top:2px}.form-submit .button{min-width:130px}.compact-form{padding-bottom:17px}.transfer-create{margin-bottom:22px}.transfer-item-entry{display:grid;grid-template-columns:1fr .6fr;gap:12px}.section-label{display:flex;justify-content:space-between;align-items:end;margin:5px 0 12px}.section-label h2{font-size:16px;margin:0 0 4px}.section-label p{font-size:10px;margin:0}.transfer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.transfer-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}.transfer-head{display:flex;justify-content:space-between;gap:10px}.transfer-id{color:#829087;font-size:9px;font-weight:700;letter-spacing:.7px}.transfer-head h3{font-size:13px;margin:6px 0 3px}.transfer-head h3 span{color:#90a098;padding:0 3px}.transfer-head small{font-size:9px;color:#9aa39d}.transfer-lines{margin:14px 0 0;border-top:1px solid #eff2ef}.transfer-lines div{display:flex;justify-content:space-between;gap:12px;padding:9px 0 0;font-size:10px;color:#67736b}.transfer-lines b{font-size:10px;color:#35453b}.transfer-lines b small{font-size:9px;color:#9da7a0;font-weight:400}.transfer-note{margin:9px 0 0;color:#8b958f;font-size:10px}.card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding-top:13px;margin-top:13px;border-top:1px solid #eff2ef}.action-hint{font-size:9px;color:#87938b;flex:1;min-width:150px}.code-pill{background:#f2f5f2;padding:5px 7px;border-radius:5px;color:#63756a;font-weight:700;font-size:9px}.more-button{border:0;background:none;color:#567763;font-size:10px;font-weight:700;padding:5px}.danger-text{color:#b65b52}.supplier-grid{padding:0 18px 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:9px}.supplier-card{padding:13px;border:1px solid #edf0ed;border-radius:8px;display:grid;gap:5px}.supplier-card b{font-size:10px}.supplier-card small{font-size:9px;color:#919c95}.supplier-icon{font-size:14px;color:#7a9781}.simple-list{padding:0 18px 12px}.simple-list>div{padding:10px 0;border-top:1px solid #eff2ef;display:grid;gap:4px}.simple-list b{font-size:10px}.simple-list b small{display:inline;color:#91a097;font-size:9px;font-weight:400;margin-left:5px}.simple-list span{color:#929d96;font-size:9px}.leave-row{grid-template-columns:1fr!important}.leave-buttons{display:flex;gap:9px}.leave-buttons button{border:0;background:none;color:#557b61;padding:0;font-size:9px;font-weight:700}.leave-buttons button+button{color:#b4655d}.user-form{padding-bottom:19px}.check-field{border:1px solid #e7ece8;border-radius:8px;padding:10px 11px 11px;min-width:0}.check-field legend{font-size:10px;color:#536158;font-weight:700;padding:0 4px}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-item,.permission-item{display:flex!important;align-items:center;gap:6px!important;min-width:0;color:#657168!important;font-size:9px!important;font-weight:500!important}.check-item input,.permission-item input{width:14px;height:14px;margin:0;accent-color:var(--forest)}.check-item small{color:#9ba69e;font-size:8px}.report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.report-summary>div{padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:#fff}.report-summary span{display:block;color:#88938c;font-size:10px}.report-summary b{display:block;font-size:19px;margin-top:5px}.filters-inline{display:flex;gap:6px;align-items:center}.filters-inline .control{height:32px;padding:0 7px;font-size:9px}.audit-details{max-width:390px;white-space:normal;word-break:break-word;font-family:ui-monospace,monospace;font-size:9px!important}.report-summary .positive,.report-summary .negative{font-size:19px}
@media(max-width:1150px){.sidebar{width:218px}.main-area{margin-left:218px}.topbar{padding:0 25px}.view-content{padding:29px 25px 45px}.dashboard-grid{grid-template-columns:1fr}.stats-grid{gap:10px}.stat-card{padding:14px}.transfer-list{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr .7fr}.auth-card{padding:40px}}
@media(max-width:760px){.auth-page{display:block;background:#fff}.auth-card,.setup-card{width:100%;max-width:520px;padding:32px 25px 28px}.auth-card .brand-row{margin-bottom:45px}.auth-side{display:none}.auth-foot{margin-top:26px}.app-shell{padding-bottom:65px}.sidebar{position:fixed;inset:auto 0 0;width:100%;height:62px;padding:4px 8px calc(4px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);background:#fff;display:block}.brand-sidebar,.workspace-label,.sidebar-bottom{display:none}.sidebar nav{height:100%;display:flex;align-items:center;justify-content:space-around;gap:0}.nav-link{height:51px;width:auto;min-width:52px;padding:4px 7px;display:grid;justify-items:center;align-content:center;gap:3px;border-radius:8px;font-size:8px;line-height:1.05}.nav-link .nav-icon{font-size:17px;width:auto}.nav-link span:nth-child(2){max-width:60px;white-space:nowrap}.nav-badge{position:absolute;transform:translate(14px,-11px);min-width:15px;height:15px;font-size:8px}.main-area{margin-left:0}.topbar{height:55px;padding:0 16px}.breadcrumb{display:none}.mobile-brand{border:0;background:transparent;display:flex;align-items:center;gap:8px;color:var(--forest);font-size:13px}.mobile-brand .brand-mark{width:29px;height:29px;font-size:15px;border-radius:9px}.top-actions{gap:12px}.today-label{display:none}.view-content{padding:24px 15px 34px}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading h1{font-size:24px}.page-heading p{font-size:11px;max-width:550px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{min-height:105px;padding:13px}.stat-card strong{font-size:23px}.stat-top{font-size:10px}.welcome-strip{align-items:flex-start;gap:14px;flex-direction:column;padding:15px}.welcome-actions{width:100%}.welcome-actions .button{flex:1}.forms-grid{grid-template-columns:1fr;gap:0}.form-grid{padding:0 15px}.panel-heading{padding:15px}.form-panel .panel-heading{padding-bottom:14px}.toolbar{flex-wrap:wrap}.search-box{max-width:none;flex-basis:100%}.toolbar .control{flex:1;min-width:0}.toolbar-count{margin-left:0}.transfer-item-entry{grid-template-columns:1fr .65fr}.report-summary{gap:7px}.report-summary>div{padding:11px}.report-summary span{font-size:9px}.report-summary b{font-size:16px}.filters-inline{width:100%}.panel-heading:has(.filters-inline){flex-wrap:wrap;align-items:flex-start}.filters-inline .control{flex:1;min-width:0}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-grid{grid-template-columns:1fr}.panel table{min-width:680px}.dashboard-grid{gap:0}.top-avatar{width:27px;height:27px}}
@media(max-width:390px){.nav-link{min-width:44px;padding-inline:4px;font-size:7px}.nav-link span:nth-child(2){max-width:53px}.auth-card,.setup-card{padding-inline:20px}.view-content{padding-inline:12px}.page-heading h1{font-size:22px}.stats-grid{gap:7px}.stat-card{padding:11px}}

.profile-area{position:relative}.profile-menu{position:absolute;z-index:8;left:7px;bottom:50px;width:205px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.profile-menu[hidden]{display:none}.profile-menu button{width:100%;height:34px;padding:0 10px;text-align:left;border:0;border-radius:6px;background:#fff;color:#4d5d53;font-size:11px}.profile-menu button:hover{background:#f1f5f2}.profile-menu button:last-child{color:#b35750}
.password-dialog{width:min(440px,calc(100vw - 30px));border:1px solid var(--line);border-radius:13px;padding:23px;background:#fff;color:var(--ink);box-shadow:0 25px 80px #12281e40}.password-dialog::backdrop{background:#12281e70;backdrop-filter:blur(2px)}.password-dialog form{display:grid;gap:13px}.password-dialog label{display:grid;gap:6px;font-size:11px;font-weight:600;color:#536057}.password-dialog input{height:40px;padding:0 11px;border:1px solid #dfe6e1;border-radius:7px;outline:0}.password-dialog input:focus{border-color:#749781;box-shadow:0 0 0 3px #dceae188}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2{margin:0;font-size:17px}.dialog-head p{margin:5px 0 0;font-size:10px;color:var(--muted)}.dialog-close{width:27px;height:27px;border:0;border-radius:7px;background:#f0f4f1;color:#6d7c72;font-size:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:7px;padding-top:3px}
.add-line-button{border:0;background:none;color:#5c7e65;text-align:left;font-size:10px;font-weight:700;padding:0 2px}.transfer-lines-entry{display:grid;gap:9px}.transfer-item-entry{position:relative;display:grid;grid-template-columns:1fr .65fr;gap:12px;padding-right:28px}.remove-line{position:absolute;right:0;bottom:3px;width:23px;height:23px;border:0;border-radius:6px;background:#fff0ee;color:#b65b52;font-size:17px;line-height:1}.span-2.add-line-button{grid-column:span 2}
.page-buttons{display:flex;align-items:center;gap:8px;color:#88938c;font-size:9px}.page-buttons .button{min-width:30px;padding:0 8px}.page-buttons .button:disabled{opacity:.35;cursor:default;transform:none}
.notice-panel{display:flex;gap:10px;align-items:flex-start;padding:12px 15px;margin:0 0 14px;border:1px solid #e8dfbd;background:#fff8e8;border-radius:9px;color:#8f742c}.notice-panel>span{font-size:16px}.notice-panel p{margin:1px 0 0;font-size:10px;line-height:1.5}.notice-panel b{color:#6f5820}
.bulk-import-panel{padding:16px 19px;display:flex;align-items:center;justify-content:space-between;gap:16px}.bulk-import-panel h2{margin:0 0 4px;font-size:13px}.bulk-import-panel p{margin:0;color:#8b968f;font-size:10px;line-height:1.5}.bulk-import-panel p b{color:#64756b}.bulk-import-panel form{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px}.bulk-import-panel a{color:#5b8066;font-size:10px;font-weight:700;text-decoration:none}.bulk-import-panel input[type=file]{max-width:225px;color:#7b8880;font-size:10px}.bulk-import-panel input::file-selector-button{height:31px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:#f8faf8;color:#526257;font-size:9px;font-weight:600}
.sales-filters{align-items:end}.filter-label{display:grid;gap:5px;color:#78857c;font-size:10px;font-weight:600}.sales-filters .control{min-width:180px}.sales-summary{margin:0 0 15px}.sales-forms{display:grid;gap:15px;margin-bottom:15px}.sales-entry-panel,.sales-menu-panel,.sales-month-panel{margin-bottom:15px}.sales-entry-table{min-width:620px}.sales-entry-table th:nth-child(2),.sales-entry-table th:nth-child(3){width:180px}.sales-entry-table input{width:100%;min-width:110px;height:35px;padding:0 9px;border:1px solid #dfe6e1;border-radius:7px;font:inherit;font-weight:400}.sales-entry-table td:first-child b{display:block}.sales-entry-table td:first-child small{display:block;color:#9aa39d;font-size:9px;margin-top:3px}.sales-item-form{padding-bottom:15px}.sales-notice{margin:0 18px 17px}
@media(max-width:760px){.bulk-import-panel{align-items:flex-start;flex-direction:column;padding:15px}.bulk-import-panel form{width:100%;justify-content:flex-start}.bulk-import-panel input[type=file]{max-width:100%;width:100%}}
@media(max-width:760px){.sales-filters{align-items:stretch}.sales-filters .filter-label{flex:1;min-width:0}.sales-filters .control{min-width:0;width:100%}.sales-entry-table{min-width:590px}}
@media(max-width:760px){.sidebar nav{height:100%;display:flex;align-items:center;justify-content:flex-start;gap:1px;overflow-x:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-link{height:51px;flex:0 0 68px;width:68px;min-width:0;padding:4px;display:grid;justify-items:center;align-content:center;gap:3px;border-radius:8px;font-size:8px;line-height:1.05}.nav-link .nav-icon{font-size:17px;width:auto}.nav-link span:nth-child(2){width:62px;max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.transfer-item-entry{grid-template-columns:1fr .65fr}}
@media(max-width:390px){.nav-link{flex-basis:66px;width:66px;min-width:0}.nav-link span:nth-child(2){width:60px;max-width:60px}}