:root{--freskio-navy:#113467;--freskio-navy-dark:#091e3d;--freskio-mid-blue:#1c5293;--freskio-green:#22c55e;--freskio-green-dark:#16a34a;--freskio-mint:#3ea05d;--freskio-dark:#0f172a;--freskio-muted:#64748b;--freskio-border:#cbd5e1;--navy:var(--freskio-navy);--navy-dark:var(--freskio-navy-dark);--green:#4cb068;--green-hover:#43a45f;--green-dark:var(--freskio-green-dark);--green-soft:#f0fdf4;--ink:#202733;--muted:#6e7f93;--line:#e2e8f0;--border:#e8ebf0;--bg:#f7f9fc;--sidebar-bg:#fff;--radius:16px;--grad-hero:radial-gradient(circle at 10% 20%, #f0fdf4 0%, #fff 60%, #f8fafc 100%);--grad-navy-rich:linear-gradient(135deg, #0d284f 0%, #113467 55%, #1c5293 100%);--grad-green-btn:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--grad-green-hover:linear-gradient(135deg, #34d399 0%, #22c55e 100%);--grad-featured-card:linear-gradient(180deg, #f0fdf4 0%, #fff 32%);--grad-badge-glow:linear-gradient(135deg, #eaf6ee 0%, #dcfce7 100%);--shadow-soft:0 4px 20px -2px #1134670d;--shadow-hover:0 16px 32px -4px #1134671f;--shadow-primary:0 10px 24px -4px #22c55e4d;--shadow:var(--shadow-soft);--fs-sidebar-width:250px;--fs-sidebar-collapsed-width:72px;color:var(--ink);font:14px/1.5 Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}*,:before,:after{box-sizing:border-box}[hidden],[hidden=hidden],[hidden=true]{display:none!important}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}h1,h2,h3,h4,h5,h6{color:var(--navy);letter-spacing:-.02em;margin:0;font-family:Poppins,Roboto,Arial,sans-serif}p{margin:0 0 10px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}img{vertical-align:middle;max-width:100%;height:auto;display:inline-block}.btn,button.btn,a.btn{border:1px solid var(--line);min-height:40px;color:var(--navy);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .18s,background .18s,color .18s,box-shadow .18s,transform .18s;display:inline-flex}.btn:hover,button.btn:hover,a.btn:hover{border-color:var(--green-dark);color:var(--green-dark)}.btn:focus-visible{outline-offset:2px;outline:3px solid #86efac}button:focus-visible{outline-offset:2px;outline:3px solid #86efac}a:focus-visible{outline-offset:2px;outline:3px solid #86efac}input:focus-visible{outline-offset:2px;outline:3px solid #86efac}select:focus-visible{outline-offset:2px;outline:3px solid #86efac}textarea:focus-visible{outline-offset:2px;outline:3px solid #86efac}.btn.primary,button.primary,.primary-button{background:var(--grad-green-btn);box-shadow:var(--shadow-primary);border-color:#16a34a;font-weight:700;color:#fff!important}.btn.primary:hover,button.primary:hover,.primary-button:hover{background:var(--grad-green-hover);transform:translateY(-1px);box-shadow:0 14px 28px -4px #22c55e5c;color:#fff!important}.btn.danger,button.danger{background:#fff;border-color:#f3d4ce;color:#b44332!important}.btn.danger:hover,button.danger:hover{background:#fff2ef;border-color:#e59a8e}.btn.ghost,button.ghost{box-shadow:none;background:0 0;border-color:#0000}.btn.small,button.small,.small-button{border-radius:8px;min-height:32px;padding:5px 9px;font-size:12px}.btn.tiny,button.tiny,button.mini{border-radius:6px;min-height:26px;padding:3px 7px;font-size:11px}.field{gap:5px;min-width:0;margin-bottom:12px;display:grid}.field.full{grid-column:1/-1}.field label{color:#516173;font-size:11px;font-weight:700;display:block}input[type=text],input[type=search],input[type=date],input[type=time],input[type=number],input[type=email],input[type=password],select,textarea{border:1px solid var(--border);width:100%;color:var(--ink);min-height:40px;font:inherit;box-sizing:border-box;background:#fff;border-radius:9px;outline:none;padding:9px 11px;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #4cb0682e}textarea{resize:vertical;min-height:70px}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:18px;accent-color:var(--green);cursor:pointer;flex-shrink:0;margin:0}.check,.check-row{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:6px 0;font-size:13px;font-weight:500;display:inline-flex}.badge,.pill,.tag,.chip{white-space:nowrap;color:#57677e;background:#eff3f7;border:1px solid #dfe5ec;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.badge.green,.pill.green,.tag.green,.chip.green,.pill:not(.amber):not(.red):not(.gray):not(.draft):not(.pending):not(.issue){color:#16824a;background:#eaf8ee;border-color:#c5ebd0}.badge.blue,.pill.blue,.tag.blue,.chip.blue{color:#2563eb;background:#eef5ff;border-color:#c9defe}.badge.amber,.pill.amber,.tag.amber,.chip.amber,.pill.draft,.pill.pending{color:#a16207;background:#fff7e7;border-color:#f7e2af}.badge.red,.pill.red,.tag.red,.chip.red,.pill.issue{color:#b44332;background:#fff1ef;border-color:#f6cbc3}.badge.purple,.pill.purple,.tag.purple,.chip.purple{color:#6d49b8;background:#f5f3ff;border-color:#dfd5f9}.badge.gray,.pill.gray,.tag.gray,.chip.gray{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.card,.panel{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);box-sizing:border-box;background:#fff;min-width:0;overflow:hidden}.card-head,.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.card-body,.panel-body{box-sizing:border-box;padding:20px}.fs-pagination,.pagination{border-top:1px solid var(--border,#e2e8f0);border-radius:0 0 var(--radius,18px) var(--radius,18px);box-sizing:border-box;color:var(--muted,#64748b);background:#fafbfc;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:14px 20px;font-size:13px;display:flex}.fs-pagination-info{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.fs-pagination-info span{color:var(--ink,#24354a);font-size:13px}.fs-pagination-info strong{color:var(--navy,#113467);font-weight:700}.fs-pagination-size{color:var(--muted,#64748b);align-items:center;gap:6px;font-size:12px;display:inline-flex}.fs-pagination-size label{color:inherit;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:500;display:inline-flex}.fs-page-size-select,.fs-pagination select{border:1px solid var(--border,#e2e8f0);height:32px;min-height:32px;color:var(--ink,#24354a);cursor:pointer;background:#fff;border-radius:7px;outline:none;width:auto;padding:2px 8px;font-size:12px;font-weight:600}.fs-page-size-select:focus,.fs-pagination select:focus{border-color:var(--green,#4cb068);box-shadow:0 0 0 2px #4cb06829}.fs-pagination-nav{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.fs-page-numbers{align-items:center;gap:4px;display:inline-flex}.fs-pagination .fs-page-btn,.fs-page-btn{-webkit-user-select:none;user-select:none;transition:all .15s;border:1px solid var(--border,#cbd5e1)!important;width:auto!important;min-width:34px!important;height:34px!important;color:var(--navy,#113467)!important;cursor:pointer!important;text-align:center!important;box-sizing:border-box!important;background:#fff!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0 10px!important;font-size:13px!important;font-weight:600!important;line-height:1!important;text-decoration:none!important;display:inline-flex!important}.fs-pagination .fs-page-btn:hover:not(:disabled):not(.active),.fs-page-btn:hover:not(:disabled):not(.active){transform:translateY(-1px);color:var(--navy,#113467)!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.fs-pagination .fs-page-btn.active,.fs-pagination .fs-page-btn[aria-current=page],.fs-page-btn.active,.fs-page-btn[aria-current=page]{background:var(--green,#4cb068)!important;border-color:var(--green,#4cb068)!important;color:#fff!important;cursor:default!important;font-weight:700!important;transform:none!important;box-shadow:0 2px 8px #4cb06847!important}.fs-pagination .fs-page-btn:disabled,.fs-pagination .fs-page-btn[disabled],.fs-page-btn:disabled,.fs-page-btn[disabled]{opacity:.45!important;cursor:not-allowed!important;pointer-events:none!important;border-color:var(--border,#e2e8f0)!important;color:#94a3b8!important;background:#f8fafc!important}.fs-page-ellipsis{color:#94a3b8;letter-spacing:1px;justify-content:center;align-items:center;width:26px;height:34px;font-size:14px;font-weight:700;display:inline-flex}@media (max-width:680px){.fs-pagination,.pagination{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:12px 16px}.fs-pagination-info{justify-content:center;gap:10px;width:100%}.fs-pagination-nav{justify-content:center;width:100%}.fs-page-btn{min-width:32px;height:32px;padding:0 7px;font-size:12px}}.toast{color:#fff;z-index:10000;pointer-events:none;background:#113467;border-radius:11px;padding:12px 18px;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #11346740}.toast.show{opacity:1!important;display:block!important;transform:translateY(0)!important}.fs-static-modal[hidden],.fs-static-drawer[hidden],.fs-modal-source[hidden],.detail-backdrop[hidden],.confirm-backdrop[hidden],.new-order-backdrop[hidden],.overlay[hidden],.backdrop[hidden],dialog:not([open]),.fs-static-modal:not(.open),.fs-static-drawer:not(.open),.detail-backdrop:not(.open),.confirm-backdrop:not(.open),.new-order-backdrop:not(.open){display:none!important}.fs-modal-source:not(.open):not(:has(.open)){display:none!important}.fs-static-modal.open,.fs-modal-source.open.fs-static-modal,.confirm-backdrop.open,.new-order-backdrop.open{-webkit-backdrop-filter:blur(3px);box-sizing:border-box;padding:16px;overflow-y:auto;z-index:9001!important;background:#11243d9e!important;place-items:center!important;display:grid!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important}.fs-static-modal>.fs-modal-card,.fs-static-modal>section[role=dialog],.fs-static-modal>.dialog,.confirm-backdrop.open>.confirm-dialog,.new-order-backdrop.open>.new-order-dialog{box-sizing:border-box;background:#fff;border-radius:18px;flex-direction:column;width:min(760px,100vw - 32px);max-height:92vh;animation:.22s cubic-bezier(.16,1,.3,1) fsModalIn;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #091e3d47,0 4px 16px #091e3d14}.fs-modal-head,.fs-static-modal .dialog-head,.fs-static-modal .dialoghead,.confirm-dialog h3,.detail-header{z-index:3;border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:17px 22px;display:flex;position:sticky;top:0}.fs-modal-head h2,.fs-modal-head h3,.fs-static-modal .dialog-head h2,.fs-static-modal .dialoghead h2,.confirm-dialog h3{color:var(--navy);letter-spacing:-.2px;margin:0;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:19px;font-weight:700;line-height:1.3}.fs-modal-close,.fs-static-modal .close,.fs-static-modal .close-btn,#detail-close,#new-order-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;font-family:inherit;font-size:20px;line-height:1;transition:all .16s;display:inline-flex}.fs-modal-close:hover,.fs-static-modal .close:hover,.fs-static-modal .close-btn:hover,#detail-close:hover,#new-order-close:hover{color:var(--navy);background:#e2e8f0;transform:scale(1.04)}.fs-modal-body,.fs-static-modal .dialog-body,.fs-static-modal .dialogbody,.confirm-dialog .confirm-body,.detail-body{color:var(--ink);box-sizing:border-box;flex:auto;padding:22px;overflow-y:auto}.fs-modal-foot,.fs-modal-actions,.fs-static-modal .dialog-actions,.confirm-actions,.detail-actions{border-top:1px solid var(--border);box-sizing:border-box;background:#f8fafc;border-radius:0 0 18px 18px;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.fs-static-modal.modal-sm>.fs-modal-card,.fs-static-modal.modal-sm>section[role=dialog]{width:min(480px,100vw - 32px)}.fs-static-modal.modal-md>.fs-modal-card,.fs-static-modal.modal-md>section[role=dialog]{width:min(760px,100vw - 32px)}.fs-static-modal.modal-lg>.fs-modal-card,.fs-static-modal.modal-lg>section[role=dialog]{width:min(920px,100vw - 32px)}.fs-static-modal.modal-xl>.fs-modal-card,.fs-static-modal.modal-xl>section[role=dialog]{width:min(1140px,100vw - 32px)}.fs-static-modal.modal-drawer,.fs-static-drawer,.detail-backdrop{place-items:initial!important;padding:0!important}.fs-static-modal.modal-drawer.open,.fs-static-drawer.open,.detail-backdrop.open{-webkit-backdrop-filter:blur(3px);z-index:9001!important;background:#11243d9e!important;display:block!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important}.fs-static-modal.modal-drawer>.fs-modal-card,.fs-static-drawer>.fs-drawer-card,.detail-backdrop>.detail-panel{border-left:1px solid var(--border);background:#fff;flex-direction:column;display:flex;overflow:hidden;border-radius:0!important;width:min(920px,100vw)!important;height:100vh!important;max-height:100vh!important;animation:.24s cubic-bezier(.16,1,.3,1) fsDrawerSlide!important;position:fixed!important;top:0!important;bottom:0!important;right:0!important;box-shadow:-20px 0 60px #11243d3d!important}.fs-static-modal.modal-bottom-sheet{place-items:end center!important;padding:0!important}.fs-static-modal.modal-bottom-sheet>.fs-modal-card{border-radius:22px 22px 0 0!important;width:min(600px,100vw)!important;max-height:90vh!important;animation:.22s ease-out fsSheetUp!important}dialog{background:#fff;border:0;border-radius:18px;max-width:min(760px,100vw - 32px);max-height:92vh;padding:0;overflow:hidden;box-shadow:0 24px 70px #091e3d47}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11243d9e}@keyframes fsModalIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fsDrawerSlide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fsSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}html.fs-modal-open,body.fs-modal-open{overflow:hidden!important}