:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172018;background:#f4f7f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:280px;background:#111a12;color:#eaf5e8;padding:22px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:14px;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:18px}.brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#5ccf4e,#1e6b25);display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:-1px;box-shadow:0 10px 30px #25a23638}.brand strong{display:block;font-size:18px}.brand span{color:#9fb59d;font-size:12px}nav{display:grid;gap:8px}nav button{width:100%;border:0;border-radius:14px;background:transparent;color:#c9d9c6;padding:13px 14px;display:flex;gap:12px;align-items:center;cursor:pointer;text-align:left}nav button:hover,nav button.active{background:#5ccf4e21;color:#fff}nav button span{width:20px;display:inline-block;text-align:center;color:#68cf5a}.main{flex:1;padding:28px;overflow-x:hidden}.page-title{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px}h1{margin:0;font-size:32px;letter-spacing:-1px}p{margin:7px 0 0;color:#657064}h2{margin:0 0 16px;font-size:18px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card,.panel{background:#ffffffd1;border:1px solid rgba(28,61,32,.08);border-radius:22px;box-shadow:0 18px 50px #1b331d14}.stat-card{padding:18px;min-height:124px;display:flex;flex-direction:column;justify-content:space-between}.stat-card span{color:#667364;font-size:13px}.stat-card strong{font-size:28px;letter-spacing:-.8px;margin:8px 0}.stat-card small{color:#889386;line-height:1.35}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.panel{padding:20px;margin-bottom:18px}.warning-panel{background:#fffdf8}.notice{padding:13px 15px;border-radius:16px;background:#eaf4ff;color:#244f75;margin-bottom:16px;border:1px solid #cfe5ff}.notice.success{background:#eefbea;color:#1f6b25;border-color:#cceec6}.notice.error{background:#fff1ef;color:#8a2018;border-color:#ffd2cc}.empty{border:1px dashed #cbd8c7;color:#7c8979;border-radius:16px;padding:20px;background:#fbfdfa}.row-card{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #eef1ed}.row-card:last-child{border-bottom:0}.table-wrap{overflow:auto;width:100%}table{width:100%;border-collapse:collapse;min-width:860px}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#71806f;text-align:left;background:#f7faf5}th,td{padding:12px 10px;border-bottom:1px solid #edf2eb;white-space:nowrap}td{font-size:14px}.form-panel{background:#fbfdf9}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}label{display:grid;gap:6px;font-size:13px;color:#566254}label.wide{grid-column:span 2}input,select{width:100%;border:1px solid #d9e3d6;background:#fff;border-radius:13px;padding:11px 12px;outline:none}input:focus,select:focus{border-color:#5ccf4e;box-shadow:0 0 0 3px #5ccf4e21}button{border:1px solid #d9e3d6;background:#fff;border-radius:12px;padding:9px 12px;cursor:pointer}button.primary{background:#1d7b27;color:#fff;border-color:#1d7b27;font-weight:700;padding:12px 16px}button.danger{color:#9b1d16;background:#fff3f1;border-color:#ffd3ce}.actions{display:flex;gap:8px}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;background:#eef2ed;color:#5b6658}.badge.printing,.badge.production{background:#e7f3ff;color:#155a8a}.badge.queued,.badge.waiting_production,.badge.pending{background:#fff5db;color:#8a5a08}.badge.completed,.badge.packing,.badge.paid,.badge.collected,.badge.idle{background:#e9f9e5;color:#1d7224}.badge.failed,.badge.cancelled,.badge.broken,.badge.maintenance_due{background:#fff0ef;color:#9a251d}.status-red{color:#a42018;font-weight:800}.status-green{color:#237a2b;font-weight:800}@media (max-width: 1120px){.stat-grid,.grid-2,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.shell{display:block}.sidebar{position:relative;width:100%;height:auto}.main{padding:18px}.stat-grid,.grid-2,.form-grid{grid-template-columns:1fr}label.wide{grid-column:span 1}}textarea{width:100%;border:1px solid #d9e3d6;background:#fff;border-radius:13px;padding:11px 12px;outline:none;resize:vertical;font:inherit}textarea:focus{border-color:#5ccf4e;box-shadow:0 0 0 3px #5ccf4e21}.textarea-label{grid-column:1 / -1}.compact-form{grid-template-columns:repeat(2,minmax(0,1fr))}.result-box{margin-top:14px;border-radius:16px;padding:14px;background:#f2fbef;border:1px solid #cfedc8;display:grid;gap:6px}.result-box strong{font-size:20px;color:#1d7224}.result-box span{color:#536150}.task-card{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:start;padding:15px 0;border-bottom:1px solid #edf2eb}.task-card:last-child{border-bottom:0}.task-card strong{font-size:16px}.task-card p{margin:4px 0 0}.task-card span{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;background:#eef2ed}.task-card small{grid-column:1 / -1;color:#637060}.priority-high span{background:#fff0ef;color:#9a251d}.priority-medium span{background:#fff5db;color:#8a5a08}.priority-low span{background:#e9f9e5;color:#1d7224}small{color:#7b8779}:root{color:#172033;background:radial-gradient(circle at top left,#e9fff3 0,#f3f7ff 28%,#f8fafc 65%)}body{background:radial-gradient(circle at 0 0,rgba(21,128,61,.14),transparent 36%),linear-gradient(135deg,#f7fbff,#f7fff8)}.sidebar{background:linear-gradient(180deg,#0b1220,#0f2f20 55%,#15310f);box-shadow:12px 0 35px #0f172a29;overflow-y:auto}.brand-mark{background:linear-gradient(135deg,#22c55e,#06b6d4 52%,#7c3aed)}nav button{transition:transform .15s ease,background .15s ease}nav button:hover,nav button.active{transform:translate(3px);background:linear-gradient(90deg,#22c55e2e,#06b6d41a)}.main{background:transparent}.stat-card,.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;inset:auto -30px -45px auto;width:110px;height:110px;border-radius:999px;background:#22c55e1a}.stat-card.accent-a:after{background:#22c55e29}.stat-card.accent-b:after{background:#06b6d429}.stat-card.accent-c:after{background:#7c3aed24}.colorful-card{background:linear-gradient(135deg,#ffffffeb,#effdf4eb);border:1px solid rgba(34,197,94,.16)}.notice.warning{background:#fff7ed;color:#9a3412;border-color:#fed7aa}button.primary.soft{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.mini-ok{display:inline-flex;align-items:center;border-radius:999px;background:#dcfce7;color:#166534;padding:6px 9px;font-size:12px;font-weight:800}.badge.not_required{background:#eef2ff;color:#3730a3}.badge.approved,.badge.aktif{background:#dcfce7;color:#166534}.badge.partial{background:#fef9c3;color:#854d0e}.badge.rejected,.badge.pasif{background:#fee2e2;color:#991b1b}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:18px}.calendar-day{min-height:92px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:#ffffffd1;text-align:left;padding:12px;display:grid;align-content:space-between;box-shadow:0 10px 28px #0f172a0d}.calendar-day strong{font-size:17px}.calendar-day span{color:#64748b;font-size:12px;text-transform:uppercase}.calendar-day small{color:#0f766e;font-weight:800}.calendar-day.active{outline:3px solid rgba(34,197,94,.22);border-color:#22c55e73;background:linear-gradient(135deg,#ecfdf5,#eff6ff)}.task-card.done{opacity:.64;background:#f8fafc;border-radius:16px;padding-left:10px}.task-card.done strong{text-decoration:line-through}.checkline{display:flex;gap:12px;align-items:flex-start;font-size:inherit;color:inherit}.checkline input{width:20px;height:20px;margin-top:2px;accent-color:#22c55e}.role-grid{display:grid;gap:12px}.role-grid>div{padding:14px;border-radius:16px;background:#ffffffad;border:1px solid rgba(15,23,42,.06)}@media (max-width: 900px){.sidebar{position:sticky;top:0;z-index:30;border-radius:0 0 24px 24px}.brand{margin-bottom:12px;padding-bottom:12px}nav{grid-template-columns:repeat(2,minmax(0,1fr));max-height:310px;overflow-y:auto}nav button{padding:11px;font-size:13px}h1{font-size:26px}.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-day{min-height:82px}table{min-width:760px}}@media (max-width: 520px){.main{padding:14px}.panel{padding:15px;border-radius:18px}.stat-card{min-height:106px}.stat-card strong{font-size:24px}nav{grid-template-columns:1fr 1fr}.actions{flex-wrap:wrap}.calendar-grid{grid-template-columns:1fr}}.print-box{white-space:pre-wrap;background:#0f172a;color:#f8fafc;border-radius:18px;padding:16px;margin-top:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.55;overflow:auto}.badge.draft{background:#eef2ff;color:#3730a3}.badge.ordered{background:#fff7ed;color:#9a3412}.badge.received,.badge.open,.badge.receivable{background:#dcfce7;color:#166534}.badge.overdue,.badge.payable{background:#fee2e2;color:#991b1b}@media print{.sidebar,.page-title,form,button{display:none!important}.main{padding:0}.panel{box-shadow:none;border:0}.print-box{color:#111;background:#fff;border:1px solid #ddd}}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:12px 14px;border-radius:20px;background:#ffffffb8;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 35px #0f172a0f;position:sticky;top:12px;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar b{display:block}.topbar small{color:#64748b}.notification-center{position:relative}.notification-trigger{position:relative;min-width:46px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#ecfdf5,#eff6ff);border-color:#bbf7d0}.notification-trigger strong{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;font-size:11px;background:#ef4444;color:#fff;border:2px solid #fff}.notification-panel{position:absolute;right:0;top:52px;width:min(460px,calc(100vw - 28px));max-height:72vh;overflow:auto;background:#fffffffa;border:1px solid rgba(15,23,42,.1);border-radius:24px;box-shadow:0 28px 80px #0f172a38;padding:14px;z-index:100}.notification-head{display:flex;justify-content:space-between;align-items:start;gap:12px;padding-bottom:12px;border-bottom:1px solid #edf2eb;margin-bottom:8px}.notification-head b{display:block;font-size:16px}.notification-head small{display:block;color:#64748b;margin-top:2px}.notification-list{display:grid;gap:10px}.notification-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px;border-radius:18px;border:1px solid #e2e8f0;background:#f8fafc}.notification-item.unread{background:#fff;border-color:#bbf7d0;box-shadow:inset 4px 0 #22c55e}.notification-item.error.unread{border-color:#fecaca;box-shadow:inset 4px 0 #ef4444}.notification-item.warning.unread{border-color:#fed7aa;box-shadow:inset 4px 0 #f97316}.notification-item.success.unread{border-color:#bbf7d0;box-shadow:inset 4px 0 #16a34a}.notification-item p{margin:4px 0;color:#475569;white-space:pre-wrap;max-height:96px;overflow:auto}.notification-item small{color:#64748b}.notification-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.notification-actions button{white-space:nowrap;padding:7px 9px;font-size:12px}@media (max-width: 760px){.topbar{position:relative;top:0;align-items:flex-start}.notification-panel{right:-6px;top:48px}.notification-item{grid-template-columns:1fr}.notification-actions{flex-direction:row;align-items:flex-start;flex-wrap:wrap}}.help-hero{align-items:stretch}.help-version{min-width:160px;border-radius:22px;background:linear-gradient(135deg,#16a34a,#0891b2);color:#fff;display:grid;place-items:center;text-align:center;padding:16px;font-size:24px;font-weight:900;box-shadow:0 18px 50px #0ea5e92e}.help-version small{color:#ffffffd6;font-size:12px;font-weight:700}.workflow-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workflow-step{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;background:#ffffffbd;border:1px solid rgba(34,197,94,.13)}.workflow-step strong{min-width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#dcfce7;color:#166534}.workflow-step span{color:#334155;line-height:1.45}.guide-toolbar{display:grid;grid-template-columns:1.4fr .6fr;gap:14px;align-items:end}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-card{margin-bottom:0}.guide-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid #e2e8f0;margin-bottom:12px}.guide-card-head span{display:inline-flex;border-radius:999px;padding:5px 9px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:900}.guide-card-head h2{margin:8px 0 0;font-size:22px}.guide-card-head b{border-radius:14px;padding:8px 10px;background:#ecfdf5;color:#047857;white-space:nowrap;font-size:13px}.guide-purpose{font-size:15px;color:#334155;line-height:1.55}.guide-block{margin-top:14px;padding-top:14px;border-top:1px dashed #dbe5d6}.guide-block strong{display:block;margin-bottom:8px;color:#0f172a}.guide-block p{line-height:1.55}.guide-block ol,.guide-warning ul,.guide-list{margin:8px 0 0;padding-left:20px;color:#475569;line-height:1.6}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip-list span{border-radius:999px;padding:7px 10px;background:#f1f5f9;color:#334155;font-size:12px;font-weight:800}.guide-warning{margin-top:14px;padding:13px;border-radius:18px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.guide-warning strong{display:block;margin-bottom:6px}.guide-warning ul{color:#9a3412}@media (max-width: 1080px){.workflow-list,.guide-grid{grid-template-columns:1fr}}@media (max-width: 760px){.help-hero{display:grid}.help-version{min-width:0;justify-items:center}.guide-toolbar{grid-template-columns:1fr}.guide-card-head{display:grid}.guide-card-head b{white-space:normal;width:fit-content}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(34,197,94,.22),transparent 34%),linear-gradient(135deg,#ecfeff,#f8fafc 54%,#ecfdf5)}.login-card{width:min(440px,100%);background:#ffffffe0;border:1px solid rgba(15,23,42,.1);border-radius:28px;padding:28px;box-shadow:0 28px 90px #0f172a29;display:grid;gap:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-logo{margin-bottom:6px}.user-chip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-radius:18px;background:#ffffff14;margin-bottom:12px;color:#eaf5e8}.user-chip small{display:block;color:#b8c7b5}.user-chip button{padding:7px 10px;border-color:#fff3;background:#ffffff14;color:#fff}.password-warning{margin-bottom:14px}.brand-logo{width:44px;height:44px;border-radius:14px;object-fit:contain;box-shadow:0 12px 28px #0f172a2e;background:#fff;padding:3px}.countdown-pill{display:inline-flex;align-items:center;gap:6px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:999px;padding:6px 10px;font-weight:800;white-space:nowrap}.row-warning{background:#fff7ed}.notice.info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.notice.danger{background:#fff1ef;color:#8a2018;border-color:#ffd2cc}.action-panel{margin-bottom:18px;border:1px solid rgba(34,197,94,.18)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.section-head h2{margin:0 0 4px}.section-head p{margin:0;color:#64748b}button.ghost{background:#ffffffb8;color:#334155;border-color:#cbd5e1}.hint-box{padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px dashed #cbd5e1;color:#475569;line-height:1.45}@media (max-width:760px){.section-head{display:grid}}.highlight-panel{border-color:#0ea5e933;background:linear-gradient(135deg,#f0f9ffeb,#fffffff0)}.check-row{display:flex;align-items:center;gap:10px;font-weight:800;color:#334155}.check-row input{width:auto}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.template-card{border:1px solid #e2e8f0;border-radius:20px;padding:14px;background:#fff;display:grid;gap:10px}.template-card textarea{min-height:150px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.45}.template-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:8px;border-bottom:1px solid #edf2eb}.template-head strong{color:#0f172a}.template-head span{border-radius:999px;padding:5px 8px;background:#eef2ff;color:#3730a3;font-size:11px;font-weight:900}@media (max-width: 900px){.template-grid{grid-template-columns:1fr}}.login-brand-logo{width:88px;height:88px;object-fit:contain;border-radius:24px;background:#fff;padding:4px;box-shadow:0 18px 45px #0f172a24}.brand-logo{width:50px;height:50px;border-radius:16px}.danger-soft{background:#fff1ef!important;color:#991b1b!important;border-color:#fecaca!important}.slip-preview{margin-top:14px;border:1px solid #dbe5d6;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 18px 44px #0f172a14}.slip-preview.thermal{max-width:340px;border-radius:18px}.slip-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:linear-gradient(135deg,#fff,#f0fdf4)}.slip-preview-head img{width:58px;height:58px;object-fit:contain;border-radius:14px;background:#fff;border:1px solid #e2e8f0;padding:3px}.slip-preview-head strong{display:block;font-size:19px;color:#0f172a}.slip-preview-head span{display:block;font-size:12px;color:#166534;font-weight:900}.slip-preview-head b{font-size:18px;color:#111827;white-space:nowrap}.slip-preview-grid{display:grid;grid-template-columns:135px 1fr;border-top:1px solid #e2e8f0}.thermal .slip-preview-grid{grid-template-columns:92px 1fr}.slip-preview-grid span,.slip-preview-grid b{padding:10px;border-bottom:1px solid #eef2f7}.slip-preview-grid span{background:#f8fafc;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.slip-preview-grid b{color:#0f172a}.slip-preview-foot{padding:12px 14px;background:#fff7ed;color:#9a3412;font-weight:800;font-size:13px}.muted{color:#64748b}@media (max-width:760px){.slip-preview-grid{grid-template-columns:98px 1fr}.login-brand-logo{width:72px;height:72px}}.row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row-actions button{padding:7px 10px;font-size:12px}.warning-panel{border-color:#facc15!important;background:#fffdf0!important}