@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-weight-bold:700;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.ts-control{z-index:1;box-sizing:border-box;width:100%;box-shadow:none;border:1px solid #d0d0d0;border-radius:3px;flex-wrap:wrap;padding:8px;display:flex;position:relative;overflow:hidden}.ts-wrapper.multi.has-items .ts-control{padding:6px 8px 3px}.full .ts-control{background-color:#fff}.disabled .ts-control,.disabled .ts-control *{cursor:default!important}.focus .ts-control{box-shadow:none}.ts-control>*{vertical-align:baseline;display:inline-block}.ts-wrapper.multi .ts-control>div{cursor:pointer;color:#303030;background:#f2f2f2;border:0 solid #d0d0d0;margin:0 3px 3px 0;padding:2px 6px;overflow:auto}.ts-wrapper.multi .ts-control>div.active{color:#303030;background:#e8e8e8;border:0 solid #cacaca}.ts-wrapper.multi.disabled .ts-control>div,.ts-wrapper.multi.disabled .ts-control>div.active{color:#7d7d7d;background:#fff;border:0 solid #fff}.ts-control>input{flex:auto;min-width:7rem;text-indent:0!important;max-width:100%!important;min-height:0!important;max-height:none!important;line-height:inherit!important;-webkit-user-select:auto!important;user-select:auto!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;display:inline-block!important}.ts-control>input::-ms-clear{display:none}.ts-control>input:focus{outline:none!important}.has-items .ts-control>input{margin:0 4px!important}.ts-control.rtl{text-align:right}.ts-control.rtl.single .ts-control:after{left:15px;right:auto}.ts-control.rtl .ts-control>input{margin:0 4px 0 -2px!important}.disabled .ts-control{opacity:.5;background-color:#fafafa}.input-hidden .ts-control>input{opacity:0;position:absolute;left:-10000px}.ts-dropdown{z-index:10;box-sizing:border-box;background:#fff;border:1px solid #d0d0d0;border-top:0;border-radius:0 0 3px 3px;width:100%;margin:.25rem 0 0;position:absolute;top:100%;left:0;box-shadow:0 1px 3px #0000001a}.ts-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.ts-dropdown [data-selectable] .highlight{background:#7da8d033;border-radius:1px}.ts-dropdown .option,.ts-dropdown .optgroup-header,.ts-dropdown .no-results,.ts-dropdown .create{padding:5px 8px}.ts-dropdown .option,.ts-dropdown [data-disabled],.ts-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.ts-dropdown [data-selectable].option{opacity:1;cursor:pointer}.ts-dropdown .optgroup:first-child .optgroup-header{border-top:0}.ts-dropdown .optgroup-header{color:#303030;cursor:default;background:#fff}.ts-dropdown .active{color:#495c68;background-color:#f5fafd}.ts-dropdown .active.create{color:#495c68}.ts-dropdown .create{color:#30303080}.ts-dropdown .spinner{width:30px;height:30px;margin:5px 8px;display:inline-block}.ts-dropdown .spinner:after{content:" ";border:5px solid #d0d0d0;border-color:#d0d0d0 #0000;border-radius:50%;width:24px;height:24px;margin:3px;animation:1.2s linear infinite lds-dual-ring;display:block}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ts-dropdown-content{scroll-behavior:smooth;max-height:200px;overflow:hidden auto}.ts-wrapper.plugin-drag_drop .ts-dragging{color:#0000!important}.ts-wrapper.plugin-drag_drop .ts-dragging>*{visibility:hidden!important}.plugin-checkbox_options:not(.rtl) .option input{margin-right:.5rem}.plugin-checkbox_options.rtl .option input{margin-left:.5rem}.plugin-clear_button{--ts-pr-clear-button:1em}.plugin-clear_button .clear-button{opacity:0;cursor:pointer;transition:opacity .5s;position:absolute;top:50%;right:2px;transform:translateY(-50%);background:0 0!important;margin-right:0!important}.plugin-clear_button.form-select .clear-button,.plugin-clear_button.single .clear-button{right:max(var(--ts-pr-caret),8px)}.plugin-clear_button.focus.has-items .clear-button,.plugin-clear_button:not(.disabled):hover.has-items .clear-button{opacity:1}.ts-wrapper .dropdown-header{background:color-mix(#fff,#d0d0d0,85%);border-bottom:1px solid #d0d0d0;border-radius:3px 3px 0 0;padding:10px 8px;position:relative}.ts-wrapper .dropdown-header-close{color:#303030;opacity:.4;margin-top:-12px;line-height:20px;position:absolute;top:50%;right:8px;font-size:20px!important}.ts-wrapper .dropdown-header-close:hover{color:#000}.plugin-dropdown_input.focus.dropdown-active .ts-control{box-shadow:none;border:1px solid #d0d0d0}.plugin-dropdown_input .dropdown-input{box-shadow:none;background:0 0;border:0 solid #d0d0d0;border-bottom-width:1px;width:100%;padding:8px;display:block}.plugin-dropdown_input .items-placeholder{width:100%;box-shadow:none!important;border:0!important}.plugin-dropdown_input.has-items .items-placeholder,.plugin-dropdown_input.dropdown-active .items-placeholder{display:none!important}.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:4px}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder{color:#0000}.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content{display:flex}.ts-dropdown.plugin-optgroup_columns .optgroup{border-top:0;border-right:1px solid #f2f2f2;flex-grow:1;flex-basis:0;min-width:0}.ts-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0}.ts-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.ts-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0}.ts-wrapper.plugin-remove_button .item{align-items:center;display:inline-flex}.ts-wrapper.plugin-remove_button .item .remove{color:inherit;vertical-align:middle;box-sizing:border-box;border-radius:0 2px 2px 0;padding:0 6px;text-decoration:none;display:inline-block}.ts-wrapper.plugin-remove_button .item .remove:hover{background:#0000000d}.ts-wrapper.plugin-remove_button.disabled .item .remove:hover{background:0 0}.ts-wrapper.plugin-remove_button .remove-single{font-size:23px;position:absolute;top:0;right:0}.ts-wrapper.plugin-remove_button:not(.rtl) .item{padding-right:0!important}.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove{border-left:1px solid #d0d0d0;margin-left:6px}.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove{border-left-color:#cacaca}.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove{border-left-color:#fff}.ts-wrapper.plugin-remove_button.rtl .item{padding-left:0!important}.ts-wrapper.plugin-remove_button.rtl .item .remove{border-right:1px solid #d0d0d0;margin-right:6px}.ts-wrapper.plugin-remove_button.rtl .item.active .remove{border-right-color:#cacaca}.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove{border-right-color:#fff}:root{--ts-pr-clear-button:0px;--ts-pr-caret:0px;--ts-pr-min:.75rem}.ts-wrapper.single .ts-control,.ts-wrapper.single .ts-control input{cursor:pointer}.ts-control:not(.rtl){padding-right:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-control.rtl{padding-left:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-wrapper{position:relative}.ts-dropdown,.ts-control,.ts-control input{color:#303030;font-family:inherit;font-size:13px;line-height:18px}.ts-control,.ts-wrapper.single.input-active .ts-control{cursor:text;background:#fff}.ts-hidden-accessible{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}:root{--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--line-soft:#e2e8f099;--soft:#f8fafc;--blue:#2563eb;--blue-soft:#eff6ff;--blue-hover:#2563eb14;--green:#10b981;--green-soft:#ecfdf5;--orange:#f59e0b;--orange-soft:#fef3c7;--violet:#6366f1;--violet-soft:#eef2ff;--red:#ef4444;--red-soft:#fee2e2;--shadow-sm:0 1px 3px 0 #0000000d, 0 1px 2px -1px #0000000d;--shadow-md:0 4px 20px -2px #0f172a0d, 0 2px 8px -1px #0f172a08;--shadow-lg:0 12px 30px -4px #0f172a14, 0 4px 12px -2px #0f172a08;--transition-smooth:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{background:var(--soft);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font:14px/1.5 Inter,sans-serif}button,input{font:inherit}.app-shell{grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.burger-btn{border:1px solid var(--line,#e2e8f0);color:#334155;cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:none}.burger-btn svg{width:20px;height:20px}.burger-btn:hover{color:var(--blue,#2563eb);background:#f8fafc;border-color:#cbd5e1}.sidebar-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;transition:all .2s;display:none}.sidebar-close-btn svg{width:16px;height:16px}.sidebar-close-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.sidebar-backdrop{-webkit-backdrop-filter:blur(3px);z-index:998;opacity:0;pointer-events:none;background:#0f172a99;transition:opacity .25s;display:none;position:fixed;inset:0}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar__brand{border-bottom:1px solid var(--line-soft);padding:14px 18px;position:relative}.brand-logo-link{min-width:0;text-decoration:none;display:inline-flex}.brand-logo{width:190px;max-width:100%;height:auto;display:block}.sidebar__scroll{flex:1;padding:16px 12px;overflow:auto}.side-group{margin:16px 0}.side-group__label{color:#94a3b8;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;font-size:10px;font-weight:700;display:block}.side-item{color:#475569;cursor:pointer;min-height:40px;transition:var(--transition-smooth);border-radius:10px;align-items:center;gap:12px;margin:3px 0;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.side-item svg{color:#64748b;width:18px;height:18px;transition:var(--transition-smooth)}.side-item:hover{background:var(--soft);color:var(--ink);transform:translate(3px)}.side-item:hover svg{color:var(--ink)}.side-item.active{background:var(--blue-soft);color:var(--blue);font-weight:600}.side-item.active svg{color:var(--blue)}.side-item__badge{background:var(--blue);color:#fff;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700}.sidebar__foot{border-top:1px solid var(--line-soft);background:#fafbfd;align-items:center;gap:12px;padding:16px 20px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#2563eb);border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid;box-shadow:0 4px 10px #2563eb33}.profile-name{color:#1e293b;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700}.profile-role{color:var(--muted);font-size:11.5px}.main{min-width:0}.topbar{z-index:50;border-bottom:1px solid var(--line-soft,#e2e8f0);-webkit-backdrop-filter:blur(14px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:16px;padding:12px 28px;display:flex;position:sticky;top:0}.topbar-left{flex-shrink:0;align-items:center;gap:12px;min-width:0;display:flex}.topbar-breadcrumb{align-items:center;gap:8px;min-width:0;font-family:Plus Jakarta Sans,sans-serif;display:flex}.topbar-system-status{color:#475569;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.status-ping-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:6.5px;height:6.5px;position:relative;box-shadow:0 0 0 2px #10b98140}.topbar-separator{color:#94a3b8;flex-shrink:0;width:14px;height:14px}.topbar-page-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;max-width:240px;margin:0;font-size:14px;font-weight:700;overflow:hidden}.top-search{width:min(440px,100%);color:var(--muted);background:var(--soft,#f8fafc);border:1px solid var(--line,#e2e8f0);transition:var(--transition-smooth,all .2s cubic-bezier(.4, 0, .2, 1));border-radius:12px;align-items:center;gap:10px;margin:0 auto;padding:7px 14px;display:flex}.top-search:focus-within{border-color:var(--blue,#2563eb);background:#fff;box-shadow:0 0 0 3px #2563eb1f}.top-search input{min-width:0;color:var(--ink,#0f172a);background:0 0;border:0;outline:0;flex:1;font-size:13.5px}.top-search svg{color:#94a3b8;flex-shrink:0;width:16px;height:16px}.top-search kbd{border:1px solid var(--line,#e2e8f0);color:#94a3b8;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);-webkit-user-select:none;user-select:none;background:#fff;border-radius:6px;padding:2px 6px;font:10px/1 JetBrains Mono,monospace}.top-actions{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.topbar-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:24px;margin:0 2px}.icon-btn{border:1px solid var(--line,#e2e8f0);width:38px;height:38px;color:var(--muted,#64748b);cursor:pointer;transition:var(--transition-smooth,all .2s cubic-bezier(.4, 0, .2, 1));background:#fff;border-radius:12px;flex-shrink:0;place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--soft,#f8fafc);color:var(--ink,#0f172a);border-color:#cbd5e1}.icon-btn svg{width:18px;height:18px}.notif-dot{background:var(--red,#ef4444);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:9px}.topbar-dropdown-wrap{position:relative}.topbar-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:320px;animation:.16s ease-out topbarDropdownFadeIn;display:none;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 36px -4px #0f172a1f,0 4px 12px -2px #0f172a0a}.topbar-dropdown.is-open{display:flex}@keyframes topbarDropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.topbar-dropdown-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;font-family:Plus Jakarta Sans,sans-serif;display:flex}.topbar-badge-active{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.topbar-dropdown-body{flex-direction:column;gap:8px;max-height:260px;padding:12px;display:flex;overflow-y:auto}.topbar-notif-item{border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.topbar-notif-item:hover{background:#f8fafc}.topbar-notif-icon{border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.topbar-notif-icon.success{color:#10b981;background:#ecfdf5}.topbar-notif-icon.info{color:#2563eb;background:#eff6ff}.topbar-notif-icon svg{width:15px;height:15px}.topbar-notif-text{flex-direction:column;gap:2px;min-width:0;display:flex}.topbar-notif-title{color:#1e293b;font-size:12.5px;font-weight:600;line-height:1.3}.topbar-notif-desc{color:#64748b;font-size:11.5px;line-height:1.35}.topbar-dropdown-footer{color:#2563eb;text-align:center;background:#fff;border-top:1px solid #f1f5f9;padding:10px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s;display:block}.topbar-dropdown-footer:hover{color:#1d4ed8;background:#f8fafc}.notif-count{background:var(--red,#ef4444);color:#fff;text-align:center;border:2px solid #fff;border-radius:9999px;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;line-height:13px;position:absolute;top:4px;right:3px}.notif-count[hidden]{display:none}.topbar-dropdown-body.is-notif-list{gap:2px;max-height:360px;padding:6px}a.topbar-notif-item{text-decoration:none;position:relative}.topbar-notif-item.is-unread{background:#f5f9ff}.topbar-notif-item.is-unread:after{content:"";background:#2563eb;border-radius:50%;width:7px;height:7px;position:absolute;top:12px;right:10px}.topbar-notif-icon.warning{color:#d97706;background:#fffbeb}.topbar-notif-icon.danger{color:#dc2626;background:#fef2f2}.topbar-notif-time{color:#94a3b8;font-size:10.5px}.topbar-notif-empty{text-align:center;color:#94a3b8;padding:22px 12px;font-size:12px}.topbar-notif-readall{color:#2563eb;cursor:pointer;background:0 0;border:0;padding:0;font-size:11.5px;font-weight:600}.topbar-notif-readall:disabled{color:#94a3b8;cursor:default}.topbar-dropdown-footer+.topbar-dropdown-footer{color:#64748b;border-top:0;padding-top:0}.topbar-user-profile{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;outline:none;align-items:center;gap:10px;padding:3px 12px 3px 4px;font-family:inherit;transition:all .2s;display:flex}.topbar-user-profile:hover{background:#f1f5f9;border-color:#cbd5e1}.topbar-user-profile[aria-expanded=true]{background:#eff6ff;border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61f}.topbar-user-profile[aria-expanded=true] .topbar-profile-chevron{transform:rotate(180deg);color:#2563eb!important}.avatar.top-avatar{width:32px;height:32px;box-shadow:none;font-size:11.5px}.topbar-user-meta{flex-direction:column;line-height:1.15;display:flex}.topbar-user-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-family:Plus Jakarta Sans,sans-serif;font-size:12.5px;font-weight:700;overflow:hidden}.topbar-user-role{color:#0284c7;text-transform:uppercase;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:10.5px;font-weight:600;overflow:hidden}.topbar-profile-menu{border-radius:14px;width:300px;box-shadow:0 16px 36px -4px #0f172a24,0 4px 12px -2px #0f172a0d}.topbar-profile-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:10px;padding:16px;display:flex}.topbar-profile-header-main{align-items:center;gap:12px;display:flex}.topbar-profile-avatar-lg{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 10px #2563eb33}.topbar-profile-user-info{flex:1;min-width:0}.topbar-profile-user-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.25;overflow:hidden}.topbar-profile-user-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.topbar-profile-header-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.topbar-profile-role-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.topbar-profile-status-pill{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.topbar-profile-status-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.topbar-profile-body{flex-direction:column;gap:2px;padding:8px;display:flex}.topbar-profile-item{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:12px;width:100%;padding:9px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.topbar-profile-item:hover{color:#0f172a;background:#f1f5f9}.topbar-profile-item svg{color:#64748b;flex-shrink:0;width:16px;height:16px;transition:color .15s}.topbar-profile-item:hover svg{color:#2563eb}.topbar-profile-item-text{flex:1;min-width:0}.topbar-profile-item-title{line-height:1.25}.topbar-profile-item-sub{color:#94a3b8;margin-top:1px;font-size:11px;font-weight:400}.topbar-profile-divider{background:#f1f5f9;height:1px;margin:4px 6px}.topbar-profile-footer{background:#fff;border-top:1px solid #f1f5f9;padding:10px 12px}.topbar-profile-logout-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.topbar-profile-logout-btn:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.topbar-profile-logout-btn svg{width:15px;height:15px}.profile-modal-tabs{background:#f1f5f9;border-radius:10px;align-items:center;gap:6px;margin-bottom:16px;padding:4px;display:flex}.profile-modal-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.profile-modal-tab-btn:hover{color:#1e293b}.profile-modal-tab-btn.active{color:#0f172a;background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}.profile-modal-tab-btn svg{width:14px;height:14px}.topbar-logout-btn{transition:all .2s}.topbar-logout-btn:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.topbar-logout-btn svg{width:17px;height:17px}.page{flex-direction:column;gap:24px;padding:28px 32px 48px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-title{letter-spacing:-.03em;color:#0f172a;margin:0 0 6px;font-family:Plus Jakarta Sans,sans-serif;font-size:26px;font-weight:800}.page-sub{max-width:740px;color:var(--muted);font-size:13.5px}.cylinder-page{gap:20px;padding-top:26px}.cylinder-page .page-title{font-size:27px}.cylinder-card{box-shadow:var(--shadow-sm);border-radius:16px}.cylinder-card:hover{box-shadow:var(--shadow-sm);transform:none}.stock-live-status{color:#047857;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.stock-live-status:before{content:"";background:#10b981;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #10b9811f}.stock-live-status.is-error{color:#b45309}.stock-live-status.is-error:before{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b1f}.stock-live-grid{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;display:grid}.stock-live-grid>div{border:1px solid var(--border-soft);background:#f8fafc;border-radius:10px;padding:12px 14px}.stock-live-grid span{color:var(--text-3);text-transform:uppercase;font-size:11px;font-weight:700;display:block}.stock-live-grid strong{color:var(--text-1);margin-top:4px;font-family:JetBrains Mono,monospace;font-size:22px;display:block}@media(max-width:700px){.stock-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cylinder-toolbar{border-bottom:1px solid #eef2f7;align-items:center;gap:10px;min-height:64px;padding:14px 16px;display:flex}.cylinder-search{flex:0 240px;position:relative}.cylinder-search svg{color:#64748b;width:15px;height:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cylinder-search input,.advanced-filters select{width:100%;height:35px;color:var(--ink);background:#fff;border:1px solid #dbe4ef;border-radius:9px;outline:none;font-size:12.5px}.cylinder-search input{padding:0 12px 0 34px}.cylinder-search input:focus,.advanced-filters select:focus{border-color:#6b8df7;box-shadow:0 0 0 3px #3b82f61a}.status-tabs{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.status-tab{color:#536178;transition:var(--transition-smooth);border:1px solid #dbe4ef;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;line-height:16px;text-decoration:none}.status-tab:hover{color:var(--blue);background:#f5f8fc}.status-tab.active{color:#fff;background:#4274f5;border-color:#4274f5;box-shadow:0 5px 13px #4274f533}.cylinder-more-filter{border-radius:9px;margin-left:auto;padding:8px 14px;font-size:12.5px}.cylinder-more-filter svg{width:14px;height:14px}.advanced-filters{z-index:5;border:1px solid var(--line);width:min(100% - 32px,500px);box-shadow:var(--shadow-lg);background:#fff;border-radius:12px;gap:8px;padding:12px;display:none;position:absolute;top:calc(100% - 5px);right:16px}.cylinder-toolbar{position:relative}.advanced-filters.is-open{display:flex}.advanced-filters select{flex:1;min-width:125px;padding:0 9px}.advanced-filters .btn{border-radius:8px;padding:8px 12px;font-size:12px}.cylinder-card .table-wrap{overflow-x:auto}.cylinder-card .data{min-width:940px}.cylinder-card .data thead{background:#f8fafc}.cylinder-card .data th{color:#4c5b73;letter-spacing:.055em;padding:12px 16px;font-size:10.5px}.cylinder-card .data td{color:#172036;padding:13px 16px;font-size:13px}.cylinder-card .data tbody tr{transition:background .16s}.cylinder-card .data tbody tr:hover{background:#fbfdff}.cylinder-id{color:#172036;font-size:12.5px;font-weight:700}.cylinder-serial,.cylinder-capacity{color:#52617a;margin-top:2px;font-size:11.5px;font-weight:500}.cylinder-type{font-weight:700}.cylinder-badge{border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;line-height:16px;display:inline-flex}.cylinder-badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.cylinder-badge.filled{color:#12a778;background:#e8fbf4}.cylinder-badge.empty,.cylinder-badge.shipped{color:#3171ed;background:#edf4ff}.cylinder-badge.maintenance,.cylinder-badge.needs-check{color:#c76a07;background:#fff1c7}.cylinder-badge.damaged{color:#dc3f4f;background:#fff0f1}.cylinder-badge.condition{color:#5f6e86;background:#f0f3f7}.cylinder-badge.condition.needs-check{color:#c76a07;background:#fff1c7}.cylinder-badge.condition.damaged{color:#dc3f4f;background:#fff0f1}.cylinder-actions-head,.cylinder-row-actions{width:1%;padding-left:0!important}.cylinder-row-actions{white-space:nowrap;opacity:0;transition:opacity .16s}.cylinder-row-actions .btn{display:inline-flex}.cylinder-card tbody tr:hover .cylinder-row-actions{opacity:1}@media(max-width:860px){.cylinder-toolbar{flex-wrap:wrap;align-items:flex-start}.cylinder-search{flex-basis:100%}.cylinder-more-filter{margin-left:auto}}.tracking-detail-page{gap:18px;padding:26px 28px 46px}.tracking-detail-head{border-bottom:1px solid #e8edf3;flex-direction:column;gap:11px;padding:0 0 18px;display:flex}.back-link{color:#526176;min-height:32px;transition:var(--transition-smooth);border-radius:8px;align-self:flex-start;align-items:center;padding:0 7px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--blue);background:#eaf2ff}.tracking-heading-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.tracking-detail-title{min-width:0}.tracking-detail-title h1{letter-spacing:-.045em;margin:0;font:800 28px/1.2 Plus Jakarta Sans,sans-serif}.tracking-detail-title h1 span{color:#2582e8}.tracking-detail-title p{color:#536178;margin:5px 0 0;font-size:13px}.tracking-detail-actions{background:#fff;border:1px solid #e1e7ee;border-radius:13px;align-items:center;gap:10px;padding:6px;display:flex;box-shadow:0 3px 12px #0f172a09}.tracking-cylinder-select{color:#718096;letter-spacing:.06em;text-transform:uppercase;flex-direction:column;gap:2px;min-width:205px;padding-left:7px;font-size:9.5px;font-weight:700;display:flex}.tracking-detail-actions select{color:#172036;background:#fff;border:0;outline:0;min-width:200px;height:23px;padding:0 4px 0 0;font:600 12.5px inherit}.tracking-detail-actions .btn{white-space:nowrap;border-radius:9px;min-height:38px;padding:9px 14px;font-size:12.5px}.tracking-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.tracking-summary-card{min-height:123px;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);background:#fff;border:1px solid #dce5ee;border-radius:15px;justify-content:space-between;padding:17px 20px;display:flex}.tracking-summary-card:hover{box-shadow:var(--shadow-md);border-color:#c9d9eb;transform:translateY(-2px)}.tracking-summary-card div{flex-direction:column;gap:7px;min-width:0;display:flex}.tracking-summary-label{color:#4c5b73;letter-spacing:.07em;text-transform:uppercase;font-size:10.5px;font-weight:700}.tracking-summary-card strong{color:#172036;text-overflow:ellipsis;font-size:16px;line-height:1.25;overflow:hidden}.tracking-summary-card strong em{color:#536178;margin-left:5px;font-size:11px;font-style:normal;font-weight:500}.tracking-summary-card small{color:#536178;font-size:11.5px}.tracking-summary-card small.late{color:#ed5d57;font-weight:700}.tracking-summary-icon{border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.tracking-summary-icon svg{width:20px;height:20px;display:block}.tracking-summary-icon.blue{background:#e9f3fe}.tracking-summary-icon.yellow{background:#fff3c9}.tracking-summary-icon.indigo{background:#edf0ff}.tracking-summary-icon.green{background:#e9fbf3}.tracking-detail-grid{grid-template-columns:minmax(0,2.05fr) minmax(320px,1fr);align-items:start;gap:16px;margin-top:18px;display:grid}.tracking-timeline-card,.tracking-map-card,.tracking-sla-card{box-shadow:var(--shadow-sm);border-radius:15px}.tracking-timeline-card:hover,.tracking-map-card:hover,.tracking-sla-card:hover{box-shadow:var(--shadow-sm);transform:none}.tracking-card-head{border-bottom:1px solid #edf1f5;padding:17px 20px}.tracking-card-head h2{color:#172036;margin:0;font-size:14px;font-weight:800}.tracking-card-head p{color:#536178;margin:2px 0 0;font-size:12px}.tracking-timeline{padding:14px 22px 22px}.tracking-event{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:15px 0 22px;display:grid;position:relative}.tracking-event:not(:last-child):before{content:"";background:#c8e1fc;width:2px;position:absolute;top:52px;bottom:-6px;left:23px}.tracking-event.is-pending{opacity:.56}.tracking-event-marker{z-index:1;background:#f0f6ff;border:3px solid #fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:18px;display:grid;box-shadow:0 2px 7px #11223e1c}.tracking-event-marker svg{color:#287ee0;width:21px;height:21px;display:block}.tracking-event-main{min-width:0}.tracking-event-top{justify-content:space-between;gap:14px;display:flex}.tracking-event-top h3{color:#172036;margin:2px 0 3px;font-size:13.5px}.tracking-event-top p{color:#657187;margin:0;font-size:11.5px}.tracking-sla{flex-direction:column;flex:none;align-items:flex-end;gap:5px;display:flex}.tracking-sla span,.sla-list>div>span,.map-status{color:#32a66d;white-space:nowrap;background:#e4f8ed;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700}.tracking-sla span:before,.sla-list>div>span:before,.map-status:before{content:"• "}.tracking-sla .pending,.sla-list .pending{color:#737b8a;background:#f0f2f5}.tracking-sla small{color:#697488;font:11px JetBrains Mono,monospace}.evidence-label{color:#697488;letter-spacing:.045em;margin:16px 0 8px;font-size:10.5px;font-weight:700}.evidence-list{flex-wrap:wrap;gap:9px;display:flex}.evidence-card{border:1px solid #dce5ee;border-radius:8px;flex-direction:column;flex:0 0 180px;min-height:116px;padding:10px;display:flex}.evidence-card strong{margin-top:8px;font-size:11.5px}.evidence-card small{color:#687489;margin-top:3px;font-size:10.5px}.evidence-card.photo{background:#e6f3ff}.evidence-card.document{background:#fff4e3}.evidence-card.location{background:#e6f8ed}.evidence-visual{color:#ffdc3c;background:linear-gradient(145deg,#2584e4,#83b9eb);border-radius:5px;place-items:center;height:54px;font-size:25px;display:grid}.evidence-document{background:#fffaf2;border-left:3px solid #ed8b34;border-radius:5px;place-items:center;height:54px;font-size:24px;display:grid}.evidence-map{color:#288d60;background:#ccefdc;border-radius:5px;place-items:center;height:54px;font:11px JetBrains Mono,monospace;display:grid}.pending-note{color:#8c94a3;margin:15px 0 0;font-size:12px;font-style:italic}.tracking-side-column{gap:16px;display:grid}.tracking-map{background:linear-gradient(165deg,#f1f4f6,#dce8e3);border:1px solid #dce5ee;border-radius:11px;height:362px;margin:19px 20px;position:relative;overflow:hidden}.tracking-map:after{content:"";border-top:13px solid #d7d4cc;border-bottom:13px solid #d7d4cc;height:28px;position:absolute;bottom:27%;left:-10%;right:-10%;transform:rotate(-8deg)}.map-line{z-index:1;border-top:3px dashed #2783df;width:46%;position:absolute;top:51%;left:26%;transform:rotate(29deg)}.map-dot{z-index:2;border:6px solid;border-radius:50%;width:20px;height:20px;position:absolute}.map-dot.origin{border-color:#2686e8;top:28%;left:28%;box-shadow:0 0 0 9px #b8dbf5}.map-dot.transit{border-color:#dd853d;top:43%;left:50%;box-shadow:0 0 0 9px #dcc5b4}.map-dot.destination{border-color:#3ea671;top:61%;left:71%;box-shadow:0 0 0 9px #b9dfcb}.tracking-map span{z-index:3;color:#172036;font-size:11px;font-weight:700;position:absolute}.map-origin{top:27%;left:37%}.map-transit{top:42%;left:57%}.map-destination{top:60%;left:77%}.tracking-map-foot{justify-content:space-between;align-items:center;padding:0 20px 20px;display:flex}.tracking-map-foot div{flex-direction:column;gap:3px;display:flex}.tracking-map-foot strong{font-size:12.5px}.tracking-map-foot small{color:#657187;font-size:11px}.sla-list{padding:14px 20px 20px}.sla-list>div{border-bottom:1px solid #edf1f5;justify-content:space-between;gap:8px;padding:10px 0;display:flex}.sla-list>div:last-child{border-bottom:0}.sla-list>div>div{flex-direction:column;gap:3px;min-width:0;display:flex}.sla-list strong{color:#45546c;font-size:11.5px}.sla-list small{color:#6b7586;font-size:11px}@media(max-width:1100px){.tracking-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-detail-grid{grid-template-columns:1fr}.tracking-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-map{height:250px}}@media(max-width:720px){.tracking-heading-row{flex-direction:column;align-items:flex-start;gap:14px}.tracking-detail-actions{flex-wrap:wrap;width:100%}.tracking-cylinder-select,.tracking-detail-actions select{width:100%;min-width:0}.tracking-detail-actions .btn{flex:1;justify-content:center}.tracking-summary-grid,.tracking-side-column{grid-template-columns:1fr}.tracking-event-top{flex-direction:column}.tracking-sla{align-items:flex-start}.tracking-timeline{padding:10px 14px}.evidence-card{flex-basis:calc(50% - 5px)}.tracking-detail-page{padding:20px 16px 36px}}@media print{.sidebar,.topbar,.tracking-detail-actions,.back-link{display:none!important}.app-shell{display:block}.tracking-detail-page{padding:0}.tracking-detail-grid{grid-template-columns:1fr}.tracking-side-column{display:none}}.tracking-map{background:#edf2f7;position:relative}.tracking-map:after{display:none}.tracking-map .leaflet-control-zoom{border:0;margin:0 10px 10px 0;box-shadow:0 2px 8px #0f172a24}.tracking-map .leaflet-control-zoom a{color:#334155;border:0;width:28px;height:28px;line-height:28px}.tracking-map .leaflet-control-attribution{padding:1px 4px;font-size:9px}.tracking-map-marker-wrap{background:0 0;border:0}.tracking-map-marker{background:#fff;border:5px solid;border-radius:50%;width:22px;height:22px;display:block;box-shadow:0 0 0 5px #ffffffb8,0 2px 6px #0f172a40}.tracking-map-marker.origin{border-color:#2f86e5}.tracking-map-marker.destination{border-color:#37a46d}.tracking-map-marker.current{border-color:#ed9142;animation:1.7s ease-in-out infinite tracking-marker-pulse}.leaflet-tooltip{color:#fff;background:#172036;border:0;border-radius:6px;padding:4px 8px;font:600 10px Inter,sans-serif;box-shadow:0 2px 8px #0f172a2e}.leaflet-tooltip-top:before{border-top-color:#172036}@keyframes tracking-marker-pulse{50%{box-shadow:0 0 0 10px #ed914229,0 2px 6px #0f172a40}}.actions{gap:10px;display:flex}.btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.btn svg{width:16px;height:16px}.btn:hover{background:var(--soft);border-color:#cbd5e1}.btn.primary{color:#fff;border-color:var(--blue);background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #2563eb40}.btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb59}.kpi-grid,.grid-2{gap:20px;display:grid}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:2fr 1fr}.card,.kpi{border:1px solid var(--line-soft);box-shadow:var(--shadow-md);transition:var(--transition-smooth);background:#fff;border-radius:20px;overflow:hidden}.card:hover,.kpi:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi{padding:20px;position:relative}.kpi__value{letter-spacing:-.04em;color:#0f172a;margin:8px 0 6px;font:800 28px/1 Plus Jakarta Sans,sans-serif}.kpi__icon{width:44px;height:44px;color:var(--blue);background:var(--blue-soft);border-radius:12px;place-items:center;display:grid;position:absolute;top:16px;right:16px}.kpi__icon svg{width:20px;height:20px}.kpi.cyan .kpi__icon{color:#0284c7;background:#f0f9ff}.kpi.green .kpi__icon{color:var(--green);background:var(--green-soft)}.kpi.orange .kpi__icon{color:var(--orange);background:var(--orange-soft)}.kpi.violet .kpi__icon{color:var(--violet);background:var(--violet-soft)}.delta{border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.delta.up{color:var(--green);background:var(--green-soft)}.delta.down{color:#dc2626;background:var(--red-soft)}.card__head{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:18px 24px;display:flex}.card__title{color:#1e293b;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:800}.card__sub{color:var(--muted);margin-top:2px;font-size:12px}.card__body{padding:24px}.chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:var(--transition-smooth);background:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.chip.active{background:var(--blue-soft);color:var(--blue);border-color:#0000}.chip:hover:not(.active){background:var(--soft);border-color:#cbd5e1}.chart{width:100%;height:270px;display:block}@media(max-width:768px){.chart{height:220px}}.donut-wrap{align-items:center;gap:24px;display:flex}.donut{flex:0 0 160px;width:160px;height:160px}.donut-list{flex:1}.donut-row{color:var(--muted);border-bottom:1px dashed #f1f5f9;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;font-weight:500;display:flex}.donut-row:last-child{border-bottom:0}.donut-row span{align-items:center;display:flex}.dot{border-radius:3px;width:10px;height:10px;margin-right:8px;display:inline-block}.mono{font-family:JetBrains Mono,monospace;font-weight:600}.legend{color:var(--muted);gap:16px;margin-left:auto;font-size:12px;font-weight:500;display:flex}.legend span{align-items:center;display:flex}.activity__item{transition:var(--transition-smooth);border-bottom:1px solid #f1f5f9;grid-template-columns:40px 1fr auto;align-items:start;gap:14px;padding:14px 24px;display:grid}.activity__item:hover{background:#fafbfd}.activity__item:last-child{border:0}.activity__meta{color:var(--muted);font-size:13px;line-height:1.4}.activity__meta b{color:var(--ink);font-family:Plus Jakarta Sans,sans-serif;font-weight:600}.activity__time{color:#94a3b8;font-size:11.5px;font-weight:500}.notice-avatar{background:#3b82f6;box-shadow:0 2px 6px #3b82f633}.notice-avatar.warning{background:#f59e0b;box-shadow:0 2px 6px #f59e0b33}.notice-avatar.success{background:#10b981;box-shadow:0 2px 6px #10b98133}.notice-avatar.danger{background:#ef4444;box-shadow:0 2px 6px #ef444433}.data{border-collapse:collapse;width:100%;font-size:13.5px}.data th{text-align:left;border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#fafbfd;padding:14px 20px;font-size:11px;font-weight:700}.data td{border-bottom:1px solid #f1f5f9;padding:14px 20px}.data tr:hover td{background:#fafbfd}.data tr:last-child td{border:0}.num{text-align:right}.row-title{color:#1e293b;font-family:Plus Jakarta Sans,sans-serif;font-weight:600}.row-sub{color:var(--muted);margin-top:2px;font-size:11.5px}.badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge.green{color:#047857;background:var(--green-soft)}.badge.violet{color:#4338ca;background:var(--violet-soft)}.badge.blue{color:#1d4ed8;background:var(--blue-soft)}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}.burger-btn,.sidebar-close-btn{display:inline-flex}.sidebar-backdrop{display:block}.sidebar-backdrop.active{opacity:1;pointer-events:auto}.sidebar{z-index:999;width:280px;box-shadow:none;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0);box-shadow:8px 0 32px #00000047}.app-shell{grid-template-columns:1fr}.topbar,.page{padding-left:24px;padding-right:24px}.topbar-system-status,.topbar-separator{display:none}}@media(max-width:640px){.top-search,.topbar-user-meta{display:none}.topbar-user-profile{background:0 0;border:none;padding:0}.topbar-page-title{max-width:140px;font-size:13px}.topbar-dropdown{width:min(320px,100vw - 32px);right:-8px}.page{padding:20px 16px}.topbar{padding:12px 16px}.kpi-grid{grid-template-columns:1fr}.page-title{font-size:22px}.donut-wrap{flex-direction:column;align-items:flex-start}.table-wrap{overflow:auto}.data{min-width:580px}.actions{width:100%}.btn{flex:1;justify-content:center}}.hidden{display:none!important}.alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:12px 16px;font-weight:600}.simple-toolbar{border-bottom:1px solid var(--line);gap:8px;padding:16px;display:flex}.simple-toolbar input{border:1px solid var(--line);border-radius:8px;outline:0;width:min(340px,100%);padding:8px 12px}.simple-toolbar .btn{padding:8px 12px;text-decoration:none}.empty-table{color:var(--muted);text-align:center;padding:32px!important}.list-footer{color:var(--muted);justify-content:space-between;align-items:center;padding:16px;font-size:12px;display:flex}.modal-host{z-index:100;background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.form-modal{width:min(100%,500px);max-height:calc(100vh - 40px);overflow:auto}.form-modal .card__head{justify-content:space-between;align-items:center;display:flex}.form-stack{gap:12px;padding:18px;display:grid}.form-stack label{color:#334155;gap:5px;font-size:12px;font-weight:600;display:grid}.form-stack input,.form-stack select{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:8px;padding:9px 10px}.form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.pagination{align-items:center;gap:4px;display:inline-flex}.pagination-item{border:1px solid var(--line);min-width:32px;height:32px;color:var(--ink);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.pagination-item:hover:not(.disabled):not(.active){border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.pagination-item.active{background:var(--blue);border-color:var(--blue);color:#fff;cursor:default;font-weight:600}.pagination-item.disabled{border-color:var(--line-soft);color:var(--muted);cursor:not-allowed;opacity:.6}.pagination-separator{min-width:32px;height:32px;color:var(--muted);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.invoice-due,.hydrotest-date{color:var(--text)}.invoice-due.is-overdue,.hydrotest-date.is-overdue,.customer-balance.is-over-limit{color:var(--red)}.customer-balance{color:var(--text);font-weight:700}.quotation-credit{color:var(--text-1);font-size:13.5px}.quotation-credit.is-insufficient{color:#dc2626}.dashboard-distribution-dot{background:var(--dot-color)}.delta-icon{width:11px;height:11px;margin-right:2px}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;display:grid}@media(min-width:768px){.form-grid{grid-template-columns:repeat(5,1fr)}}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#475569;font-size:12px;font-weight:600}.form-control{border:1px solid var(--border,#cbd5e1);background:#fff;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px}.form-control:focus{border-color:var(--blue,#2563eb);box-shadow:0 0 0 3px #2563eb1a}.modal-body{padding:20px}.modal-actions{border-top:1px solid var(--border,#e2e8f0);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.quotation-wrapper{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;margin-top:16px;display:grid}@media(max-width:1024px){.quotation-wrapper{grid-template-columns:1fr}}.quotation-top-banner{border:1px solid var(--border,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-top:14px;margin-bottom:8px;padding:14px 20px;display:flex}.doc-sheet{border:1px solid var(--border,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);color:#111;background:#fff;border-radius:12px;padding:32px;font-family:Arial,sans-serif;line-height:1.4}.doc-header{border-bottom:2px solid #111;align-items:center;gap:16px;padding-bottom:12px;display:flex}.doc-logo{object-fit:contain;flex-shrink:0;width:54px;height:54px;display:block}.doc-company-name{letter-spacing:.5px;font-size:16px;font-weight:700}.doc-company-address{color:#333;margin-top:3px;font-size:9px;line-height:1.35}.doc-meta-row{grid-template-columns:1fr 280px;gap:20px;margin-top:20px;font-size:11px;display:grid}.doc-meta-right{font-size:11px;line-height:1.6}.doc-meta-right table{border-collapse:collapse;width:100%}.doc-meta-right td{border:none;padding:2px 0;font-size:11px}.doc-table{border-collapse:collapse;width:100%;margin-top:25px}.doc-table th,.doc-table td{color:#111;border:1px solid #111;height:27px;padding:6px 8px;font-size:11px}.doc-table th{text-align:center;background:#f1f5f9;font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.doc-address-footer{color:#333;margin-top:20px;font-size:9px;line-height:1.4}.doc-signatures{text-align:center;border:2px solid #000;grid-template-columns:1fr 1fr;margin-top:15px;font-size:11px;display:grid}.doc-sig-col{border-right:1px solid #000;flex-direction:column;justify-content:space-between;min-height:110px;display:flex}.doc-sig-col:last-child{border-right:none}.doc-sig-header{background:#f8fafc;border-bottom:1px solid #000;padding:4px;font-weight:700}.doc-sig-body{justify-content:center;align-items:center;height:50px;padding:10px;display:flex}.doc-sig-footer{border-top:1px solid #000;padding:4px}.stamp-badge{text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;background:#fffffff2;border:3px double;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:4px 12px;font-family:Courier New,Courier,monospace;font-weight:900;line-height:1.1;display:inline-flex;transform:rotate(-10deg)}.stamp-badge.approved{color:#10b981d9;border-color:#10b981d9}.stamp-badge.sent{color:#2563ebcc;border-color:#2563ebcc}.stamp-badge.rejected{color:#ef4444cc;border-color:#ef4444cc}.stamp-text{letter-spacing:2px;font-size:14px;font-weight:700}.stamp-date{letter-spacing:1px;margin-top:2px;font-size:8px;font-weight:700}.status-card{box-shadow:var(--shadow-sm,0 1px 3px #0000000d);border:1px solid var(--border,#e2e8f0);background:#fff;border-radius:12px;padding:20px}.status-segmented-control{background:#f1f5f9;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;display:grid}.status-option-btn{color:#64748b;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.status-option-btn input{display:none}.status-option-btn .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-option-btn.active.sent{color:#2563eb;background:#fff;border-color:#2563eb40;box-shadow:0 1px 3px #00000014}.status-option-btn.active.approved{color:#059669;background:#fff;border-color:#05966940;box-shadow:0 1px 3px #00000014}.status-option-btn.active.rejected{color:#dc2626;background:#fff;border-color:#dc262640;box-shadow:0 1px 3px #00000014}.status-card .form-control{background:#fff;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px 2px #0000000a;border:1px solid #cbd5e1!important}.status-card .form-control:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626,inset 0 1px 2px #0000000a!important}@media print{body{background:#fff!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important}.sidebar,.topbar,.back-link,.page-head,.status-card,.quotation-top-banner,.no-print{display:none!important}.page{margin:0!important;padding:0!important}.quotation-wrapper{grid-template-columns:1fr!important;margin:0!important;padding:0!important}.doc-sheet{box-shadow:none!important;border:none!important;border-radius:0!important;width:100%!important;margin:0!important;padding:0!important}.doc-table th,.doc-sig-header{background:0 0!important}.doc-sig-body *{display:none!important}.doc-sig-body{height:70px!important;min-height:70px!important}}.custom-modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:32px 16px;transition:opacity .25s;display:flex;position:fixed;inset:0;overflow-y:auto}.custom-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:100%;max-width:580px;max-height:calc(100dvh - 64px);margin:auto;animation:.22s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.custom-modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.custom-modal-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:15.5px;font-weight:800}.custom-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.custom-modal-close:hover{color:#dc2626;background:#fee2e2}.custom-modal-form{flex-direction:column;gap:16px;max-height:75vh;padding:24px;display:flex;overflow-y:auto}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media(max-width:500px){.form-grid{grid-template-columns:1fr}}.custom-field-group{flex-direction:column;gap:6px;display:flex}.custom-field-group label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.custom-field-group .form-control{color:#0f172a;background:#fff;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px;transition:all .2s;box-shadow:inset 0 1px 2px #0000000a;border:1px solid #cbd5e1!important}.custom-field-group .form-control:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626,inset 0 1px 2px #0000000a!important}.custom-field-group select.form-control{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'%3E%3C/path%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;padding-right:36px}.custom-field-group textarea.form-control{resize:vertical;min-height:60px}.input-prefix-container{align-items:center;display:flex;position:relative}.input-prefix-badge{color:#64748b;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:monospace;font-size:12px;font-weight:700;position:absolute;left:12px}.custom-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.cylinder-form-modal{box-sizing:border-box;padding:24px 16px 40px}.cylinder-form-modal .custom-modal-card{max-height:min(100vh - 72px,100dvh - 72px,740px);margin:auto}.cylinder-form-modal .custom-modal-card>form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.cylinder-form-modal .custom-modal-header,.cylinder-form-modal .custom-modal-footer,.cylinder-form-modal .custom-modal-close{flex-shrink:0}.cylinder-form-modal .custom-modal-form{overscroll-behavior:contain;flex:auto;min-height:0;max-height:none;overflow-y:auto}.cylinder-form-modal .custom-modal-title{overflow-wrap:anywhere}.cylinder-form-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cylinder-form-modal .custom-field-group,.cylinder-form-modal .form-control{min-width:0}.cylinder-form-modal .custom-modal-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;display:flex;padding:18px 24px 24px!important}@media(max-width:640px),(max-height:720px){.cylinder-form-modal{padding:16px 14px max(32px,env(safe-area-inset-bottom,32px)) 14px;align-items:center}.cylinder-form-modal .custom-modal-card{max-height:calc(100dvh - 64px - env(safe-area-inset-bottom,0px));margin-bottom:max(16px,env(safe-area-inset-bottom,16px));border-radius:16px}.cylinder-form-modal .custom-modal-header{padding:14px 18px}.cylinder-form-modal .custom-modal-form{padding:14px 16px}.cylinder-form-modal .custom-modal-footer{flex-direction:column-reverse;gap:10px;padding:14px 18px max(24px,env(safe-area-inset-bottom,24px)) 18px!important}.cylinder-form-modal .custom-modal-footer .btn{white-space:normal;justify-content:center;width:100%;min-height:44px;font-size:14px}}.cyl-modal-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:14px;padding:16px;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #00000008}.cyl-modal-section:focus-within{border-color:#93c5fd;box-shadow:0 2px 8px -2px #3b82f614}.cyl-modal-section-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;display:flex}.cyl-modal-section-icon{color:#475569;background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.cyl-modal-section-title{color:#1e293b;letter-spacing:.3px;text-transform:uppercase;font-size:12.5px;font-weight:700}.cyl-modal-section-desc{color:#64748b;margin-left:auto;font-size:11.5px;font-weight:400}.cyl-toggle-card{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:12px;height:100%;min-height:42px;padding:10px 14px;transition:all .2s;display:flex}.cyl-toggle-card:hover{background:#f1f5f9;border-color:#94a3b8}.cyl-toggle-card input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin:0}.cyl-toggle-card-label{color:#1e293b;font-size:13px;font-weight:600;line-height:1.2;display:block}.cyl-toggle-card-hint{color:#64748b;margin-top:2px;font-size:11px;display:block}.cyl-hint-box{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.cyl-badge-serial{color:#0369a1;letter-spacing:.5px;background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;align-items:center;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700;display:inline-flex}@media(max-width:640px){.cyl-modal-section{margin-bottom:12px;padding:12px}.cyl-modal-section-desc{display:none}.cylinder-form-modal .form-grid{gap:12px;grid-template-columns:minmax(0,1fr)!important}}.cylinder-scan-panel{background:#f8fbff;border:1px dashed #93c5fd;border-radius:10px;padding:14px}.cylinder-scan-help{color:#64748b;margin:0 0 10px;font-size:12px}.cylinder-scan-actions,.cylinder-manual-input{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cylinder-manual-input{flex:1}.cylinder-manual-input input{flex:1;min-width:190px}.scanned-cylinder-table-wrap{border:1px solid #dbeafe;border-radius:8px;margin-top:12px;overflow-x:auto}.scanned-cylinder-table{min-width:760px;margin:0}.scanned-cylinder-table th{white-space:nowrap;background:#eff6ff}.cylinder-camera{background:#090d16;border:1px solid #1e293b;border-radius:16px;margin-top:14px;padding:16px;box-shadow:0 10px 30px -5px #0006}.cylinder-camera-head{color:#fff;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;display:flex}.scanner-live-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s infinite scanner-pulse;display:inline-block;box-shadow:0 0 8px #ef4444}@keyframes scanner-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.scanner-viewport{background:#020617;border-radius:12px;justify-content:center;align-items:center;width:100%;height:320px;display:flex;position:relative;overflow:hidden}.scanner-viewport video{object-fit:cover;background:#020617;width:100%;height:100%;display:block}.scanner-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scanner-box{border-radius:16px;width:220px;max-width:80%;height:220px;max-height:80%;transition:all .25s;position:relative;box-shadow:0 0 0 9999px #0a0f1d9e}.scanner-box.detected{box-shadow:0 0 0 9999px #0a0f1d9e,0 0 30px #22c55ee6}.scanner-corner{pointer-events:none;filter:drop-shadow(0 0 5px #38bdf8cc);border-color:#38bdf8;width:26px;height:26px;transition:all .2s;position:absolute}.scanner-box.detected .scanner-corner{filter:drop-shadow(0 0 8px #22c55e);border-color:#22c55e}.corner-tl{border-top:4px solid;border-left:4px solid;border-top-left-radius:14px;top:-2px;left:-2px}.corner-tr{border-top:4px solid;border-right:4px solid;border-top-right-radius:14px;top:-2px;right:-2px}.corner-bl{border-bottom:4px solid;border-left:4px solid;border-bottom-left-radius:14px;bottom:-2px;left:-2px}.corner-br{border-bottom:4px solid;border-right:4px solid;border-bottom-right-radius:14px;bottom:-2px;right:-2px}.scanner-box:after{content:"";pointer-events:none;background:#38bdf899;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #38bdf8cc}.scanner-laser{background:linear-gradient(90deg,#38bdf800,#38bdf8,#38bdf800);border-radius:2px;height:2.5px;animation:2.2s cubic-bezier(.4,0,.2,1) infinite scanner-laser-sweep;position:absolute;left:8px;right:8px;box-shadow:0 0 10px #38bdf8,0 0 20px #38bdf8cc}@keyframes scanner-laser-sweep{0%{opacity:.85;top:10px}50%{opacity:1;top:calc(100% - 12px)}to{opacity:.85;top:10px}}.scanner-guide-badge{-webkit-backdrop-filter:blur(8px);color:#f1f5f9;letter-spacing:.01em;pointer-events:none;z-index:10;background:#0f172ad9;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;bottom:14px;box-shadow:0 4px 12px #0000004d}.scanner-footer{margin-top:10px}.scanner-footer .cylinder-scan-help{color:#94a3b8;margin:0;font-size:12.5px}.so-header-banner{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:24px;display:flex}.so-header-left{flex-direction:column;gap:8px;display:flex}.so-back-link{color:#64748b;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.so-back-link:hover{color:#0f172a}.so-title{color:#0f172a;letter-spacing:-.02em;align-items:center;gap:12px;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:800;display:flex}.so-sub{color:#475569;font-size:14px}.info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px;display:grid}.premium-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:20px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.premium-card-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:12px;font-weight:700;display:flex}.info-item{border-bottom:1px dashed #f1f5f9;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.info-item:last-child{border-bottom:none}.info-label{color:#475569;font-size:13px;font-weight:500}.info-value{color:#0f172a;text-align:right;font-size:14px;font-weight:700}.customer-profile{align-items:flex-start;gap:16px;display:flex}.customer-avatar{color:#4338ca;background:#e0e7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:flex}.customer-details{flex-direction:column;gap:4px;display:flex}.customer-name{color:#0f172a;font-size:16px;font-weight:700}.customer-meta{color:#64748b;align-items:center;gap:6px;font-size:13px;display:flex}.premium-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.premium-table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.premium-table-header h2{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.total-summary-box{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;padding:20px;display:flex}.total-summary-content{flex-direction:column;gap:12px;width:300px;display:flex}.summary-row{justify-content:space-between;font-size:14px;display:flex}.summary-row.grand-total{color:#0f172a;border-top:2px dashed #cbd5e1;margin-top:4px;padding-top:12px;font-size:18px;font-weight:800}.tracking-action-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0f172a12,0 2px 6px -1px #0f172a0a}.tracking-action-card:hover{box-shadow:0 10px 25px -4px #0f172a1a,0 4px 10px -2px #0f172a0d}.action-accent-bar{width:100%;height:4px}.tracking-action-card.action-receipt .action-accent-bar{background:linear-gradient(90deg,#10b981,#059669,#34d399)}.tracking-action-card.action-departure .action-accent-bar{background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa)}.tracking-action-header{align-items:flex-start;gap:14px;padding:18px 20px 14px;display:flex}.action-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tracking-action-card.action-receipt .action-icon-wrap{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;box-shadow:0 2px 8px #10b9811f}.tracking-action-card.action-departure .action-icon-wrap{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;box-shadow:0 2px 8px #2563eb1f}.action-title-group{flex:1;min-width:0}.action-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;display:flex}.action-title-row h2{color:#0f172a;margin:0;font-size:15px;font-weight:700}.action-tag{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.action-tag.receipt{color:#065f46;background:#d1fae5}.action-tag.departure{color:#1e40af;background:#dbeafe}.action-title-group p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.action-info-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:0 20px 14px;padding:9px 12px;font-size:11.5px;display:flex}.action-info-item{align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.action-info-item .info-label{color:#64748b;font-size:11px}.action-info-item .info-val{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.tracking-action-form{flex-direction:column;gap:13px;padding:0 20px 20px;display:flex}.form-group-custom{flex-direction:column;gap:6px;display:flex}.form-group-custom .field-label{color:#334155;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.form-group-custom .label-left{align-items:center;gap:5px;display:flex}.form-group-custom .req-star{color:#ef4444;font-weight:700}.form-group-custom .btn-suggestion{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:600;transition:all .15s;display:inline-flex}.form-group-custom .btn-suggestion:hover{background:#dbeafe;border-color:#93c5fd}.input-icon-wrapper{align-items:center;display:flex;position:relative}.input-icon-wrapper .input-leading-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;left:12px}.custom-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;padding:9px 12px 9px 36px;font-size:13px;transition:all .15s}.custom-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811f}.tracking-action-card.action-departure .custom-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.custom-textarea{color:#0f172a;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;min-height:58px;padding:9px 12px;font-size:13px;transition:all .15s}.custom-textarea:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811f}.dropzone-box{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:16px 14px;transition:all .2s;display:flex;position:relative}.dropzone-box:hover,.dropzone-box.is-dragover{background:#f0fdf4;border-color:#10b981}.tracking-action-card.action-departure .dropzone-box:hover,.tracking-action-card.action-departure .dropzone-box.is-dragover{background:#eff6ff;border-color:#2563eb}.dropzone-icon-circle{color:#059669;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:8px;transition:transform .2s;display:flex;box-shadow:0 2px 6px #0000000f}.tracking-action-card.action-departure .dropzone-icon-circle{color:#2563eb}.dropzone-box:hover .dropzone-icon-circle{transform:scale(1.08)}.dropzone-primary-text{color:#1e293b;margin-bottom:2px;font-size:12.5px;font-weight:600}.dropzone-primary-text span{color:#059669;text-underline-offset:2px;text-decoration:underline}.tracking-action-card.action-departure .dropzone-primary-text span{color:#2563eb}.dropzone-hint-text{color:#64748b;margin-bottom:8px;font-size:11px}.dropzone-format-tags{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.format-tag{color:#64748b;text-transform:uppercase;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.preview-files-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.preview-file-chip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.preview-file-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.preview-thumb{object-fit:cover;border:1px solid #e2e8f0;border-radius:4px;flex-shrink:0;width:28px;height:28px}.preview-icon-doc{color:#dc2626;background:#fee2e2;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.preview-file-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:500;overflow:hidden}.preview-file-size{color:#94a3b8;font-size:10px}.btn-remove-preview{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:all .15s;display:flex}.btn-remove-preview:hover{color:#ef4444;background:#fee2e2}.btn-submit-action{color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:12px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.tracking-action-card.action-receipt .btn-submit-action{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 14px #10b9814d}.tracking-action-card.action-receipt .btn-submit-action:hover{background:linear-gradient(135deg,#047857,#059669);transform:translateY(-1px);box-shadow:0 6px 18px #10b98166}.tracking-action-card.action-departure .btn-submit-action{background:linear-gradient(135deg,#1d4ed8,#3b82f6);box-shadow:0 4px 14px #2563eb4d}.tracking-action-card.action-departure .btn-submit-action:hover{background:linear-gradient(135deg,#1e40af,#2563eb);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb66}.btn-submit-action:active{transform:translateY(0)}.action-security-note{color:#64748b;text-align:center;justify-content:center;align-items:center;gap:5px;margin-top:-4px;font-size:10.5px;display:flex}.tracking-verified-card{background:linear-gradient(#f0fdf4,#fff);border:1px solid #a7f3d0;border-radius:16px;padding:18px 20px;box-shadow:0 4px 16px #10b98114}.verified-card-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.verified-badge-icon{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 8px #10b9814d}.verified-card-head h2{color:#065f46;margin:0;font-size:14.5px;font-weight:700}.verified-card-head p{color:#047857;margin:2px 0 0;font-size:11.5px}.verified-details-grid{background:#fff;border:1px solid #d1fae5;border-radius:10px;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;padding:12px;font-size:11.5px;display:grid}.verified-detail-cell strong{color:#0f172a;margin-top:1px;font-size:12px;display:block}.verified-detail-cell span{color:#64748b;font-size:10.5px}.report-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.report-header-badge{text-transform:uppercase;letter-spacing:.05em;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.report-header-badge:before{content:"";background:#2563eb;border-radius:50%;width:6px;height:6px;display:inline-block}.report-page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.report-page-sub{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 0;font-size:13px;display:flex}.report-meta-pill{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.report-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.report-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.report-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.report-btn.primary{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 6px #2563eb40}.report-btn.primary:hover{background:#1d4ed8;border-color:#1d4ed8}.report-filter-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:22px;padding:16px 20px}.report-filter-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.report-filter-heading{color:#1e293b;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.filter-preset-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.preset-chip{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600;transition:all .15s}.preset-chip:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.report-filter-form{grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) auto;align-items:end;gap:14px;display:grid}.report-filter-field{flex-direction:column;gap:5px;display:flex}.report-filter-field label{color:#475569;font-size:11.5px;font-weight:600}.report-input-wrapper{align-items:center;display:flex;position:relative}.report-input-wrapper svg{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.report-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:8px 12px 8px 34px;font-size:12.5px;transition:all .15s}.report-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.report-select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:8px 12px 8px 34px;font-size:12.5px;transition:all .15s}.report-select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.report-filter-actions{gap:8px;display:flex}.report-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:22px;display:grid}.report-kpi-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.report-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.report-kpi-card:before{content:"";height:3.5px;position:absolute;top:0;left:0;right:0}.report-kpi-card.blue:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.report-kpi-card.green:before{background:linear-gradient(90deg,#10b981,#34d399)}.report-kpi-card.orange:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.report-kpi-card.red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.report-kpi-card.purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.report-kpi-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.report-kpi-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:11.5px;font-weight:700}.report-kpi-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.report-kpi-card.blue .report-kpi-icon-wrap{color:#2563eb;background:#eff6ff}.report-kpi-card.green .report-kpi-icon-wrap{color:#059669;background:#ecfdf5}.report-kpi-card.orange .report-kpi-icon-wrap{color:#d97706;background:#fffbeb}.report-kpi-card.red .report-kpi-icon-wrap{color:#dc2626;background:#fef2f2}.report-kpi-card.purple .report-kpi-icon-wrap{color:#7c3aed;background:#f5f3ff}.report-kpi-value{color:#0f172a;margin-bottom:6px;font-size:22px;font-weight:800;line-height:1.2}.report-kpi-sub{color:#64748b;align-items:center;gap:6px;font-size:11.5px;display:flex}.report-kpi-tag{border-radius:5px;padding:2px 7px;font-size:10.5px;font-weight:700}.report-kpi-tag.green{color:#065f46;background:#d1fae5}.report-kpi-tag.red{color:#991b1b;background:#fee2e2}.report-kpi-tag.blue{color:#1e40af;background:#dbeafe}.report-kpi-tag.orange{color:#92400e;background:#fef3c7}.report-data-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;overflow:hidden}.report-data-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.report-data-title-group{align-items:center;gap:10px;display:flex}.report-data-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.report-count-badge{color:#334155;background:#e2e8f0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.report-table-search-wrap{align-items:center;display:flex;position:relative}.report-table-search-wrap svg{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.report-table-search{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:7px;width:210px;padding:6px 12px 6px 30px;font-size:12px;transition:all .15s}.report-table-search:focus{border-color:#2563eb;outline:none;width:250px;box-shadow:0 0 0 3px #2563eb1f}.report-table-wrap{width:100%;overflow-x:auto}.report-table{border-collapse:collapse;width:100%;font-size:13px}.report-table thead th{color:#475569;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #cbd5e1;padding:12px 16px;font-size:11px;font-weight:700}.report-table thead th.num{text-align:right}.report-table tbody tr{border-bottom:1px solid #edf2f7;transition:background .15s}.report-table tbody tr:hover{background:#f8fafc}.report-table tbody tr:last-child{border-bottom:none}.report-table td{vertical-align:middle;color:#1e293b;padding:13px 16px}.report-table td.num{text-align:right;font-variant-numeric:tabular-nums}.report-table tfoot td{color:#0f172a;background:#f8fafc;border-top:2px solid #cbd5e1;padding:14px 16px;font-weight:700}.report-table tfoot td.num{text-align:right;color:#0f172a;font-size:14px}.report-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.report-badge:before{content:"";border-radius:50%;width:5px;height:5px;display:inline-block}.report-badge.paid,.report-badge.completed,.report-badge.shipped{color:#065f46;background:#d1fae5}.report-badge.paid:before,.report-badge.completed:before,.report-badge.shipped:before{background:#10b981}.report-badge.unpaid,.report-badge.draft,.report-badge.prepared{color:#475569;background:#f1f5f9}.report-badge.unpaid:before,.report-badge.draft:before,.report-badge.prepared:before{background:#94a3b8}.report-badge.overdue{color:#991b1b;background:#fee2e2}.report-badge.overdue:before{background:#ef4444}.report-badge.partially_paid,.report-badge.processing{color:#92400e;background:#fef3c7}.report-badge.partially_paid:before,.report-badge.processing:before{background:#f59e0b}.report-print-header{display:none}@media print{@page{margin:1.2cm;size:auto}body{color:#000!important;background:#fff!important;font-size:11pt!important}.app-shell{display:block!important}.sidebar,.topbar,.report-filter-card,.report-actions,.report-table-search-wrap,.back-link,.sidebar-backdrop,.burger-btn{display:none!important}.main{margin:0!important;padding:0!important}.page{max-width:100%!important;padding:0!important}.report-print-header{border-bottom:2px solid #000;margin-bottom:18px;padding-bottom:12px;display:block!important}.report-print-header h1{color:#000;margin:0 0 4px;font-size:18pt;font-weight:800}.report-print-header p{color:#333;margin:0;font-size:10pt}.report-kpi-grid{grid-template-columns:repeat(4,1fr)!important;gap:10px!important;margin-bottom:16px!important}.report-kpi-card{box-shadow:none!important;border:1px solid #ccc!important;padding:10px!important}.report-kpi-value{font-size:14pt!important}.report-data-card{page-break-inside:auto;box-shadow:none!important;border:1px solid #ccc!important}.report-table{font-size:9.5pt!important}.report-table thead th{color:#000!important;background:#eee!important;border-bottom:1.5px solid #000!important;padding:6px 8px!important}.report-table td{border-bottom:1px solid #ddd!important;padding:6px 8px!important}.report-table tfoot td{background:#f5f5f5!important;border-top:1.5px solid #000!important;padding:6px 8px!important}tr{page-break-inside:avoid}}.dashboard-page{flex-direction:column;gap:20px;display:flex}.dashboard-hero{color:#0f172a;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px -2px #0f172a0d,0 2px 6px -1px #0f172a05}.dashboard-hero:before{content:"";background:linear-gradient(90deg,#2563eb,#38bdf8,#10b981);height:4px;position:absolute;top:0;left:0;right:0}.dashboard-hero-header-wrap{flex:1;align-items:center;gap:20px;min-width:280px;display:flex}.dashboard-hero-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:16px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 8px 20px -4px #2563eb59}.dashboard-hero-content{z-index:1;flex:1;min-width:240px;position:relative}.dashboard-hero-badge-wrap{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.dashboard-hero-badge{text-transform:uppercase;letter-spacing:.06em;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.dashboard-hero-date-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.pulse-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:6.5px;height:6.5px;display:inline-block;box-shadow:0 0 8px #10b98199}.dashboard-hero-title{color:#0f172a;letter-spacing:-.03em;margin:0 0 4px;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:800}.dashboard-hero-sub{color:#64748b;max-width:620px;margin:0;font-size:13px;line-height:1.5}.dashboard-hero-actions{z-index:1;flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.btn-hero{cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 15px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-hero.primary{color:#fff;background:#2563eb;border:1px solid #1d4ed8;box-shadow:0 2px 8px #2563eb40}.btn-hero.primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.btn-hero.secondary{color:#334155;background:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 3px #0f172a0d}.btn-hero.secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.btn-hero.reset{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.btn-hero.reset:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.alert-banner{border-radius:12px;align-items:center;gap:12px;padding:12px 18px;font-size:13px;font-weight:500;display:flex}.alert-banner.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.alert-banner.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.kpi{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s;display:flex;position:relative}.kpi:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 25px -4px #0f172a14,0 4px 10px -2px #0f172a0a}.kpi:before{content:"";height:3.5px;position:absolute;top:0;left:0;right:0}.kpi.blue:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.kpi.cyan:before{background:linear-gradient(90deg,#0284c7,#38bdf8)}.kpi.green:before{background:linear-gradient(90deg,#10b981,#34d399)}.kpi.orange:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.kpi.violet:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.kpi__top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.kpi__label{color:#64748b;letter-spacing:.06em;text-transform:uppercase;font-size:11.5px;font-weight:700}.kpi__icon{border-radius:10px;width:40px;height:40px;position:static}.kpi__value{letter-spacing:-.03em;color:#0f172a;margin:8px 0 10px;font-size:26px;font-weight:800}.kpi__footer{align-items:center;display:flex}.dashboard-card{box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;border-radius:18px}.card-head-badge{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:11.5px}.chart-bar-group{cursor:pointer;transition:transform .15s}.chart-bar-group:hover .chart-bar{filter:brightness(1.15)drop-shadow(0 4px 10px #2563eb66)}.donut-label-group{color:#1e293b;align-items:center;gap:8px;font-size:13px;display:flex}.donut-val-group{align-items:center;gap:6px;display:flex}.donut-pct{color:#64748b;font-size:11.5px;font-weight:500}.legend-chip{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.legend-chip.blue{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe}.legend-chip.green{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.activity-list-wrap,.notification-list-wrap{flex-direction:column;display:flex}.cyl-page{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:24px 32px 48px;overflow-x:hidden}.cyl-breadcrumb{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding:0;font-size:13px;list-style:none;display:flex}.cyl-breadcrumb a{color:#64748b;align-items:center;gap:6px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.cyl-breadcrumb a:hover{color:#2563eb}.cyl-breadcrumb a svg{flex-shrink:0;width:14px;height:14px}.cyl-breadcrumb-sep{color:#cbd5e1;-webkit-user-select:none;user-select:none;font-size:11px}.cyl-hero{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0f172a0f}.cyl-hero:before{content:"";background:linear-gradient(90deg,#2563eb,#38bdf8,#10b981);height:4px;position:absolute;top:0;left:0;right:0}.cyl-hero-main{align-items:center;gap:20px;min-width:0;display:flex}.cyl-avatar{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 4px 12px -2px #2563eb26}.cyl-hero-info{flex-direction:column;gap:6px;min-width:0;display:flex}.cyl-hero-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cyl-hero-title{color:#0f172a;letter-spacing:-.02em;word-break:break-word;align-items:center;gap:10px;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:26px;font-weight:800;display:flex}.cyl-hero-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.cyl-hero-meta-item{align-items:center;gap:5px;display:inline-flex}.cyl-hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cyl-action-btn{white-space:nowrap;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.cyl-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.cyl-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:flex-start;gap:14px;min-width:0;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px -1px #0f172a0a}.cyl-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px -2px #0f172a14}.cyl-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cyl-stat-icon svg{width:22px;height:22px;display:block}.cyl-stat-icon.blue{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.cyl-stat-icon.green{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.cyl-stat-icon.amber{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.cyl-stat-icon.purple{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.cyl-stat-content{flex-direction:column;min-width:0;display:flex}.cyl-stat-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:4px;font-size:11.5px;font-weight:700}.cyl-stat-val{color:#0f172a;word-break:break-word;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:800;line-height:1.25}.cyl-stat-sub{color:#64748b;word-break:break-word;margin-top:4px;font-size:12px;line-height:1.35}.cyl-content-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.cyl-main-col{flex-direction:column;gap:24px;min-width:0;display:flex}.cyl-side-col{flex-direction:column;gap:24px;min-width:0;display:flex;position:sticky;top:24px}.cyl-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:0;overflow:hidden;box-shadow:0 2px 10px -2px #0f172a0a}.cyl-card-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 22px;display:flex}.cyl-card-title{color:#0f172a;align-items:center;gap:10px;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;display:flex}.cyl-card-title svg{color:#2563eb;width:18px;height:18px}.cyl-card-body{padding:20px 22px}.cyl-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;display:grid}.cyl-detail-item{border-bottom:1px solid #f8fafc;flex-direction:column;gap:4px;min-width:0;padding-bottom:12px;display:flex}.cyl-detail-item:last-child,.cyl-detail-item:nth-last-child(2){border-bottom:none;padding-bottom:0}.cyl-detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:11.5px;font-weight:600}.cyl-detail-value{color:#0f172a;word-break:break-word;overflow-wrap:break-word;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:600;display:flex}.cyl-goods-receipt-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:14px 16px;display:grid}.cyl-hydro-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;margin-top:14px;padding:16px 18px;display:flex}.cyl-hydro-bar-wrap{background:#e2e8f0;border-radius:999px;width:100%;height:8px;overflow:hidden}.cyl-hydro-bar-fill{border-radius:999px;height:100%;transition:width .4s}.cyl-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:4px;padding:0 20px;display:flex;overflow:auto hidden}.cyl-tabs::-webkit-scrollbar{display:none}.cyl-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:8px;padding:14px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.cyl-tab-btn:hover{color:#0f172a}.cyl-tab-btn.active{color:#2563eb;background:#fff;border-bottom-color:#2563eb;border-top-left-radius:8px;border-top-right-radius:8px}.cyl-tab-count{color:#475569;background:#e2e8f0;border-radius:999px;padding:2px 7px;font-size:11px}.cyl-tab-btn.active .cyl-tab-count{color:#2563eb;background:#eff6ff}.cyl-tab-content{display:none}.cyl-tab-content.active{display:block}.cyl-qr-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;min-width:0;padding:24px 20px;display:flex;box-shadow:0 2px 10px -2px #0f172a0a}.cyl-qr-frame{background:#fff;border:2px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:200px;max-width:100%;height:200px;margin-bottom:16px;padding:12px;display:flex;position:relative;box-shadow:0 4px 16px -2px #0000000d}.cyl-qr-frame:before,.cyl-qr-frame:after{content:"";pointer-events:none;border-color:#2563eb;width:20px;height:20px;position:absolute}.cyl-qr-frame:before{border-top:3px solid #2563eb;border-left:3px solid #2563eb;border-top-left-radius:14px;top:-2px;left:-2px}.cyl-qr-frame:after{border-bottom:3px solid #2563eb;border-right:3px solid #2563eb;border-bottom-right-radius:14px;bottom:-2px;right:-2px}.cyl-qr-frame img{object-fit:contain;width:100%;height:100%}.cyl-copy-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:inline-flex}.cyl-copy-btn:hover{color:#2563eb;background:#f1f5f9}.cyl-actions-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:0;overflow:hidden;box-shadow:0 2px 10px -2px #0f172a0a}.cyl-actions-body{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.cyl-action-row{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:12px;width:100%;padding:14px;display:flex}.cyl-action-info{flex-direction:column;gap:4px;min-width:0;display:flex}.cyl-action-title{color:#0f172a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.cyl-action-status-pill{border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.cyl-action-status-pill.active{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.cyl-action-status-pill.inactive{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.cyl-pulse-dot{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.cyl-action-desc{color:#64748b;word-break:break-word;font-size:11.5px;line-height:1.4}.cyl-btn-toggle{cursor:pointer;text-align:center;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;padding:9px 14px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.cyl-btn-toggle.danger{color:#dc2626;background:#fff;border:1px solid #fca5a5}.cyl-btn-toggle.danger:hover{background:#fef2f2;border-color:#f87171}.cyl-btn-toggle.success{color:#059669;background:#fff;border:1px solid #86efac}.cyl-btn-toggle.success:hover{background:#ecfdf5;border-color:#4ade80}.cyl-action-edit-btn{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.cyl-action-edit-btn:hover{color:#2563eb;background:#f8fafc;border-color:#2563eb}.cyl-action-quick-grid{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.cyl-quick-action-link{color:#334155;white-space:nowrap;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.cyl-quick-action-link:hover{color:#0f172a;background:#fff;border-color:#cbd5e1;box-shadow:0 1px 3px #0000000d}.cyl-toast{color:#fff;z-index:99999;opacity:0;pointer-events:none;box-sizing:border-box;word-break:break-word;white-space:normal;background:#0f172a;border-radius:10px;align-items:center;gap:10px;width:auto;max-width:min(440px,100vw - 32px);padding:12px 18px;font-size:13px;font-weight:600;line-height:1.4;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:28px;right:28px;transform:translateY(12px);box-shadow:0 10px 30px -4px #00000040}.cyl-toast.show{opacity:1;transform:translateY(0)}@media(max-width:1280px){.cyl-content-grid{grid-template-columns:minmax(0,1fr) 300px;gap:20px}}@media(max-width:1100px){.cyl-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media(max-width:1023px){.cyl-hero{flex-direction:column;align-items:stretch;gap:18px;padding:20px 22px}.cyl-hero-actions{width:100%}.cyl-content-grid{grid-template-columns:1fr;gap:20px}.cyl-side-col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid;position:static}.cyl-qr-card{max-width:100%}}@media(max-width:768px){.cyl-page{padding:18px 18px 36px}.cyl-side-col{flex-direction:column;gap:16px;display:flex}.cyl-card-header{padding:14px 18px}.cyl-card-body{padding:16px 18px}}@media(max-width:640px){.cyl-page{padding:14px 12px 32px}.cyl-hero{border-radius:12px;padding:16px 14px}.cyl-hero-main{align-items:flex-start;gap:12px}.cyl-avatar{border-radius:10px;width:48px;height:48px}.cyl-avatar svg{width:24px!important;height:24px!important}.cyl-hero-title{font-size:20px}.cyl-hero-meta{gap:8px;font-size:12px}.cyl-hero-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.cyl-action-btn{justify-content:center;width:100%;padding:10px 8px;font-size:12px}.cyl-action-btn-primary{order:-1;grid-column:1/-1;padding:11px 16px;font-size:13px}.cyl-stats-grid{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.cyl-stat-card{padding:14px 16px}.cyl-detail-grid{grid-template-columns:1fr;gap:12px}.cyl-detail-item{padding-bottom:10px}.cyl-detail-item:last-child{border-bottom:none;padding-bottom:0}.cyl-tabs{gap:2px;padding:0 10px}.cyl-tab-btn{padding:12px;font-size:12px}.cyl-card-header{padding:12px 14px}.cyl-card-body{padding:14px}.cyl-qr-frame{width:160px;height:160px;padding:8px}}.cyl-index-page{flex-direction:column;gap:22px;display:flex}.cyl-live-pill{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.cyl-live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite cylPulse;box-shadow:0 0 0 2px #10b98133}@keyframes cylPulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.cyl-stat-badge{border-radius:6px;margin-left:auto;padding:2px 7px;font-size:10.5px;font-weight:700}.cyl-stat-badge.blue{color:#1d4ed8;background:#eff6ff}.cyl-stat-badge.green{color:#047857;background:#ecfdf5}.cyl-stat-badge.indigo{color:#4338ca;background:#eef2ff}.cyl-stat-badge.amber{color:#b45309;background:#fffbeb}.cyl-dist-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;transition:all .25s;overflow:hidden;box-shadow:0 2px 8px -2px #0f172a0a}.cyl-dist-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 20px;transition:background-color .15s;display:flex}.cyl-dist-header:hover{background:#f8fafc}.cyl-dist-body{background:#fafbfc;border-top:1px solid #f1f5f9;padding:18px 20px}.cyl-dist-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.cyl-dist-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #00000005}.cyl-dist-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px -2px #0f172a14}.cyl-dist-item-head{justify-content:space-between;align-items:center;display:flex}.cyl-dist-type-name{color:#0f172a;font-size:13.5px;font-weight:700}.cyl-dist-cap{color:#64748b;background:#f1f5f9;border-radius:6px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:11px}.cyl-dist-counts{text-align:center;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.cyl-dist-count-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;padding:6px 2px}.cyl-dist-count-box .label{text-transform:uppercase;color:#64748b;font-size:9.5px;font-weight:600;display:block}.cyl-dist-count-box .val{color:#0f172a;margin-top:2px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;display:block}.cyl-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;padding:16px 20px;display:flex;box-shadow:0 2px 8px -2px #0f172a0a}.cyl-filter-main{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cyl-search-wrapper{flex:260px;position:relative}.cyl-search-wrapper svg{color:#94a3b8;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.cyl-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;height:40px;padding:0 36px 0 38px;font-size:13px;transition:all .2s}.cyl-search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.cyl-filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;min-width:145px;height:40px;padding:0 14px;font-size:13px;font-weight:500;transition:all .2s}.cyl-filter-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.cyl-status-pills{background:#f1f5f9;border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;display:flex}.cyl-status-pill{color:#64748b;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;line-height:1.2;text-decoration:none;transition:all .15s;display:inline-flex}.cyl-status-pill:hover{color:#0f172a;background:#fff9}.cyl-status-pill.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0f172a14}.cyl-status-pill-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.cyl-active-filters-bar{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;font-size:12.5px;display:flex}.cyl-active-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cyl-active-tag{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.cyl-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px -2px #0f172a0a}.cyl-table-header-bar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.cyl-data-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px;font-size:13px}.cyl-card .data{border-collapse:collapse;width:100%;min-width:600px}.cyl-card .data th{white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:11px;font-weight:700}.cyl-card .data td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.cyl-data-table th{text-transform:uppercase;letter-spacing:.05em;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:11px;font-weight:700}.cyl-data-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.cyl-data-table tbody tr{transition:background-color .15s}.cyl-data-table tbody tr:hover{background-color:#f8fafc}.cyl-master-row{cursor:pointer;transition:background-color .15s}.cyl-master-row:hover{background-color:#f8fafc}.cyl-master-row.cyl-row-expanded{background-color:#eff6ff!important}.cyl-expand-row td{padding:0!important}.cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:900px){.cyl-expand-grid{grid-template-columns:1fr!important}}.bulk-qr-check-cell{text-align:center;width:44px;min-width:44px;padding-right:4px!important}.bulk-qr-checkbox{accent-color:#2563eb;cursor:pointer;width:16px;height:16px;margin:0}.bulk-qr-selection-summary{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.bulk-qr-fieldset{border:0;gap:9px;margin:0;padding:0;display:grid}.bulk-qr-fieldset legend{color:#334155;letter-spacing:.04em;text-transform:uppercase;margin-bottom:9px;font-size:12px;font-weight:800}.bulk-qr-option{cursor:pointer;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:11px;padding:12px 14px;display:flex}.bulk-qr-option:has(input:checked){background:#eff6ff;border-color:#93c5fd}.bulk-qr-option input{accent-color:#2563eb;margin-top:3px}.bulk-qr-option span{gap:2px;display:grid}.bulk-qr-option strong{color:#0f172a;font-size:13px}.bulk-qr-option small{color:#64748b;font-size:11.5px}.cyl-id-badge{color:#2563eb;align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.cyl-id-badge:hover{color:#1d4ed8;text-decoration:underline}.cyl-serial-chip{color:#64748b;background:#f1f5f9;border-radius:4px;margin-top:3px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-block}.cyl-gas-pill{border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.cyl-gas-dot{border-radius:50%;width:6px;height:6px}.cyl-hydro-chip{border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:600;display:inline-flex}.cyl-hydro-chip.safe{color:#334155;background:#f8fafc;border:1px solid #e2e8f0}.cyl-hydro-chip.warning{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.cyl-hydro-chip.expired{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;font-weight:700}.cyl-action-buttons{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.cyl-action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:5px 9px;font-size:12px;font-weight:600;line-height:1.2;text-decoration:none;transition:all .15s;display:inline-flex}.cyl-action-btn svg{vertical-align:middle;flex-shrink:0;width:14px;height:14px;display:inline-block}.cyl-action-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.cyl-action-btn.detail{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.cyl-action-btn.detail:hover{color:#fff;background:#2563eb;border-color:#2563eb}.cyl-action-btn.danger{color:#ef4444;border-color:#fee2e2}.cyl-action-btn.danger:hover{color:#fff;background:#ef4444;border-color:#ef4444}.cyl-empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.cyl-empty-icon{color:#94a3b8;background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}@media(max-width:900px){.cyl-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.cyl-stats-grid{grid-template-columns:1fr;gap:12px}.cyl-stat-card{padding:14px 16px}.cyl-filter-main{flex-direction:column;align-items:stretch}.cyl-status-pills{white-space:nowrap;overflow-x:auto}.cyl-active-filters-bar{flex-direction:column;align-items:flex-start}}.cyl-stat-icon.red{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.notif-container{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 2px 10px #0f172a08}.notif-header-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.notif-tabs-bar{-webkit-overflow-scrolling:touch;background:#e2e8f0;border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex;overflow-x:auto}.notif-tab{color:#475569;white-space:nowrap;border-radius:9px;align-items:center;gap:8px;padding:6px 14px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.notif-tab:hover{color:#0f172a;background:#fff9}.notif-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0f172a14}.notif-tab-badge{color:#64748b;background:#f1f5f9;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.notif-tab.active .notif-tab-badge{color:#2563eb;background:#eff6ff}.notif-tab-badge.unread{color:#dc2626;background:#fef2f2}.notif-tab-badge.warning{color:#d97706;background:#fffbeb}.notif-feed-list{flex-direction:column;display:flex}.notif-feed-item{background:#fff;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:16px;padding:18px 22px;text-decoration:none;transition:all .2s;display:flex;position:relative}.notif-feed-item:last-child{border-bottom:none}.notif-feed-item.is-unread{background:#f8fbff;border-left:3.5px solid #2563eb}.notif-feed-item:hover{background:#f1f5f9;transform:translate(2px)}.notif-item-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.notif-item-icon svg{width:20px;height:20px}.notif-item-icon.warning{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.notif-item-icon.danger{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.notif-item-icon.success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.notif-item-icon.info{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.notif-item-body{flex:1;min-width:0}.notif-item-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.notif-item-title{color:#0f172a;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;line-height:1.35}.notif-actor-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.notif-item-message{color:#334155;margin-bottom:6px;font-size:13px;line-height:1.5}.notif-item-foot{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:12px;font-size:11.5px;display:flex}.notif-time-badge{align-items:center;gap:4px;display:inline-flex}.notif-item-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.notif-badge-pill{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.notif-badge-pill.warning{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.notif-badge-pill.danger{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.notif-badge-pill.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.notif-badge-pill.info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.notif-arrow-link{color:#2563eb;align-items:center;gap:4px;font-size:12px;font-weight:600;transition:transform .15s;display:inline-flex}.notif-feed-item:hover .notif-arrow-link{transform:translate(3px)}@media(max-width:640px){.notif-header-toolbar{flex-direction:column;align-items:stretch}.notif-tabs-bar{width:100%}.notif-feed-item{gap:12px;padding:14px 16px}.notif-item-side{align-items:flex-start}.notif-item-icon{width:36px;height:36px}.notif-item-icon svg{width:18px;height:18px}}.dialog-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:99999;opacity:0;visibility:hidden;background:#0f172aa6;justify-content:center;align-items:center;padding:24px 16px;transition:opacity .22s,visibility .22s;display:flex;position:fixed;inset:0}.dialog-modal-backdrop.is-open{opacity:1;visibility:visible}.dialog-modal-card{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:440px;transition:transform .22s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:scale(.93)translateY(10px);box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #0f172a0f}.dialog-modal-backdrop.is-open .dialog-modal-card{transform:scale(1)translateY(0)}.dialog-modal-body{text-align:center;flex-direction:column;align-items:center;padding:28px 24px 18px;display:flex}.dialog-modal-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.dialog-modal-icon svg{width:28px;height:28px}.dialog-modal-icon.danger{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;box-shadow:0 4px 12px #dc26261f}.dialog-modal-icon.warning{color:#d97706;background:#fffbeb;border:1px solid #fde68a;box-shadow:0 4px 12px #d977061f}.dialog-modal-icon.success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;box-shadow:0 4px 12px #0596691f}.dialog-modal-icon.info{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;box-shadow:0 4px 12px #2563eb1f}.dialog-modal-title{color:#0f172a;margin:0 0 8px;font-family:Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:800;line-height:1.35}.dialog-modal-desc{color:#475569;word-break:break-word;margin:0;font-size:13.5px;line-height:1.55}.dialog-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px 20px;display:flex}.dialog-modal-btn{cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid #0000;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.dialog-modal-btn.cancel{color:#475569;background:#fff;border-color:#cbd5e1}.dialog-modal-btn.cancel:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.dialog-modal-btn.danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #dc262640}.dialog-modal-btn.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 16px #dc262659}.dialog-modal-btn.primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #2563eb40}.dialog-modal-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}@media(max-width:480px){.dialog-modal-card{border-radius:16px;max-width:100%}.dialog-modal-body{padding:22px 18px 16px}.dialog-modal-footer{flex-direction:column-reverse;padding:14px 18px 18px}.dialog-modal-btn{width:100%}}.ts-wrapper.form-control,.custom-field-group .ts-wrapper.form-control{box-shadow:none;background:0 0;padding:0;border:0!important}.ts-wrapper .ts-control{color:#0f172a;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'%3E%3C/path%3E%3C/svg%3E") right 12px center/14px no-repeat;border:1px solid #cbd5e1;border-radius:8px;min-height:40px;padding:9px 36px 9px 12px;font-family:inherit;font-size:13.5px;box-shadow:inset 0 1px 2px #0000000a}.ts-wrapper .ts-control input{color:#0f172a;font-size:13.5px}.ts-wrapper.focus .ts-control{border-color:var(--blue,#2563eb);box-shadow:0 0 0 3px #2563eb1a}.ts-dropdown{z-index:10050;border:1px solid #cbd5e1;border-radius:8px;min-width:300px;margin-top:4px;font-size:13.5px;overflow:hidden;box-shadow:0 12px 28px -8px #0f172a2e}.ts-dropdown .option{padding:8px 12px}.ts-dropdown .active{color:#1d4ed8;background:#eff6ff}.ts-dropdown .no-results{color:#94a3b8;padding:10px 12px}.driver-account-badge{color:#1d4ed8;margin-top:2px;font-size:11.5px;font-weight:600}.driver-account-badge.is-empty{color:#94a3b8;font-weight:500}.driver-account-hint{color:#64748b;margin-top:4px;font-size:11.5px}.my-do-banner{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.my-do-banner a{color:#1d4ed8;font-weight:700;text-decoration:none}.field-optional{color:#94a3b8;text-transform:none;letter-spacing:0;font-weight:500}.field-optional-hint{color:#64748b;margin-top:4px;font-size:11.5px}.import-required-mark{color:#ef4444}.cyl-serial-label{justify-content:space-between;align-items:center;display:flex}.cyl-serial-reset{color:#2563eb;cursor:pointer;background:0 0;border:0;padding:0;font-size:11.5px;font-weight:600}.cyl-serial-reset:hover{text-decoration:underline}:where(body.view-settings-roles-index) .cyl-index-page{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}@media(max-width:1023px){:where(body.view-settings-roles-index) .cyl-hero{flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:20px 22px!important}:where(body.view-settings-roles-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important;width:100%!important}:where(body.view-settings-roles-index) .cyl-hero-info{flex:1;min-width:0;text-align:left!important;align-items:flex-start!important}:where(body.view-settings-roles-index) .cyl-hero-tags{justify-content:flex-start!important}:where(body.view-settings-roles-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:22px!important}:where(body.view-settings-roles-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important}:where(body.view-settings-roles-index) .cyl-hero-actions{flex-wrap:wrap!important;gap:10px!important;width:100%!important;display:flex!important}}@media(max-width:640px){:where(body.view-settings-roles-index) .cyl-hero{border-radius:12px!important;gap:14px!important;padding:16px 14px!important}:where(body.view-settings-roles-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important}:where(body.view-settings-roles-index) .cyl-avatar{border-radius:10px!important;flex-shrink:0!important;width:48px!important;height:48px!important}:where(body.view-settings-roles-index) .cyl-avatar svg{width:24px!important;height:24px!important}:where(body.view-settings-roles-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:19px!important}:where(body.view-settings-roles-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important;gap:8px!important;font-size:12px!important}:where(body.view-settings-roles-index) .cyl-hero-actions{grid-template-columns:1fr!important;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-settings-roles-index) .cyl-hero-actions .btn{justify-content:center!important;width:100%!important}}@media(max-width:1366px){:where(body.view-settings-roles-index) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}@media(max-width:640px){:where(body.view-settings-roles-index) .cyl-stats-grid{grid-template-columns:1fr!important;gap:10px!important}:where(body.view-settings-roles-index) .cyl-stat-card{gap:12px!important;padding:14px!important}:where(body.view-settings-roles-index) .cyl-stat-icon{width:38px!important;height:38px!important}:where(body.view-settings-roles-index) .cyl-stat-icon svg{width:20px!important;height:20px!important}:where(body.view-settings-roles-index) .cyl-stat-val{font-size:17px!important}}:where(body.view-settings-roles-index) .table-wrap{-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}:where(body.view-settings-roles-index) .cyl-table-compact th{white-space:nowrap;padding:10px 14px;font-size:11px}:where(body.view-settings-roles-index) .cyl-table-compact td{vertical-align:middle;padding:10px 14px;font-size:12.5px}@media(max-width:1280px){:where(body.view-settings-roles-index) .cyl-table-compact th{padding:8px 10px;font-size:10.5px}:where(body.view-settings-roles-index) .cyl-table-compact td{padding:8px 10px;font-size:12px}}@media(max-width:640px){:where(body.view-settings-roles-index) .cyl-table-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:14px 16px!important}}:where(body.view-settings-roles-edit) .cyl-index-page{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}@media(max-width:1023px){:where(body.view-settings-roles-edit) .cyl-hero{flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:20px 22px!important}:where(body.view-settings-roles-edit) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important;width:100%!important}:where(body.view-settings-roles-edit) .cyl-hero-info{flex:1;min-width:0;text-align:left!important;align-items:flex-start!important}:where(body.view-settings-roles-edit) .cyl-hero-tags{justify-content:flex-start!important}:where(body.view-settings-roles-edit) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:22px!important}:where(body.view-settings-roles-edit) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important}:where(body.view-settings-roles-edit) .cyl-hero-actions{flex-wrap:wrap!important;gap:10px!important;width:100%!important;display:flex!important}}@media(max-width:640px){:where(body.view-settings-roles-edit) .cyl-hero{border-radius:12px!important;gap:14px!important;padding:16px 14px!important}:where(body.view-settings-roles-edit) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important}:where(body.view-settings-roles-edit) .cyl-avatar{border-radius:10px!important;flex-shrink:0!important;width:48px!important;height:48px!important}:where(body.view-settings-roles-edit) .cyl-avatar svg{width:24px!important;height:24px!important}:where(body.view-settings-roles-edit) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:19px!important}:where(body.view-settings-roles-edit) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important;gap:8px!important;font-size:12px!important}:where(body.view-settings-roles-edit) .cyl-hero-actions{grid-template-columns:1fr!important;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-settings-roles-edit) .cyl-hero-actions .btn{justify-content:center!important;width:100%!important}}@media(max-width:1366px){:where(body.view-settings-roles-edit) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}@media(max-width:640px){:where(body.view-settings-roles-edit) .cyl-stats-grid{grid-template-columns:1fr!important;gap:10px!important}:where(body.view-settings-roles-edit) .cyl-stat-card{gap:12px!important;padding:14px!important}:where(body.view-settings-roles-edit) .cyl-stat-icon{width:38px!important;height:38px!important}:where(body.view-settings-roles-edit) .cyl-stat-icon svg{width:20px!important;height:20px!important}:where(body.view-settings-roles-edit) .cyl-stat-val{font-size:17px!important}}:where(body.view-settings-roles-edit) .perm-toolbar-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #0000000a}:where(body.view-settings-roles-edit) .perm-search-box{flex:280px;min-width:200px;position:relative}:where(body.view-settings-roles-edit) .perm-search-box svg{color:#94a3b8;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}:where(body.view-settings-roles-edit) .perm-search-box input{box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:40px;padding:8px 12px 8px 38px;font-size:13px;transition:all .2s}:where(body.view-settings-roles-edit) .perm-search-box input:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}:where(body.view-settings-roles-edit) .perm-group-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));align-items:start;gap:18px;display:grid}@media(max-width:768px){:where(body.view-settings-roles-edit) .perm-group-grid{grid-template-columns:1fr;gap:14px}:where(body.view-settings-roles-edit) .perm-toolbar-card{flex-direction:column;align-items:stretch}:where(body.view-settings-roles-edit) .perm-search-box{width:100%}}:where(body.view-settings-roles-edit) .perm-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;transition:box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a}:where(body.view-settings-roles-edit) .perm-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px -2px #0000000f}:where(body.view-settings-roles-edit) .perm-card-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}:where(body.view-settings-roles-edit) .perm-item-row{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:4px;padding:10px 14px;transition:all .15s;display:flex}:where(body.view-settings-roles-edit) .perm-item-row:last-child{margin-bottom:0}:where(body.view-settings-roles-edit) .perm-item-row:hover{background:#f8fafc;border-color:#e2e8f0}:where(body.view-settings-roles-edit) .perm-item-row.is-active{background:#faf5ff;border-color:#e9d5ff}:where(body.view-settings-roles-edit) .perm-item-row input[type=checkbox]{accent-color:#7c3aed;cursor:pointer;flex-shrink:0;width:17px;height:17px;margin-top:2px}:where(body.view-settings-roles-edit) .perm-sticky-bar{z-index:40;-webkit-backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #cbd5e1;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:14px 22px;display:flex;position:sticky;bottom:20px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #00000014}@media(max-width:640px){:where(body.view-settings-roles-edit) .perm-sticky-bar{flex-direction:column;align-items:stretch;padding:12px 14px;bottom:12px}:where(body.view-settings-roles-edit) .perm-sticky-bar .btn{justify-content:center!important;width:100%!important}}:where(body.view-settings-logs-index) .cyl-index-page{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}@media(max-width:1023px){:where(body.view-settings-logs-index) .cyl-hero{flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:20px 22px!important}:where(body.view-settings-logs-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important;width:100%!important}:where(body.view-settings-logs-index) .cyl-hero-info{flex:1;min-width:0;text-align:left!important;align-items:flex-start!important}:where(body.view-settings-logs-index) .cyl-hero-tags{justify-content:flex-start!important}:where(body.view-settings-logs-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:22px!important}:where(body.view-settings-logs-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important}:where(body.view-settings-logs-index) .cyl-hero-actions{flex-wrap:wrap!important;gap:10px!important;width:100%!important;display:flex!important}}@media(max-width:640px){:where(body.view-settings-logs-index) .cyl-hero{border-radius:12px!important;gap:14px!important;padding:16px 14px!important}:where(body.view-settings-logs-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important}:where(body.view-settings-logs-index) .cyl-avatar{border-radius:10px!important;flex-shrink:0!important;width:48px!important;height:48px!important}:where(body.view-settings-logs-index) .cyl-avatar svg{width:24px!important;height:24px!important}:where(body.view-settings-logs-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:19px!important}:where(body.view-settings-logs-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important;gap:8px!important;font-size:12px!important}:where(body.view-settings-logs-index) .cyl-hero-actions{grid-template-columns:1fr!important;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-settings-logs-index) .cyl-hero-actions .btn{justify-content:center!important;width:100%!important}}@media(max-width:1366px){:where(body.view-settings-logs-index) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}@media(max-width:640px){:where(body.view-settings-logs-index) .cyl-stats-grid{grid-template-columns:1fr!important;gap:10px!important}:where(body.view-settings-logs-index) .cyl-stat-card{gap:12px!important;padding:14px!important}:where(body.view-settings-logs-index) .cyl-stat-icon{width:38px!important;height:38px!important}:where(body.view-settings-logs-index) .cyl-stat-icon svg{width:20px!important;height:20px!important}:where(body.view-settings-logs-index) .cyl-stat-val{font-size:17px!important}}:where(body.view-settings-logs-index) .cyl-filter-main{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}:where(body.view-settings-logs-index) .cyl-search-wrapper{flex:280px;min-width:220px}:where(body.view-settings-logs-index) .cyl-filter-btn-group{flex-shrink:0;align-items:center;gap:8px;display:flex}@media(max-width:640px){:where(body.view-settings-logs-index) .cyl-filter-main{flex-direction:column!important;align-items:stretch!important;gap:10px!important}:where(body.view-settings-logs-index) .cyl-search-wrapper{flex:none!important;width:100%!important}:where(body.view-settings-logs-index) .cyl-filter-btn-group{grid-template-columns:1fr 1fr;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-settings-logs-index) .cyl-filter-btn-group .btn{justify-content:center!important;width:100%!important}:where(body.view-settings-logs-index) .cyl-filter-btn-group a.btn{text-align:center;grid-column:1/-1;justify-content:center!important}:where(body.view-settings-logs-index) .cyl-active-filters-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}:where(body.view-settings-logs-index) .table-wrap{-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}:where(body.view-settings-logs-index) .cyl-table-compact th{white-space:nowrap;padding:10px 14px;font-size:11px}:where(body.view-settings-logs-index) .cyl-table-compact td{vertical-align:middle;padding:10px 14px;font-size:12.5px}@media(max-width:1280px){:where(body.view-settings-logs-index) .cyl-table-compact th{padding:8px 10px;font-size:10.5px}:where(body.view-settings-logs-index) .cyl-table-compact td{padding:8px 10px;font-size:12px}}@media(max-width:640px){:where(body.view-settings-logs-index) .cyl-table-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:14px 16px!important}}:where(body.view-settings-logs-index) .audit-diff-details{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:6px;overflow:hidden}:where(body.view-settings-logs-index) .audit-diff-summary{cursor:pointer;color:#2563eb;-webkit-user-select:none;user-select:none;background:#f8fafc;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;font-weight:700;display:flex}:where(body.view-settings-logs-index) .audit-diff-summary:hover{background:#f1f5f9}:where(body.view-settings-logs-index) .audit-diff-table{border-collapse:collapse;width:100%;font-size:11.5px}:where(body.view-settings-logs-index) .audit-diff-table th{color:#475569;text-align:left;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:6px 8px;font-size:10.5px}:where(body.view-settings-logs-index) .audit-diff-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:6px 8px}:where(body.view-settings-users-index) .cyl-index-page{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}@media(max-width:1023px){:where(body.view-settings-users-index) .cyl-hero{flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:20px 22px!important}:where(body.view-settings-users-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important;width:100%!important}:where(body.view-settings-users-index) .cyl-hero-info{flex:1;min-width:0;text-align:left!important;align-items:flex-start!important}:where(body.view-settings-users-index) .cyl-hero-tags{justify-content:flex-start!important}:where(body.view-settings-users-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:22px!important}:where(body.view-settings-users-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important}:where(body.view-settings-users-index) .cyl-hero-actions{flex-wrap:wrap!important;gap:10px!important;width:100%!important;display:flex!important}}@media(max-width:640px){:where(body.view-settings-users-index) .cyl-hero{border-radius:12px!important;gap:14px!important;padding:16px 14px!important}:where(body.view-settings-users-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important}:where(body.view-settings-users-index) .cyl-avatar{border-radius:10px!important;flex-shrink:0!important;width:48px!important;height:48px!important}:where(body.view-settings-users-index) .cyl-avatar svg{width:24px!important;height:24px!important}:where(body.view-settings-users-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:19px!important}:where(body.view-settings-users-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important;gap:8px!important;font-size:12px!important}:where(body.view-settings-users-index) .cyl-hero-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-settings-users-index) .cyl-action-btn-primary{order:-1!important;grid-column:1/-1!important;width:100%!important;padding:11px 16px!important;font-size:13px!important}}@media(max-width:1366px){:where(body.view-settings-users-index) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}@media(max-width:640px){:where(body.view-settings-users-index) .cyl-stats-grid{grid-template-columns:1fr!important;gap:10px!important}:where(body.view-settings-users-index) .cyl-stat-card{gap:12px!important;padding:14px!important}:where(body.view-settings-users-index) .cyl-stat-icon{width:38px!important;height:38px!important}:where(body.view-settings-users-index) .cyl-stat-icon svg{width:20px!important;height:20px!important}:where(body.view-settings-users-index) .cyl-stat-val{font-size:17px!important}:where(body.view-settings-users-index) .cyl-dist-header{gap:10px!important;padding:12px 14px!important}:where(body.view-settings-users-index) .cyl-dist-header>div:first-child{width:100%!important}:where(body.view-settings-users-index) .cyl-dist-header>div:last-child{justify-content:space-between!important;width:100%!important}:where(body.view-settings-users-index) .cyl-dist-grid{grid-template-columns:1fr!important;gap:10px!important}}:where(body.view-settings-users-index) .cyl-filter-main{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}:where(body.view-settings-users-index) .cyl-search-wrapper{flex:260px;min-width:200px}:where(body.view-settings-users-index) .cyl-filter-btn-group{flex-shrink:0;align-items:center;gap:8px;display:flex}@media(max-width:640px){:where(body.view-settings-users-index) .cyl-filter-main{flex-direction:column!important;align-items:stretch!important;gap:10px!important}:where(body.view-settings-users-index) .cyl-search-wrapper{flex:none!important;width:100%!important}:where(body.view-settings-users-index) .cyl-filter-btn-group{grid-template-columns:1fr 1fr;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-settings-users-index) .cyl-filter-btn-group .btn{justify-content:center!important;width:100%!important}:where(body.view-settings-users-index) .cyl-filter-btn-group a.btn{text-align:center;grid-column:1/-1;justify-content:center!important}:where(body.view-settings-users-index) .cyl-active-filters-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}:where(body.view-settings-users-index) .table-wrap{-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}:where(body.view-settings-users-index) .cyl-table-compact th{white-space:nowrap;padding:10px 14px;font-size:11px}:where(body.view-settings-users-index) .cyl-table-compact td{vertical-align:middle;padding:10px 14px;font-size:12.5px}@media(max-width:1280px){:where(body.view-settings-users-index) .cyl-table-compact th{padding:8px 10px;font-size:10.5px}:where(body.view-settings-users-index) .cyl-table-compact td{padding:8px 10px;font-size:12px}}@media(max-width:640px){:where(body.view-settings-users-index) .cyl-table-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:14px 16px!important}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}:where(body.view-sales-quotation-index) .custom-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;box-sizing:border-box;background:#0f172a73;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0}:where(body.view-sales-quotation-index) .custom-modal-backdrop.hidden{display:none!important}:where(body.view-sales-quotation-index) .custom-modal-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-height:90vh;padding:22px;animation:.18s ease-out modalFadeIn;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}:where(body.view-sales-quotation-index) .custom-modal-header{border-bottom:1px solid #e2e8f0;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}:where(body.view-sales-quotation-index) .custom-modal-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}:where(body.view-sales-quotation-index) .cyl-table-compact th,:where(body.view-sales-quotation-index) .cyl-table-compact td{padding:9px 12px!important;font-size:12.5px!important}:where(body.view-sales-quotation-index) .cyl-filter-main{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}:where(body.view-sales-quotation-index) .cyl-search-wrapper{flex:280px;min-width:220px;position:relative}:where(body.view-sales-quotation-index) .cyl-search-wrapper svg{color:#94a3b8;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}:where(body.view-sales-quotation-index) .cyl-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;height:40px;padding:0 16px 0 38px;font-size:13px;transition:all .2s}:where(body.view-sales-quotation-index) .cyl-search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}:where(body.view-sales-quotation-index) .cyl-filter-btn-group{flex-shrink:0;align-items:center;gap:8px;display:flex}@media(max-width:1366px){:where(body.view-sales-quotation-index) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:1023px){:where(body.view-sales-quotation-index) .cyl-hero{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}:where(body.view-sales-quotation-index) .cyl-hero-main{width:100%!important}:where(body.view-sales-quotation-index) .cyl-hero-actions{flex-wrap:wrap!important;justify-content:flex-start!important;width:100%!important}:where(body.view-sales-quotation-index) .cyl-filter-main{flex-wrap:wrap!important}:where(body.view-sales-quotation-index) .cyl-search-wrapper{min-width:100%!important}:where(body.view-sales-quotation-index) .cyl-filter-btn-group{justify-content:flex-start!important;width:100%!important}}@media(max-width:640px){:where(body.view-sales-quotation-index) .cyl-hero-main{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}:where(body.view-sales-quotation-index) .cyl-stats-grid{grid-template-columns:1fr!important}:where(body.view-sales-quotation-index) .cyl-hero-actions{flex-direction:column!important}:where(body.view-sales-quotation-index) .cyl-hero-actions .btn{justify-content:center!important;width:100%!important}:where(body.view-sales-quotation-index) .cyl-filter-main{flex-direction:column!important;align-items:stretch!important;gap:10px!important}:where(body.view-sales-quotation-index) .cyl-search-wrapper{flex:none!important;width:100%!important}:where(body.view-sales-quotation-index) .cyl-filter-btn-group{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-sales-quotation-index) .cyl-filter-btn-group .btn{justify-content:center!important;width:100%!important}:where(body.view-sales-quotation-index) .cyl-filter-btn-group a.btn{text-align:center!important;grid-column:1/-1!important;justify-content:center!important}:where(body.view-sales-quotation-index) .cyl-table-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}@media print{:where(body.view-sales-quotation-index) .cyl-hero-actions,:where(body.view-sales-quotation-index) .cyl-filter-card,:where(body.view-sales-quotation-index) .cyl-breadcrumb,:where(body.view-sales-quotation-index) .cyl-action-buttons,:where(body.view-sales-quotation-index) .cyl-action-btn,:where(body.view-sales-quotation-index) .custom-modal-backdrop,:where(body.view-sales-quotation-index) th:last-child,:where(body.view-sales-quotation-index) td:last-child{display:none!important}:where(body.view-sales-quotation-index) .cyl-table-card{box-shadow:none!important;border:1px solid #cbd5e1!important}}:where(body.view-sales-pembayaran-index) .receipt-print-sheet{display:none}@media print{body:where(.view-sales-pembayaran-index){color:#000!important;background:#fff!important}:where(body.view-sales-pembayaran-index) .cyl-page,:where(body.view-sales-pembayaran-index) .app-shell>aside,:where(body.view-sales-pembayaran-index) .app-shell>header,:where(body.view-sales-pembayaran-index) .sidebar,:where(body.view-sales-pembayaran-index) .custom-modal-backdrop{display:none!important}:where(body.view-sales-pembayaran-index) .receipt-print-sheet{color:#000;background:#fff;width:100%;font-family:Arial,Helvetica,sans-serif;display:block!important}:where(body.view-sales-pembayaran-index) .receipt-print-card{background:#fff;border:2px solid #000;border-radius:4px;max-width:920px;margin:0 auto;padding:24px 30px}:where(body.view-sales-pembayaran-index) .receipt-print-header{border-bottom:3px double #000;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:12px;display:flex}:where(body.view-sales-pembayaran-index) .receipt-print-logo{width:auto;height:44px;margin-bottom:4px;display:block}:where(body.view-sales-pembayaran-index) .receipt-print-company-name{letter-spacing:.5px;font-size:13px;font-weight:800}:where(body.view-sales-pembayaran-index) .receipt-print-company-sub{font-size:10px;font-weight:600}:where(body.view-sales-pembayaran-index) .receipt-print-company-contact{color:#333;margin-top:2px;font-size:8.5px}:where(body.view-sales-pembayaran-index) .receipt-print-meta-box{text-align:right}:where(body.view-sales-pembayaran-index) .receipt-print-title{letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:18px;font-weight:800}:where(body.view-sales-pembayaran-index) .receipt-print-no{font-family:monospace;font-size:13px;font-weight:700}:where(body.view-sales-pembayaran-index) .receipt-print-date{color:#333;font-size:10.5px}:where(body.view-sales-pembayaran-index) .receipt-print-body{flex-direction:column;gap:14px;margin-bottom:24px;font-size:11.5px;display:flex}:where(body.view-sales-pembayaran-index) .receipt-print-row{grid-template-columns:140px 14px 1fr;align-items:start;display:grid}:where(body.view-sales-pembayaran-index) .receipt-print-label,:where(body.view-sales-pembayaran-index) .receipt-print-colon{font-weight:700}:where(body.view-sales-pembayaran-index) .receipt-print-value{line-height:1.4}:where(body.view-sales-pembayaran-index) .receipt-print-words{background:#fafafa;border:1px solid #000;padding:6px 12px;font-style:italic;font-weight:700}:where(body.view-sales-pembayaran-index) .receipt-print-footer{border-top:1px solid #000;justify-content:space-between;align-items:flex-end;margin-top:20px;padding-top:16px;display:flex}:where(body.view-sales-pembayaran-index) .receipt-print-amount-box{background:#f8f8f8;border:2px solid #000;padding:10px 18px;font-size:14px}:where(body.view-sales-pembayaran-index) .receipt-print-amount-box strong{margin-left:8px;font-family:monospace;font-size:20px}:where(body.view-sales-pembayaran-index) .receipt-print-sign-box{text-align:center;width:220px;font-size:10.5px}:where(body.view-sales-pembayaran-index) .receipt-print-sign-space{height:60px}:where(body.view-sales-pembayaran-index) .receipt-print-sign-name{border-top:1px solid #000;padding-top:4px;font-weight:700}}:where(body.view-sales-pembayaran-index) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-sales-pembayaran-index) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-sales-pembayaran-index) .cyl-master-row.cyl-row-expanded{background-color:#f0f7ff!important}:where(body.view-sales-pembayaran-index) .cyl-expand-row td{padding:0!important}:where(body.view-sales-pembayaran-index) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:900px){:where(body.view-sales-pembayaran-index) .cyl-expand-grid{grid-template-columns:1fr!important}}:where(body.view-sales-pembayaran-index) .cyl-filter-main{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}:where(body.view-sales-pembayaran-index) .cyl-search-wrapper{flex:280px;min-width:220px;position:relative}:where(body.view-sales-pembayaran-index) .cyl-search-wrapper svg{color:#94a3b8;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}:where(body.view-sales-pembayaran-index) .cyl-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;height:40px;padding:0 16px 0 38px;font-size:13px;transition:all .2s}:where(body.view-sales-pembayaran-index) .cyl-search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}:where(body.view-sales-pembayaran-index) .cyl-filter-btn-group{flex-shrink:0;align-items:center;gap:8px;display:flex}@media(max-width:640px){:where(body.view-sales-pembayaran-index) .cyl-filter-main{flex-direction:column!important;align-items:stretch!important;gap:10px!important}:where(body.view-sales-pembayaran-index) .cyl-search-wrapper{flex:none!important;width:100%!important}:where(body.view-sales-pembayaran-index) .cyl-filter-btn-group{grid-template-columns:1fr 1fr;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-sales-pembayaran-index) .cyl-filter-btn-group .btn{justify-content:center!important;width:100%!important}:where(body.view-sales-pembayaran-index) .cyl-filter-btn-group a.btn{text-align:center;grid-column:1/-1;justify-content:center!important}:where(body.view-sales-pembayaran-index) .cyl-active-filters-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}:where(body.view-sales-pembayaran-index) .cyl-status-pills{white-space:nowrap;padding-bottom:6px;overflow-x:auto}}:where(body.view-sales-so-index,body.view-sales-orders-index) .custom-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;box-sizing:border-box;background:#0f172a73;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0}:where(body.view-sales-so-index,body.view-sales-orders-index) .custom-modal-backdrop.hidden{display:none!important}:where(body.view-sales-so-index,body.view-sales-orders-index) .custom-modal-card{flex-direction:column;max-height:90vh;display:flex}:where(body.view-sales-so-index,body.view-sales-orders-index) .custom-modal-form{overflow-y:auto}:where(body.view-sales-so-index,body.view-sales-orders-index) .custom-modal-footer{padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}:where(body.view-sales-so-index) .cyl-table-compact th,:where(body.view-sales-so-index) .cyl-table-compact td{padding:9px 12px!important;font-size:12.5px!important}:where(body.view-sales-so-index) .cyl-filter-main{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}:where(body.view-sales-so-index) .cyl-search-wrapper{flex:280px;min-width:220px;position:relative}:where(body.view-sales-so-index) .cyl-search-wrapper svg{color:#94a3b8;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}:where(body.view-sales-so-index) .cyl-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;height:40px;padding:0 16px 0 38px;font-size:13px;transition:all .2s}:where(body.view-sales-so-index) .cyl-search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}:where(body.view-sales-so-index) .cyl-filter-btn-group{flex-shrink:0;align-items:center;gap:8px;display:flex}@media(max-width:1366px){:where(body.view-sales-so-index) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:1023px){:where(body.view-sales-so-index) .cyl-hero{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}:where(body.view-sales-so-index) .cyl-hero-main{width:100%!important}:where(body.view-sales-so-index) .cyl-hero-actions{flex-wrap:wrap!important;justify-content:flex-start!important;width:100%!important}:where(body.view-sales-so-index) .cyl-filter-main{flex-wrap:wrap!important}:where(body.view-sales-so-index) .cyl-search-wrapper{min-width:100%!important}:where(body.view-sales-so-index) .cyl-filter-btn-group{justify-content:flex-start!important;width:100%!important}}@media(max-width:640px){:where(body.view-sales-so-index) .cyl-hero-main{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}:where(body.view-sales-so-index) .cyl-stats-grid{grid-template-columns:1fr!important}:where(body.view-sales-so-index) .cyl-hero-actions{flex-direction:column!important}:where(body.view-sales-so-index) .cyl-hero-actions .btn{justify-content:center!important;width:100%!important}:where(body.view-sales-so-index) .cyl-filter-main{flex-direction:column!important;align-items:stretch!important;gap:10px!important}:where(body.view-sales-so-index) .cyl-search-wrapper{flex:none!important;width:100%!important}:where(body.view-sales-so-index) .cyl-filter-btn-group{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-sales-so-index) .cyl-filter-btn-group .btn{justify-content:center!important;width:100%!important}:where(body.view-sales-so-index) .cyl-filter-btn-group a.btn{text-align:center!important;grid-column:1/-1!important;justify-content:center!important}:where(body.view-sales-so-index) .cyl-table-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}@media print{:where(body.view-sales-so-index) .cyl-hero-actions,:where(body.view-sales-so-index) .cyl-filter-card,:where(body.view-sales-so-index) .cyl-breadcrumb,:where(body.view-sales-so-index) .cyl-action-buttons,:where(body.view-sales-so-index) .cyl-action-btn,:where(body.view-sales-so-index) .custom-modal-backdrop,:where(body.view-sales-so-index) th:last-child,:where(body.view-sales-so-index) td:last-child{display:none!important}:where(body.view-sales-so-index) .cyl-table-card{box-shadow:none!important;border:1px solid #cbd5e1!important}}:where(body.view-sales-so-index,body.view-sales-orders-index) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-sales-so-index,body.view-sales-orders-index) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-sales-so-index,body.view-sales-orders-index) .cyl-master-row.cyl-row-expanded{background-color:#f0f7ff!important}:where(body.view-sales-so-index,body.view-sales-orders-index) .cyl-expand-row td{padding:0!important}:where(body.view-sales-so-index,body.view-sales-orders-index) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:900px){:where(body.view-sales-so-index,body.view-sales-orders-index) .cyl-expand-grid{grid-template-columns:1fr!important}}:where(body.view-sales-invoice-index) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-sales-invoice-index) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-sales-invoice-index) .cyl-master-row.cyl-row-expanded{background-color:#f0f7ff!important}:where(body.view-sales-invoice-index) .cyl-expand-row td{padding:0!important}:where(body.view-sales-invoice-index) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:900px){:where(body.view-sales-invoice-index) .cyl-expand-grid{grid-template-columns:1fr!important}}:where(body.view-sales-invoice-index) .cyl-table-compact th,:where(body.view-sales-invoice-index) .cyl-table-compact td{padding:9px 12px!important;font-size:12.5px!important}:where(body.view-sales-invoice-show) .invoice-print-sheet{display:none}@media print{body:where(.view-sales-invoice-show){background:#fff!important}:where(body.view-sales-invoice-show) .cyl-page{display:none!important}:where(body.view-sales-invoice-show) .invoice-print-sheet{color:#000;background:#fff;width:100%;font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:1.2;display:block!important}:where(body.view-sales-invoice-show) .invoice-print-letterhead{border-bottom:4px solid #000;justify-content:space-between;align-items:flex-end;min-height:68px;padding:0 4px 8px;display:flex}:where(body.view-sales-invoice-show) .invoice-print-letterhead img{width:285px;height:auto}:where(body.view-sales-invoice-show) .invoice-print-company-contact{text-align:right;max-width:245px;padding-bottom:4px;font-size:8px;line-height:1.35}:where(body.view-sales-invoice-show) .invoice-print-title{text-align:center;border:1px solid #000;margin-top:10px;font-size:12px;font-weight:700;line-height:20px}:where(body.view-sales-invoice-show) .invoice-print-parties{grid-template-columns:1fr 310px;gap:30px;min-height:128px;padding:24px 0 16px;display:grid}:where(body.view-sales-invoice-show) .invoice-print-customer{flex-direction:column;gap:8px;padding:18px 2px 0;font-size:10px;display:flex}:where(body.view-sales-invoice-show) .invoice-print-customer b{font-size:11px}:where(body.view-sales-invoice-show) .invoice-print-customer span{max-width:310px;font-weight:700;line-height:1.45}:where(body.view-sales-invoice-show) .invoice-print-meta{grid-template-columns:115px 10px minmax(0,1fr);align-content:start;row-gap:6px;margin:0;font-size:10px;display:grid}:where(body.view-sales-invoice-show) .invoice-print-meta dt,:where(body.view-sales-invoice-show) .invoice-print-meta dd{margin:0}:where(body.view-sales-invoice-show) .invoice-print-meta dd:nth-of-type(2n){text-align:right;font-weight:700}:where(body.view-sales-invoice-show) .invoice-print-items,:where(body.view-sales-invoice-show) .invoice-print-totals{border-collapse:collapse;table-layout:fixed;width:100%}:where(body.view-sales-invoice-show) .invoice-print-items th,:where(body.view-sales-invoice-show) .invoice-print-items td{border:1px solid #000;height:20px;padding:2px 5px}:where(body.view-sales-invoice-show) .invoice-print-items th{text-align:center;height:25px;font-size:9px}:where(body.view-sales-invoice-show) .invoice-col-no{width:6%}:where(body.view-sales-invoice-show) .invoice-col-code{width:10%}:where(body.view-sales-invoice-show) .invoice-col-qty{width:8%}:where(body.view-sales-invoice-show) .invoice-col-unit{width:9%}:where(body.view-sales-invoice-show) .invoice-col-price{width:19%}:where(body.view-sales-invoice-show) .invoice-col-total{width:20%}:where(body.view-sales-invoice-show) .invoice-center{text-align:center}:where(body.view-sales-invoice-show) .invoice-number{text-align:right;font-variant-numeric:tabular-nums}:where(body.view-sales-invoice-show) .invoice-blank-row td{height:18px}:where(body.view-sales-invoice-show) .invoice-print-bottom{grid-template-columns:minmax(0,1fr) 40%;align-items:start;display:grid}:where(body.view-sales-invoice-show) .invoice-print-words{padding-top:17px;padding-right:35px}:where(body.view-sales-invoice-show) .invoice-print-words em{margin-bottom:2px;font-weight:700;display:block}:where(body.view-sales-invoice-show) .invoice-print-words div{text-align:center;border:1px solid #000;min-height:51px;padding:20px 15px 10px;font-size:10px;font-style:italic;font-weight:700}:where(body.view-sales-invoice-show) .invoice-print-totals th,:where(body.view-sales-invoice-show) .invoice-print-totals td{border:1px solid #000;height:21px;padding:2px 7px}:where(body.view-sales-invoice-show) .invoice-print-totals th{text-align:right;width:58%;font-weight:700}:where(body.view-sales-invoice-show) .invoice-print-totals td{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}:where(body.view-sales-invoice-show) .invoice-print-grand-total th,:where(body.view-sales-invoice-show) .invoice-print-grand-total td{font-size:10px}:where(body.view-sales-invoice-show) .invoice-print-signature{text-align:left;width:40%;margin:36px 0 0 auto;padding-left:15px}:where(body.view-sales-invoice-show) .invoice-signature-space{height:100px}:where(body.view-sales-invoice-show) .invoice-print-signature span{border-top:1px solid #000;min-width:130px;padding-top:3px;font-weight:700;display:inline-block}}:where(body.view-purchasing-supplier-invoices-index) .cyl-index-page{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}@media(max-width:1023px){:where(body.view-purchasing-supplier-invoices-index) .cyl-hero{flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:20px 22px!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important;width:100%!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-hero-info{flex:1;min-width:0;text-align:left!important;align-items:flex-start!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-hero-tags{justify-content:flex-start!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:22px!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-hero-actions{flex-wrap:wrap!important;gap:10px!important;width:100%!important;display:flex!important}}@media(max-width:640px){:where(body.view-purchasing-supplier-invoices-index) .cyl-hero{border-radius:12px!important;gap:14px!important;padding:16px 14px!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-avatar{border-radius:10px!important;flex-shrink:0!important;width:48px!important;height:48px!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-avatar svg{width:24px!important;height:24px!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:19px!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important;gap:8px!important;font-size:12px!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-hero-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-hero-actions .btn{justify-content:center!important;width:100%!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-hero-actions .btn.primary{order:-1!important;grid-column:1/-1!important}}@media(max-width:1366px){:where(body.view-purchasing-supplier-invoices-index) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}@media(max-width:640px){:where(body.view-purchasing-supplier-invoices-index) .cyl-stats-grid{grid-template-columns:1fr!important;gap:10px!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-stat-card{gap:12px!important;padding:14px!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-stat-icon{width:38px!important;height:38px!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-stat-icon svg{width:20px!important;height:20px!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-stat-val{font-size:17px!important}}:where(body.view-purchasing-supplier-invoices-index) .cyl-filter-main{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}:where(body.view-purchasing-supplier-invoices-index) .cyl-search-wrapper{flex:280px;min-width:220px}:where(body.view-purchasing-supplier-invoices-index) .cyl-filter-btn-group{flex-shrink:0;align-items:center;gap:8px;display:flex}@media(max-width:640px){:where(body.view-purchasing-supplier-invoices-index) .cyl-filter-main{flex-direction:column!important;align-items:stretch!important;gap:10px!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-search-wrapper{flex:none!important;width:100%!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-filter-btn-group{grid-template-columns:1fr 1fr;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-filter-btn-group .btn{justify-content:center!important;width:100%!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-filter-btn-group a.btn{text-align:center;grid-column:1/-1;justify-content:center!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-active-filters-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}:where(body.view-purchasing-supplier-invoices-index) .table-wrap{-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}:where(body.view-purchasing-supplier-invoices-index) .cyl-table-compact th{text-transform:uppercase;letter-spacing:.04em;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700}:where(body.view-purchasing-supplier-invoices-index) .cyl-table-compact td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:13px}@media(max-width:1280px){:where(body.view-purchasing-supplier-invoices-index) .cyl-table-compact th{padding:8px 10px;font-size:10.5px}:where(body.view-purchasing-supplier-invoices-index) .cyl-table-compact td{padding:8px 10px;font-size:12px}}@media(max-width:640px){:where(body.view-purchasing-supplier-invoices-index) .cyl-table-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:14px 16px!important}}:where(body.view-purchasing-supplier-invoices-index) .custom-modal-card{flex-direction:column;max-height:90vh;display:flex}:where(body.view-purchasing-supplier-invoices-index) .custom-modal-form{overflow-y:auto}:where(body.view-purchasing-supplier-invoices-index) .custom-modal-footer{padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}:where(body.view-purchasing-requests-show) .pr-layout{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;display:grid}:where(body.view-purchasing-requests-show) .pr-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}:where(body.view-purchasing-requests-show) .pr-details>div{border-bottom:1px solid #eef2f7;gap:5px;padding-bottom:12px;display:grid}:where(body.view-purchasing-requests-show) .pr-details span{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:11px;font-weight:700}:where(body.view-purchasing-requests-show) .pr-state{border-radius:10px;gap:6px;padding:14px;display:grid}:where(body.view-purchasing-requests-show) .pr-state span{font-size:12px;line-height:1.5}:where(body.view-purchasing-requests-show) .pr-state.waiting{color:#92400e;background:#fffbeb;border:1px solid #fde68a}:where(body.view-purchasing-requests-show) .pr-state.approved{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}:where(body.view-purchasing-requests-show) .pr-state.rejected{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}:where(body.view-purchasing-requests-show) .pr-warning{color:#991b1b;background:#fef2f2;border-radius:8px;margin-top:12px;padding:10px;font-size:12px;line-height:1.4}:where(body.view-purchasing-requests-show) .po-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;gap:5px;margin-top:14px;padding:12px;display:grid}:where(body.view-purchasing-requests-show) .po-box a{color:#1d4ed8;font-weight:900}:where(body.view-purchasing-requests-show) .pr-rejection-box{border-top:1px dashed #fca5a5;gap:4px;margin-top:8px;padding-top:8px;display:grid}:where(body.view-purchasing-requests-show) .pr-rejection-title{text-transform:uppercase;letter-spacing:.03em;color:#7f1d1d;font-size:11px;font-weight:700}:where(body.view-purchasing-requests-show) .pr-rejection-text{color:#450a0a;white-space:pre-line;background:#ffffffb3;border:1px solid #fecaca;border-radius:6px;padding:8px 10px;font-size:12.5px;line-height:1.5}:where(body.view-purchasing-requests-show) .pr-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}:where(body.view-purchasing-requests-show) .pr-modal-card{background:#fff;border-radius:12px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000000a}:where(body.view-purchasing-requests-show) .pr-modal-card.pr-modal-card-lg{border-radius:16px;flex-direction:column;width:min(1040px,96vw);max-width:1040px;max-height:90vh;display:flex}:where(body.view-purchasing-requests-show) .pr-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}:where(body.view-purchasing-requests-show) .pr-modal-close{color:#64748b;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:24px;line-height:1}:where(body.view-purchasing-requests-show) .pr-modal-close:hover{color:#0f172a}:where(body.view-purchasing-requests-show) .pr-modal-body{padding:20px}:where(body.view-purchasing-requests-show) .pr-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}@media(max-width:900px){:where(body.view-purchasing-requests-show) .pr-layout,:where(body.view-purchasing-requests-show) .pr-details{grid-template-columns:1fr}}:where(body.view-purchasing-orders-index) .cyl-index-page{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}@media(max-width:1023px){:where(body.view-purchasing-orders-index) .cyl-hero{flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:20px 22px!important}:where(body.view-purchasing-orders-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important;width:100%!important}:where(body.view-purchasing-orders-index) .cyl-hero-info{flex:1;min-width:0;text-align:left!important;align-items:flex-start!important}:where(body.view-purchasing-orders-index) .cyl-hero-tags{justify-content:flex-start!important}:where(body.view-purchasing-orders-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:22px!important}:where(body.view-purchasing-orders-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important}:where(body.view-purchasing-orders-index) .cyl-hero-actions{flex-wrap:wrap!important;gap:10px!important;width:100%!important;display:flex!important}}@media(max-width:640px){:where(body.view-purchasing-orders-index) .cyl-hero{border-radius:12px!important;gap:14px!important;padding:16px 14px!important}:where(body.view-purchasing-orders-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important}:where(body.view-purchasing-orders-index) .cyl-avatar{border-radius:10px!important;flex-shrink:0!important;width:48px!important;height:48px!important}:where(body.view-purchasing-orders-index) .cyl-avatar svg{width:24px!important;height:24px!important}:where(body.view-purchasing-orders-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:19px!important}:where(body.view-purchasing-orders-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important;gap:8px!important;font-size:12px!important}:where(body.view-purchasing-orders-index) .cyl-hero-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-purchasing-orders-index) .cyl-hero-actions .btn{justify-content:center!important;width:100%!important}:where(body.view-purchasing-orders-index) .cyl-hero-actions .btn.primary{order:-1!important;grid-column:1/-1!important}}@media(max-width:1366px){:where(body.view-purchasing-orders-index) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}@media(max-width:640px){:where(body.view-purchasing-orders-index) .cyl-stats-grid{grid-template-columns:1fr!important;gap:10px!important}:where(body.view-purchasing-orders-index) .cyl-stat-card{gap:12px!important;padding:14px!important}:where(body.view-purchasing-orders-index) .cyl-stat-icon{width:38px!important;height:38px!important}:where(body.view-purchasing-orders-index) .cyl-stat-icon svg{width:20px!important;height:20px!important}:where(body.view-purchasing-orders-index) .cyl-stat-val{font-size:17px!important}}:where(body.view-purchasing-orders-index) .cyl-filter-main{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}:where(body.view-purchasing-orders-index) .cyl-search-wrapper{flex:280px;min-width:220px}:where(body.view-purchasing-orders-index) .cyl-filter-btn-group{flex-shrink:0;align-items:center;gap:8px;display:flex}@media(max-width:640px){:where(body.view-purchasing-orders-index) .cyl-filter-main{flex-direction:column!important;align-items:stretch!important;gap:10px!important}:where(body.view-purchasing-orders-index) .cyl-search-wrapper{flex:none!important;width:100%!important}:where(body.view-purchasing-orders-index) .cyl-filter-btn-group{grid-template-columns:1fr 1fr;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-purchasing-orders-index) .cyl-filter-btn-group .btn{justify-content:center!important;width:100%!important}:where(body.view-purchasing-orders-index) .cyl-filter-btn-group a.btn{text-align:center;grid-column:1/-1;justify-content:center!important}:where(body.view-purchasing-orders-index) .cyl-active-filters-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}:where(body.view-purchasing-orders-index) .table-wrap{-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}:where(body.view-purchasing-orders-index) .cyl-table-compact th{text-transform:uppercase;letter-spacing:.04em;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700}:where(body.view-purchasing-orders-index) .cyl-table-compact td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:13px}@media(max-width:1280px){:where(body.view-purchasing-orders-index) .cyl-table-compact th{padding:8px 10px;font-size:10.5px}:where(body.view-purchasing-orders-index) .cyl-table-compact td{padding:8px 10px;font-size:12px}}@media(max-width:640px){:where(body.view-purchasing-orders-index) .cyl-table-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:14px 16px!important}}:where(body.view-purchasing-orders-index) .custom-modal-card{flex-direction:column;max-height:90vh;display:flex}:where(body.view-purchasing-orders-index) .custom-modal-form{overflow-y:auto}:where(body.view-purchasing-orders-index) .custom-modal-footer{padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modal-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse-dot-anim{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}body:where(.view-auth-login){--font-sans:"Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--primary-grad:linear-gradient(135deg, #1d4ed8 0%, #2563eb 50%, #0284c7 100%);--primary-shadow:0 10px 25px -5px #2563eb66, 0 8px 10px -6px #2563eb33;--card-shadow:0 25px 60px -15px #02061799, 0 0 0 1px #ffffff14}:where(body.view-auth-login) *{box-sizing:border-box;margin:0;padding:0}body:where(.view-auth-login){font-family:var(--font-sans);color:#1e293b;-webkit-font-smoothing:antialiased;background-color:#0b1120;background-image:radial-gradient(80% 60% at 50% -10%,#2563eb52,#0000 70%),radial-gradient(60% 40% at 85% 95%,#10b98126,#0000 60%),radial-gradient(50% 40% at 15% 90%,#0ea5e926,#0000 60%),radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 0);background-size:100% 100%,100% 100%,100% 100%,28px 28px;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;padding:32px 16px;display:flex}:where(body.view-auth-login) .login-wrap{flex-direction:column;align-items:center;width:100%;max-width:450px;margin:auto 0;display:flex}:where(body.view-auth-login) .system-pill{-webkit-backdrop-filter:blur(12px);color:#cbd5e1;letter-spacing:.05em;text-transform:uppercase;background:#0f172ab3;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #0003}:where(body.view-auth-login) .pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot-anim;box-shadow:0 0 0 3px #10b98140}:where(body.view-auth-login) .login-card{width:100%;box-shadow:var(--card-shadow);background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:36px 32px;position:relative;overflow:hidden}@media(min-width:480px){:where(body.view-auth-login) .login-card{padding:44px 38px}}:where(body.view-auth-login) .card-top-accent{background:linear-gradient(90deg,#1d4ed8,#2563eb 45%,#10b981);height:4px;position:absolute;top:0;left:0;right:0}:where(body.view-auth-login) .brand-header{text-align:center;margin-bottom:28px}:where(body.view-auth-login) .brand-logo{filter:drop-shadow(0 2px 4px #00000008);width:82%;max-width:250px;height:auto;margin:0 auto 18px;display:inline-block}:where(body.view-auth-login) .login-title{color:#0f172a;letter-spacing:-.025em;margin-bottom:6px;font-size:24px;font-weight:800}:where(body.view-auth-login) .login-subtitle{color:#64748b;font-size:13.5px;line-height:1.45}:where(body.view-auth-login) .form-group{margin-bottom:18px}:where(body.view-auth-login) .form-label{color:#334155;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px;font-size:12px;font-weight:700;display:block}:where(body.view-auth-login) .input-box{align-items:center;display:flex;position:relative}:where(body.view-auth-login) .input-icon{color:#94a3b8;pointer-events:none;width:18px;height:18px;transition:color .2s;position:absolute;left:14px}:where(body.view-auth-login) .form-input{color:#0f172a;background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;width:100%;height:46px;padding:0 14px 0 42px;font-family:inherit;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}:where(body.view-auth-login) .form-input.has-right-icon{padding-right:42px}:where(body.view-auth-login) .form-input:hover{background-color:#fff;border-color:#94a3b8}:where(body.view-auth-login) .form-input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}:where(body.view-auth-login) .input-box:focus-within .input-icon{color:#2563eb}:where(body.view-auth-login) .toggle-pwd-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}:where(body.view-auth-login) .toggle-pwd-btn:hover{color:#334155}:where(body.view-auth-login) .options-row{justify-content:space-between;align-items:center;margin:6px 0 22px;font-size:13px;display:flex}:where(body.view-auth-login) .remember-label{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}:where(body.view-auth-login) .remember-label input[type=checkbox]{accent-color:#2563eb;cursor:pointer;border-radius:4px;width:16px;height:16px}:where(body.view-auth-login) .help-link{color:#2563eb;cursor:pointer;font-weight:600;text-decoration:none;transition:color .15s}:where(body.view-auth-login) .help-link:hover{color:#1d4ed8;text-decoration:underline}:where(body.view-auth-login) .btn-submit{background:var(--primary-grad);color:#fff;letter-spacing:.02em;cursor:pointer;width:100%;height:48px;box-shadow:var(--primary-shadow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:14.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}:where(body.view-auth-login) .btn-submit:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 28px -5px #2563eb73}:where(body.view-auth-login) .btn-submit:active{transform:translateY(0);box-shadow:0 4px 12px #2563eb4d}:where(body.view-auth-login) .btn-submit:disabled{opacity:.75;cursor:not-allowed;transform:none!important}:where(body.view-auth-login) .alert-banner{border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}:where(body.view-auth-login) .alert-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}:where(body.view-auth-login) .alert-error svg{color:#dc2626;flex-shrink:0;margin-top:1px}:where(body.view-auth-login) .alert-success{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}:where(body.view-auth-login) .alert-success svg{color:#16a34a;flex-shrink:0;margin-top:1px}:where(body.view-auth-login) .card-footer{text-align:center;border-top:1px solid #f1f5f9;margin-top:26px;padding-top:20px}:where(body.view-auth-login) .ssl-badge{color:#64748b;align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:inline-flex}:where(body.view-auth-login) .ssl-badge svg{color:#10b981;width:14px;height:14px}:where(body.view-auth-login) .page-footer{text-align:center;color:#94a3b8;margin-top:24px;font-size:12px;line-height:1.6}:where(body.view-auth-login) .page-footer strong{color:#e2e8f0}:where(body.view-auth-login) .modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:999;background:#0b1120bf;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}:where(body.view-auth-login) .modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:440px;padding:28px;animation:.2s ease-out modal-pop;box-shadow:0 25px 50px -12px #00000059}:where(body.view-auth-login) .modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}:where(body.view-auth-login) .modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}:where(body.view-auth-login) .modal-close-btn:hover{color:#0f172a;background:#f1f5f9}:where(body.view-auth-login) .spinner{animation:.9s linear infinite spin}:where(body.view-auth-login) .hidden{display:none!important}@keyframes prModalPop{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}:where(body.view-purchasing-orders-show) .po-modal-container{background:#fff;overflow:hidden;border:1px solid #cbd5e1!important;border-radius:20px!important;max-width:860px!important;animation:.22s cubic-bezier(.16,1,.3,1) prModalPop!important;box-shadow:0 25px 60px -15px #0f172a59,0 0 0 1px #fff3!important}:where(body.view-purchasing-orders-show) .po-modal-accent-bar{background:linear-gradient(90deg,#2563eb,#4f46e5,#06b6d4);height:4px}:where(body.view-purchasing-orders-show) .po-modal-header{background:linear-gradient(#fff,#f8fafc);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 28px 18px;display:flex}:where(body.view-purchasing-orders-show) .po-modal-title-wrap{flex-direction:column;gap:4px;display:flex}:where(body.view-purchasing-orders-show) .po-badge-pill{color:#1d4ed8;text-transform:uppercase;letter-spacing:.04em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}:where(body.view-purchasing-orders-show) .po-badge-pulse{background:#2563eb;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #2563eb40}:where(body.view-purchasing-orders-show) .po-modal-title{color:#0f172a;letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:19px;font-weight:800;display:flex}:where(body.view-purchasing-orders-show) .po-heading-icon{color:#2563eb;flex-shrink:0;width:22px;height:22px}:where(body.view-purchasing-orders-show) .po-id-chip{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe;border-radius:6px;padding:2px 10px;font-family:JetBrains Mono,monospace;font-size:13.5px;font-weight:700}:where(body.view-purchasing-orders-show) .po-modal-subtitle{color:#64748b;max-width:680px;margin:4px 0 0;font-size:12.5px;line-height:1.45}:where(body.view-purchasing-orders-show) .po-close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}:where(body.view-purchasing-orders-show) .po-close-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca;transform:rotate(90deg)}:where(body.view-purchasing-orders-show) .po-modal-body{background:#f8fafc;flex-direction:column;gap:18px;max-height:72vh;padding:24px 28px;display:flex;overflow-y:auto}:where(body.view-purchasing-orders-show) .po-form-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;box-shadow:0 1px 3px #00000008}:where(body.view-purchasing-orders-show) .po-section-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}:where(body.view-purchasing-orders-show) .po-section-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}:where(body.view-purchasing-orders-show) .po-section-icon.blue{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}:where(body.view-purchasing-orders-show) .po-section-icon.green{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}:where(body.view-purchasing-orders-show) .po-section-icon.indigo{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe}:where(body.view-purchasing-orders-show) .po-section-title-wrap{flex:1}:where(body.view-purchasing-orders-show) .po-section-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:14.5px;font-weight:700}:where(body.view-purchasing-orders-show) .po-section-desc{color:#64748b;margin-top:1px;font-size:12px;display:block}:where(body.view-purchasing-orders-show) .po-item-count-chip{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}:where(body.view-purchasing-orders-show) .po-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media(max-width:680px){:where(body.view-purchasing-orders-show) .po-grid-2{grid-template-columns:1fr}}:where(body.view-purchasing-orders-show) .po-input-with-icon{align-items:center;display:flex;position:relative}:where(body.view-purchasing-orders-show) .po-field-icon{color:#94a3b8;pointer-events:none;width:16px;height:16px;position:absolute;left:12px}:where(body.view-purchasing-orders-show) .po-input-with-icon .form-control{padding-left:36px!important}:where(body.view-purchasing-orders-show) .po-field-hint{color:#64748b;margin-top:4px;font-size:11.5px;line-height:1.35;display:block}:where(body.view-purchasing-orders-show) .req-star{color:#ef4444;font-weight:700}:where(body.view-purchasing-orders-show) .po-supplier-badge{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;font-size:11.5px;display:inline-flex}:where(body.view-purchasing-orders-show) .po-items-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}:where(body.view-purchasing-orders-show) .po-items-table{border-collapse:collapse;width:100%;font-size:13px}:where(body.view-purchasing-orders-show) .po-items-table thead th{color:#475569;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700}:where(body.view-purchasing-orders-show) .po-items-table tbody td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}:where(body.view-purchasing-orders-show) .po-item-row:last-child td{border-bottom:none}:where(body.view-purchasing-orders-show) .po-item-row:hover td{background:#fafafa}:where(body.view-purchasing-orders-show) .po-item-cell{align-items:flex-start;gap:10px;display:flex}:where(body.view-purchasing-orders-show) .po-gas-badge{border-radius:999px;flex-shrink:0;align-items:center;gap:5px;margin-top:2px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}:where(body.view-purchasing-orders-show) .po-gas-dot{border-radius:50%;width:5px;height:5px}:where(body.view-purchasing-orders-show) .po-item-name{color:#0f172a;font-size:13px;font-weight:700}:where(body.view-purchasing-orders-show) .po-item-sub{color:#64748b;margin-top:2px;font-size:11.5px}:where(body.view-purchasing-orders-show) .po-qty-badge{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px;display:inline-block}:where(body.view-purchasing-orders-show) .po-price-input-wrap{max-width:180px}:where(body.view-purchasing-orders-show) .po-row-subtotal{color:#059669;letter-spacing:-.01em;font-size:13.5px;font-weight:700}:where(body.view-purchasing-orders-show) .po-total-summary-card{color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);border-top:1px solid #334155;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}:where(body.view-purchasing-orders-show) .po-summary-left{flex-wrap:wrap;align-items:center;gap:20px;display:flex}:where(body.view-purchasing-orders-show) .po-summary-item-stat{flex-direction:column;gap:2px;display:flex}:where(body.view-purchasing-orders-show) .po-summary-stat-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:11px;font-weight:600}:where(body.view-purchasing-orders-show) .po-summary-stat-val{color:#f8fafc;font-size:14px;font-weight:700}:where(body.view-purchasing-orders-show) .po-summary-right{text-align:right}:where(body.view-purchasing-orders-show) .po-total-label{letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;font-size:11px;font-weight:700}:where(body.view-purchasing-orders-show) .po-total-amount{color:#34d399;letter-spacing:-.02em;font-size:22px;font-weight:800}:where(body.view-purchasing-orders-show) .po-modal-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 28px;display:flex}:where(body.view-purchasing-orders-show) .po-footer-btn{border-radius:10px!important;padding:9px 18px!important;font-size:13.5px!important;font-weight:600!important}:where(body.view-purchasing-orders-show) .po-submit-btn{cursor:pointer;align-items:center;gap:8px;display:inline-flex;color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-radius:10px!important;padding:10px 22px!important;font-size:13.5px!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 4px 14px #2563eb4d!important}:where(body.view-purchasing-orders-show) .po-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb66!important}:where(body.view-purchasing-orders-show) .po-submit-btn:active{transform:translateY(0)}:where(body.view-purchasing-orders-show) .custom-field-group label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:600;display:block}:where(body.view-purchasing-orders-show) .custom-field-group .form-control{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;height:42px;padding:8px 12px;font-size:14px;transition:all .2s}:where(body.view-purchasing-orders-show) .custom-field-group .form-control:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}:where(body.view-purchasing-orders-show) .input-prefix-container{align-items:center;display:flex;position:relative}:where(body.view-purchasing-orders-show) .input-prefix-badge{color:#64748b;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:700;position:absolute;left:10px}:where(body.view-purchasing-orders-show) .cyl-serial-chip{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .15s}:where(body.view-purchasing-orders-show) .cyl-serial-chip:hover{background:#eff6ff;border-color:#93c5fd}:where(body.view-purchasing-orders-show) .cyl-gas-pill{border-radius:999px;align-items:center;gap:5px;font-weight:700;display:inline-flex}:where(body.view-purchasing-orders-show) .cyl-gas-dot{border-radius:50%;width:5px;height:5px}:where(body.view-purchasing-orders-show) .po-total-cyl-badge{color:#4338ca;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}:where(body.view-purchasing-orders-show) .po-cyl-item-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #00000008}:where(body.view-purchasing-orders-show) .po-cyl-item-box:first-of-type{margin-top:0}:where(body.view-purchasing-orders-show) .po-cyl-item-box:hover{border-color:#cbd5e1;box-shadow:0 3px 10px #0000000a}:where(body.view-purchasing-orders-show) .po-cyl-item-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}:where(body.view-purchasing-orders-show) .po-cyl-item-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}:where(body.view-purchasing-orders-show) .po-cyl-gas-icon{color:#4f46e5;background:#e0e7ff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}:where(body.view-purchasing-orders-show) .po-cyl-item-name{color:#0f172a;font-size:14px;font-weight:700}:where(body.view-purchasing-orders-show) .po-cyl-item-spec{color:#64748b;font-size:13px;font-weight:500}:where(body.view-purchasing-orders-show) .po-cyl-type-badge{text-transform:uppercase;letter-spacing:.05em;color:#1d4ed8;background:#dbeafe;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}:where(body.view-purchasing-orders-show) .po-cyl-item-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}:where(body.view-purchasing-orders-show) .po-cyl-stock-pill{border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}:where(body.view-purchasing-orders-show) .po-cyl-stock-pill.in-stock{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}:where(body.view-purchasing-orders-show) .po-cyl-stock-pill.low-stock{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}:where(body.view-purchasing-orders-show) .po-stock-dot{background:currentColor;border-radius:50%;width:6px;height:6px}:where(body.view-purchasing-orders-show) .po-cyl-stock-warning{color:#dc2626;font-size:11.5px;font-weight:700}:where(body.view-purchasing-orders-show) .po-cyl-status-badge{border-radius:8px;align-items:center;gap:8px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}:where(body.view-purchasing-orders-show) .po-cyl-status-badge.incomplete{color:#b45309;background:#fffbeb;border:1px solid #fde68a}:where(body.view-purchasing-orders-show) .po-cyl-status-badge.complete{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}:where(body.view-purchasing-orders-show) .po-cyl-status-badge.over{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}:where(body.view-purchasing-orders-show) .po-cyl-status-count{font-size:13px;font-weight:800}:where(body.view-purchasing-orders-show) .po-cyl-toolbar{background:#fafbfc;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}:where(body.view-purchasing-orders-show) .po-cyl-search-wrap{flex:1;min-width:220px;position:relative}:where(body.view-purchasing-orders-show) .po-cyl-search-icon{color:#94a3b8;pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}:where(body.view-purchasing-orders-show) .po-cyl-search-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:34px;padding:6px 28px 6px 32px;font-size:12.5px;transition:all .15s}:where(body.view-purchasing-orders-show) .po-cyl-search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f626}:where(body.view-purchasing-orders-show) .po-cyl-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;font-size:16px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}:where(body.view-purchasing-orders-show) .po-cyl-search-clear:hover{color:#475569}:where(body.view-purchasing-orders-show) .po-cyl-action-buttons{align-items:center;gap:8px;display:flex}:where(body.view-purchasing-orders-show) .po-cyl-btn{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;height:32px;padding:0 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}:where(body.view-purchasing-orders-show) .po-cyl-btn.auto-pick{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}:where(body.view-purchasing-orders-show) .po-cyl-btn.auto-pick:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}:where(body.view-purchasing-orders-show) .po-cyl-btn.reset{color:#64748b;background:#f8fafc;border-color:#e2e8f0}:where(body.view-purchasing-orders-show) .po-cyl-btn.reset:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}:where(body.view-purchasing-orders-show) .po-cyl-selected-tray{background:#f0fdf4;border-bottom:1px solid #bbf7d0;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;transition:all .2s;display:flex}:where(body.view-purchasing-orders-show) .po-cyl-selected-tray-title{color:#15803d;flex-shrink:0;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}:where(body.view-purchasing-orders-show) .po-cyl-selected-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}:where(body.view-purchasing-orders-show) .po-cyl-chip{color:#14532d;background:#fff;border:1px solid #86efac;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #00000008}:where(body.view-purchasing-orders-show) .po-cyl-chip-sn{font-family:JetBrains Mono,monospace;font-weight:700}:where(body.view-purchasing-orders-show) .po-cyl-chip-loc{color:#16a34a;border-left:1px solid #dcfce7;padding-left:5px;font-size:10.5px}:where(body.view-purchasing-orders-show) .po-cyl-chip-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 2px;font-size:14px;line-height:1;transition:all .15s}:where(body.view-purchasing-orders-show) .po-cyl-chip-remove:hover{color:#dc2626;background:#fee2e2}:where(body.view-purchasing-orders-show) .po-cyl-grid{background:#fff;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;max-height:250px;padding:12px 16px;display:grid;overflow-y:auto}:where(body.view-purchasing-orders-show) .po-cyl-grid::-webkit-scrollbar{width:6px}:where(body.view-purchasing-orders-show) .po-cyl-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}:where(body.view-purchasing-orders-show) .po-cyl-grid::-webkit-scrollbar-track{background:#f8fafc}:where(body.view-purchasing-orders-show) .po-cyl-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}:where(body.view-purchasing-orders-show) .po-cyl-card:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 2px 5px #00000008}:where(body.view-purchasing-orders-show) .po-cyl-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 2px 6px #3b82f61f}:where(body.view-purchasing-orders-show) .po-cyl-card-check{background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}:where(body.view-purchasing-orders-show) .po-cyl-card.selected .po-cyl-card-check{background:#2563eb;border-color:#2563eb}:where(body.view-purchasing-orders-show) .po-check-icon{color:#fff;width:12px;height:12px;display:none}:where(body.view-purchasing-orders-show) .po-cyl-card.selected .po-check-icon{display:block}:where(body.view-purchasing-orders-show) .po-cyl-card-content{flex:1;min-width:0}:where(body.view-purchasing-orders-show) .po-cyl-card-top{justify-content:space-between;align-items:center;gap:6px;display:flex}:where(body.view-purchasing-orders-show) .po-cyl-card-sn{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}:where(body.view-purchasing-orders-show) .po-cyl-card.selected .po-cyl-card-sn{color:#1d4ed8}:where(body.view-purchasing-orders-show) .po-cyl-card-id{color:#64748b;background:#f1f5f9;border-radius:4px;padding:1px 4px;font-size:10px}:where(body.view-purchasing-orders-show) .po-cyl-card.selected .po-cyl-card-id{color:#1e40af;background:#dbeafe}:where(body.view-purchasing-orders-show) .po-cyl-card-meta{color:#64748b;justify-content:space-between;align-items:center;gap:4px;margin-top:3px;font-size:10.5px;display:flex}:where(body.view-purchasing-orders-show) .po-cyl-card-loc{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;display:inline-flex;overflow:hidden}:where(body.view-purchasing-orders-show) .po-cyl-card-tag{color:#059669;background:#ecfdf5;border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:9.5px;font-weight:700}:where(body.view-purchasing-orders-show) .po-cyl-empty-search{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;font-size:12.5px;display:flex}:where(body.view-purchasing-orders-show) .po-cyl-no-stock{color:#991b1b;background:#fef2f2;border-radius:8px;align-items:flex-start;gap:12px;margin:12px 16px;padding:14px 16px;font-size:12.5px;display:flex}:where(body.view-purchasing-orders-show) .po-cyl-no-stock strong{margin-bottom:2px;font-size:13px;display:block}:where(body.view-purchasing-orders-show) .po-cyl-no-stock p{color:#b91c1c;margin:0}@media print{:where(body.view-purchasing-orders-show) .cyl-breadcrumb,:where(body.view-purchasing-orders-show) .cyl-hero-actions,:where(body.view-purchasing-orders-show) .custom-modal-backdrop,:where(body.view-purchasing-orders-show) nav,:where(body.view-purchasing-orders-show) aside{display:none!important}:where(body.view-purchasing-orders-show) .cyl-page{padding:0!important}:where(body.view-purchasing-orders-show) .cyl-content-grid{display:block!important}}:where(body.view-purchasing-requests-index) .cyl-index-page{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}@media(max-width:1023px){:where(body.view-purchasing-requests-index) .cyl-hero{flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:20px 22px!important}:where(body.view-purchasing-requests-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important;width:100%!important}:where(body.view-purchasing-requests-index) .cyl-hero-info{flex:1;min-width:0;text-align:left!important;align-items:flex-start!important}:where(body.view-purchasing-requests-index) .cyl-hero-tags{justify-content:flex-start!important}:where(body.view-purchasing-requests-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:22px!important}:where(body.view-purchasing-requests-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important}:where(body.view-purchasing-requests-index) .cyl-hero-actions{flex-wrap:wrap!important;gap:10px!important;width:100%!important;display:flex!important}}@media(max-width:640px){:where(body.view-purchasing-requests-index) .cyl-hero{border-radius:12px!important;gap:14px!important;padding:16px 14px!important}:where(body.view-purchasing-requests-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important}:where(body.view-purchasing-requests-index) .cyl-avatar{border-radius:10px!important;flex-shrink:0!important;width:48px!important;height:48px!important}:where(body.view-purchasing-requests-index) .cyl-avatar svg{width:24px!important;height:24px!important}:where(body.view-purchasing-requests-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:19px!important}:where(body.view-purchasing-requests-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important;gap:8px!important;font-size:12px!important}:where(body.view-purchasing-requests-index) .cyl-hero-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-purchasing-requests-index) .cyl-hero-actions .btn{justify-content:center!important;width:100%!important}:where(body.view-purchasing-requests-index) .cyl-hero-actions .btn.primary{order:-1!important;grid-column:1/-1!important}}@media(max-width:1366px){:where(body.view-purchasing-requests-index) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}@media(max-width:640px){:where(body.view-purchasing-requests-index) .cyl-stats-grid{grid-template-columns:1fr!important;gap:10px!important}:where(body.view-purchasing-requests-index) .cyl-stat-card{gap:12px!important;padding:14px!important}:where(body.view-purchasing-requests-index) .cyl-stat-icon{width:38px!important;height:38px!important}:where(body.view-purchasing-requests-index) .cyl-stat-icon svg{width:20px!important;height:20px!important}:where(body.view-purchasing-requests-index) .cyl-stat-val{font-size:17px!important}}:where(body.view-purchasing-requests-index) .cyl-filter-main{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}:where(body.view-purchasing-requests-index) .cyl-search-wrapper{flex:280px;min-width:220px}:where(body.view-purchasing-requests-index) .cyl-filter-btn-group{flex-shrink:0;align-items:center;gap:8px;display:flex}@media(max-width:640px){:where(body.view-purchasing-requests-index) .cyl-filter-main{flex-direction:column!important;align-items:stretch!important;gap:10px!important}:where(body.view-purchasing-requests-index) .cyl-search-wrapper{flex:none!important;width:100%!important}:where(body.view-purchasing-requests-index) .cyl-filter-btn-group{grid-template-columns:1fr 1fr;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-purchasing-requests-index) .cyl-filter-btn-group .btn{justify-content:center!important;width:100%!important}:where(body.view-purchasing-requests-index) .cyl-filter-btn-group a.btn{text-align:center;grid-column:1/-1;justify-content:center!important}:where(body.view-purchasing-requests-index) .cyl-active-filters-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}:where(body.view-purchasing-requests-index) .table-wrap{-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}:where(body.view-purchasing-requests-index) .cyl-table-compact th{text-transform:uppercase;letter-spacing:.04em;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700}:where(body.view-purchasing-requests-index) .cyl-table-compact td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:13px}:where(body.view-purchasing-requests-index) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-purchasing-requests-index) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-purchasing-requests-index) .cyl-master-row.cyl-row-expanded{background-color:#f0f7ff!important}:where(body.view-purchasing-requests-index) .cyl-expand-row td{padding:0!important}:where(body.view-purchasing-requests-index) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:768px){:where(body.view-purchasing-requests-index) .cyl-expand-grid{grid-template-columns:1fr!important}}@media(max-width:1280px){:where(body.view-purchasing-requests-index) .cyl-table-compact th{padding:8px 10px;font-size:10.5px}:where(body.view-purchasing-requests-index) .cyl-table-compact td{padding:8px 10px;font-size:12px}}@media(max-width:640px){:where(body.view-purchasing-requests-index) .cyl-table-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:14px 16px!important}}:where(body.view-purchasing-requests-index) .custom-modal-card{flex-direction:column;max-height:90vh;display:flex}:where(body.view-purchasing-requests-index) .custom-modal-form{overflow-y:auto}:where(body.view-purchasing-requests-index) .custom-modal-footer{padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}:where(body.view-purchasing-requests-index) .badge-auto-tag{color:#0369a1;letter-spacing:.01em;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}:where(body.view-purchasing-requests-index) .badge-auto-note{color:#64748b;text-transform:none;letter-spacing:0;font-size:11.5px;font-weight:500}:where(body.view-purchasing-requests-index) .pr-dialog{border-radius:16px;flex-direction:column;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px -4px #0f172a33;width:min(1040px,96vw)!important;max-width:1040px!important}:where(body.view-purchasing-requests-index) .pr-body{flex-direction:column;gap:16px;padding:22px 24px;display:flex}:where(body.view-purchasing-requests-index) .pr-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px}:where(body.view-purchasing-requests-index) .pr-section legend{color:#0f172a;text-transform:uppercase;letter-spacing:.04em;padding:0 10px;font-size:12.5px;font-weight:800}:where(body.view-purchasing-requests-index) .pr-grid{gap:14px;display:grid}:where(body.view-purchasing-requests-index) .pr-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where(body.view-purchasing-requests-index) .pr-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(body.view-purchasing-requests-index) .pr-section label{color:#475569;gap:6px;font-size:12px;font-weight:700;display:grid}:where(body.view-purchasing-requests-index) .pr-items{border-collapse:collapse;width:100%;min-width:980px}:where(body.view-purchasing-requests-index) .pr-items th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:700}:where(body.view-purchasing-requests-index) .pr-items td{vertical-align:middle;border-top:1px solid #f1f5f9;padding:8px 10px}:where(body.view-purchasing-requests-index) .pr-auto-name,:where(body.view-purchasing-requests-index) .pr-auto-spec,:where(body.view-purchasing-requests-index) .pr-auto-unit{cursor:not-allowed;color:#475569!important;background:#f8fafc!important}:where(body.view-purchasing-requests-index) .pr-note{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:12.5px;line-height:1.5;display:flex}@media(max-width:860px){:where(body.view-purchasing-requests-index) .pr-grid-3,:where(body.view-purchasing-requests-index) .pr-grid-2{grid-template-columns:1fr}}:where(body.view-master-tabung-index) .cyl-index-page{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}@media(max-width:1023px){:where(body.view-master-tabung-index) .cyl-hero{flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:20px 22px!important}:where(body.view-master-tabung-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important;width:100%!important}:where(body.view-master-tabung-index) .cyl-hero-info{flex:1;min-width:0;text-align:left!important;align-items:flex-start!important}:where(body.view-master-tabung-index) .cyl-hero-tags{justify-content:flex-start!important}:where(body.view-master-tabung-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:22px!important}:where(body.view-master-tabung-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important}:where(body.view-master-tabung-index) .cyl-hero-actions{flex-wrap:wrap!important;gap:10px!important;width:100%!important;display:flex!important}}@media(max-width:640px){:where(body.view-master-tabung-index) .cyl-hero{border-radius:12px!important;gap:14px!important;padding:16px 14px!important}:where(body.view-master-tabung-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important}:where(body.view-master-tabung-index) .cyl-avatar{border-radius:10px!important;flex-shrink:0!important;width:48px!important;height:48px!important}:where(body.view-master-tabung-index) .cyl-avatar svg{width:24px!important;height:24px!important}:where(body.view-master-tabung-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:19px!important}:where(body.view-master-tabung-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important;gap:8px!important;font-size:12px!important}:where(body.view-master-tabung-index) .cyl-hero-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-master-tabung-index) .cyl-action-btn{justify-content:center!important;width:100%!important;padding:10px 8px!important;font-size:12px!important}:where(body.view-master-tabung-index) .cyl-action-btn-primary{order:-1!important;grid-column:1/-1!important;width:100%!important;padding:11px 16px!important;font-size:13px!important}}@media(max-width:1366px){:where(body.view-master-tabung-index) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}@media(max-width:640px){:where(body.view-master-tabung-index) .cyl-stats-grid{grid-template-columns:1fr!important;gap:10px!important}:where(body.view-master-tabung-index) .cyl-stat-card{gap:12px!important;padding:14px!important}:where(body.view-master-tabung-index) .cyl-stat-icon{width:38px!important;height:38px!important}:where(body.view-master-tabung-index) .cyl-stat-icon svg{width:20px!important;height:20px!important}:where(body.view-master-tabung-index) .cyl-stat-val{font-size:17px!important}:where(body.view-master-tabung-index) .cyl-dist-header{gap:10px!important;padding:12px 14px!important}:where(body.view-master-tabung-index) .cyl-dist-header>div:first-child{width:100%!important}:where(body.view-master-tabung-index) .cyl-dist-header>div:last-child{justify-content:space-between!important;width:100%!important}:where(body.view-master-tabung-index) .cyl-dist-grid{grid-template-columns:1fr!important;gap:10px!important}}:where(body.view-master-tabung-index) .cyl-filter-main{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}:where(body.view-master-tabung-index) .cyl-search-wrapper{flex:280px;min-width:220px}:where(body.view-master-tabung-index) .cyl-filter-btn-group{flex-shrink:0;align-items:center;gap:8px;display:flex}@media(max-width:640px){:where(body.view-master-tabung-index) .cyl-filter-main{flex-direction:column!important;align-items:stretch!important;gap:10px!important}:where(body.view-master-tabung-index) .cyl-search-wrapper{flex:none!important;width:100%!important}:where(body.view-master-tabung-index) .cyl-filter-btn-group{grid-template-columns:1fr 1fr;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-master-tabung-index) .cyl-filter-btn-group .btn{justify-content:center!important;width:100%!important}:where(body.view-master-tabung-index) .cyl-filter-btn-group a.btn{text-align:center;grid-column:1/-1;justify-content:center!important}:where(body.view-master-tabung-index) .cyl-active-filters-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}:where(body.view-master-tabung-index) .table-wrap{-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}:where(body.view-master-tabung-index) .cyl-table-compact th{padding:10px 12px;font-size:11px}:where(body.view-master-tabung-index) .cyl-table-compact td{padding:9px 12px;font-size:12.5px}@media(max-width:1280px){:where(body.view-master-tabung-index) .cyl-table-compact th{padding:8px 10px;font-size:10.5px}:where(body.view-master-tabung-index) .cyl-table-compact td{padding:8px 10px;font-size:12px}}@media(max-width:640px){:where(body.view-master-tabung-index) .cyl-table-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:14px 16px!important}}:where(body.view-master-tabung-index) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-master-tabung-index) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-master-tabung-index) .cyl-master-row.cyl-row-expanded{background-color:#f0f7ff!important}:where(body.view-master-tabung-index) .cyl-expand-row td{padding:0!important}:where(body.view-master-tabung-index) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:768px){:where(body.view-master-tabung-index) .cyl-expand-grid{grid-template-columns:1fr!important}}:where(body.view-master-tipe-tabung-index) .cyl-index-page{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}@media(max-width:1023px){:where(body.view-master-tipe-tabung-index) .cyl-hero{flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:20px 22px!important}:where(body.view-master-tipe-tabung-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important;width:100%!important}:where(body.view-master-tipe-tabung-index) .cyl-hero-info{flex:1;min-width:0;text-align:left!important;align-items:flex-start!important}:where(body.view-master-tipe-tabung-index) .cyl-hero-tags{justify-content:flex-start!important}:where(body.view-master-tipe-tabung-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:22px!important}:where(body.view-master-tipe-tabung-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important}:where(body.view-master-tipe-tabung-index) .cyl-hero-actions{flex-wrap:wrap!important;gap:10px!important;width:100%!important;display:flex!important}}@media(max-width:640px){:where(body.view-master-tipe-tabung-index) .cyl-hero{border-radius:12px!important;gap:14px!important;padding:16px 14px!important}:where(body.view-master-tipe-tabung-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important}:where(body.view-master-tipe-tabung-index) .cyl-avatar{border-radius:10px!important;flex-shrink:0!important;width:48px!important;height:48px!important}:where(body.view-master-tipe-tabung-index) .cyl-avatar svg{width:24px!important;height:24px!important}:where(body.view-master-tipe-tabung-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:19px!important}:where(body.view-master-tipe-tabung-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important;gap:8px!important;font-size:12px!important}:where(body.view-master-tipe-tabung-index) .cyl-hero-actions{width:100%!important}:where(body.view-master-tipe-tabung-index) .cyl-hero-actions .btn{justify-content:center!important;width:100%!important}}@media(max-width:1366px){:where(body.view-master-tipe-tabung-index) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}@media(max-width:640px){:where(body.view-master-tipe-tabung-index) .cyl-stats-grid{grid-template-columns:1fr!important;gap:10px!important}:where(body.view-master-tipe-tabung-index) .cyl-stat-card{gap:12px!important;padding:14px!important}:where(body.view-master-tipe-tabung-index) .cyl-stat-icon{width:38px!important;height:38px!important}:where(body.view-master-tipe-tabung-index) .cyl-stat-icon svg{width:20px!important;height:20px!important}:where(body.view-master-tipe-tabung-index) .cyl-stat-val{font-size:17px!important}}:where(body.view-master-tipe-tabung-index) .cyl-filter-main{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}:where(body.view-master-tipe-tabung-index) .cyl-search-wrapper{flex:280px;min-width:220px}:where(body.view-master-tipe-tabung-index) .cyl-filter-btn-group{flex-shrink:0;align-items:center;gap:8px;display:flex}@media(max-width:640px){:where(body.view-master-tipe-tabung-index) .cyl-filter-main{flex-direction:column!important;align-items:stretch!important;gap:10px!important}:where(body.view-master-tipe-tabung-index) .cyl-search-wrapper{flex:none!important;width:100%!important}:where(body.view-master-tipe-tabung-index) .cyl-filter-btn-group{grid-template-columns:1fr 1fr;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-master-tipe-tabung-index) .cyl-filter-btn-group .btn{justify-content:center!important;width:100%!important}:where(body.view-master-tipe-tabung-index) .cyl-filter-btn-group a.btn{text-align:center;grid-column:1/-1;justify-content:center!important}:where(body.view-master-tipe-tabung-index) .cyl-active-filters-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}:where(body.view-master-tipe-tabung-index) .table-wrap{-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}:where(body.view-master-tipe-tabung-index) .cyl-table-compact th{text-transform:uppercase;letter-spacing:.04em;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700}:where(body.view-master-tipe-tabung-index) .cyl-table-compact td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:13px}@media(max-width:1280px){:where(body.view-master-tipe-tabung-index) .cyl-table-compact th{padding:8px 10px;font-size:10.5px}:where(body.view-master-tipe-tabung-index) .cyl-table-compact td{padding:8px 10px;font-size:12px}}@media(max-width:640px){:where(body.view-master-tipe-tabung-index) .cyl-table-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:14px 16px!important}}:where(body.view-master-tipe-tabung-index) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-master-tipe-tabung-index) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-master-tipe-tabung-index) .cyl-master-row.cyl-row-expanded{background-color:#f0f7ff!important}:where(body.view-master-tipe-tabung-index) .cyl-expand-row td{padding:0!important}:where(body.view-master-tipe-tabung-index) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:768px){:where(body.view-master-tipe-tabung-index) .cyl-expand-grid{grid-template-columns:1fr!important}}:where(body.view-master-tipe-tabung-index) .custom-modal-card{flex-direction:column;max-height:90vh;display:flex}:where(body.view-master-tipe-tabung-index) .custom-modal-form{overflow-y:auto}:where(body.view-master-tipe-tabung-index) .custom-modal-footer{padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}:where(body.view-master-lokasi-index) .cyl-index-page{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}@media(max-width:1023px){:where(body.view-master-lokasi-index) .cyl-hero{flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:20px 22px!important}:where(body.view-master-lokasi-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important;width:100%!important}:where(body.view-master-lokasi-index) .cyl-hero-info{flex:1;min-width:0;text-align:left!important;align-items:flex-start!important}:where(body.view-master-lokasi-index) .cyl-hero-tags{justify-content:flex-start!important}:where(body.view-master-lokasi-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:22px!important}:where(body.view-master-lokasi-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important}:where(body.view-master-lokasi-index) .cyl-hero-actions{flex-wrap:wrap!important;gap:10px!important;width:100%!important;display:flex!important}}@media(max-width:640px){:where(body.view-master-lokasi-index) .cyl-hero{border-radius:12px!important;gap:14px!important;padding:16px 14px!important}:where(body.view-master-lokasi-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important}:where(body.view-master-lokasi-index) .cyl-avatar{border-radius:10px!important;flex-shrink:0!important;width:48px!important;height:48px!important}:where(body.view-master-lokasi-index) .cyl-avatar svg{width:24px!important;height:24px!important}:where(body.view-master-lokasi-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:19px!important}:where(body.view-master-lokasi-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important;gap:8px!important;font-size:12px!important}:where(body.view-master-lokasi-index) .cyl-hero-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-master-lokasi-index) .cyl-action-btn-primary{order:-1!important;grid-column:1/-1!important;width:100%!important;padding:11px 16px!important;font-size:13px!important}}@media(max-width:1366px){:where(body.view-master-lokasi-index) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}@media(max-width:640px){:where(body.view-master-lokasi-index) .cyl-stats-grid{grid-template-columns:1fr!important;gap:10px!important}:where(body.view-master-lokasi-index) .cyl-stat-card{gap:12px!important;padding:14px!important}:where(body.view-master-lokasi-index) .cyl-stat-icon{width:38px!important;height:38px!important}:where(body.view-master-lokasi-index) .cyl-stat-icon svg{width:20px!important;height:20px!important}:where(body.view-master-lokasi-index) .cyl-stat-val{font-size:17px!important}}:where(body.view-master-lokasi-index) .cyl-filter-main{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}:where(body.view-master-lokasi-index) .cyl-search-wrapper{flex:280px;min-width:220px}:where(body.view-master-lokasi-index) .cyl-filter-btn-group{flex-shrink:0;align-items:center;gap:8px;display:flex}@media(max-width:640px){:where(body.view-master-lokasi-index) .cyl-filter-main{flex-direction:column!important;align-items:stretch!important;gap:10px!important}:where(body.view-master-lokasi-index) .cyl-search-wrapper{flex:none!important;width:100%!important}:where(body.view-master-lokasi-index) .cyl-filter-btn-group{grid-template-columns:1fr 1fr;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-master-lokasi-index) .cyl-filter-btn-group .btn{justify-content:center!important;width:100%!important}:where(body.view-master-lokasi-index) .cyl-filter-btn-group a.btn{text-align:center;grid-column:1/-1;justify-content:center!important}:where(body.view-master-lokasi-index) .cyl-active-filters-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}:where(body.view-master-lokasi-index) .table-wrap{-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}:where(body.view-master-lokasi-index) .cyl-table-compact th{white-space:nowrap;padding:10px 14px;font-size:11px}:where(body.view-master-lokasi-index) .cyl-table-compact td{vertical-align:middle;padding:10px 14px;font-size:12.5px}@media(max-width:1280px){:where(body.view-master-lokasi-index) .cyl-table-compact th{padding:8px 10px;font-size:10.5px}:where(body.view-master-lokasi-index) .cyl-table-compact td{padding:8px 10px;font-size:12px}}@media(max-width:640px){:where(body.view-master-lokasi-index) .cyl-table-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:14px 16px!important}}:where(body.view-master-customer-index) .cyl-index-page{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}@media(max-width:1023px){:where(body.view-master-customer-index) .cyl-hero{flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:20px 22px!important}:where(body.view-master-customer-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important;width:100%!important}:where(body.view-master-customer-index) .cyl-hero-info{flex:1;min-width:0;text-align:left!important;align-items:flex-start!important}:where(body.view-master-customer-index) .cyl-hero-tags{justify-content:flex-start!important}:where(body.view-master-customer-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:22px!important}:where(body.view-master-customer-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important}:where(body.view-master-customer-index) .cyl-hero-actions{flex-wrap:wrap!important;gap:10px!important;width:100%!important;display:flex!important}}@media(max-width:640px){:where(body.view-master-customer-index) .cyl-hero{border-radius:12px!important;gap:14px!important;padding:16px 14px!important}:where(body.view-master-customer-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important}:where(body.view-master-customer-index) .cyl-avatar{border-radius:10px!important;flex-shrink:0!important;width:48px!important;height:48px!important}:where(body.view-master-customer-index) .cyl-avatar svg{width:24px!important;height:24px!important}:where(body.view-master-customer-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:19px!important}:where(body.view-master-customer-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important;gap:8px!important;font-size:12px!important}:where(body.view-master-customer-index) .cyl-hero-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-master-customer-index) .cyl-hero-actions .btn{justify-content:center!important;width:100%!important}:where(body.view-master-customer-index) .cyl-hero-actions .btn.primary{order:-1!important;grid-column:1/-1!important}}@media(max-width:1366px){:where(body.view-master-customer-index) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}@media(max-width:640px){:where(body.view-master-customer-index) .cyl-stats-grid{grid-template-columns:1fr!important;gap:10px!important}:where(body.view-master-customer-index) .cyl-stat-card{gap:12px!important;padding:14px!important}:where(body.view-master-customer-index) .cyl-stat-icon{width:38px!important;height:38px!important}:where(body.view-master-customer-index) .cyl-stat-icon svg{width:20px!important;height:20px!important}:where(body.view-master-customer-index) .cyl-stat-val{font-size:17px!important}}:where(body.view-master-customer-index) .cyl-filter-main{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}:where(body.view-master-customer-index) .cyl-search-wrapper{flex:280px;min-width:220px}:where(body.view-master-customer-index) .cyl-filter-btn-group{flex-shrink:0;align-items:center;gap:8px;display:flex}@media(max-width:640px){:where(body.view-master-customer-index) .cyl-filter-main{flex-direction:column!important;align-items:stretch!important;gap:10px!important}:where(body.view-master-customer-index) .cyl-search-wrapper{flex:none!important;width:100%!important}:where(body.view-master-customer-index) .cyl-filter-btn-group{grid-template-columns:1fr 1fr;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-master-customer-index) .cyl-filter-btn-group .btn{justify-content:center!important;width:100%!important}:where(body.view-master-customer-index) .cyl-filter-btn-group a.btn{text-align:center;grid-column:1/-1;justify-content:center!important}:where(body.view-master-customer-index) .cyl-active-filters-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}:where(body.view-master-customer-index) .table-wrap{-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}:where(body.view-master-customer-index) .cyl-table-compact th{text-transform:uppercase;letter-spacing:.04em;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700}:where(body.view-master-customer-index) .cyl-table-compact td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:13px}@media(max-width:1280px){:where(body.view-master-customer-index) .cyl-table-compact th{padding:8px 10px;font-size:10.5px}:where(body.view-master-customer-index) .cyl-table-compact td{padding:8px 10px;font-size:12px}}@media(max-width:640px){:where(body.view-master-customer-index) .cyl-table-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:14px 16px!important}}:where(body.view-master-customer-index) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-master-customer-index) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-master-customer-index) .cyl-master-row.cyl-row-expanded{background-color:#f0f7ff!important}:where(body.view-master-customer-index) .cyl-expand-row td{padding:0!important}:where(body.view-master-customer-index) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:768px){:where(body.view-master-customer-index) .cyl-expand-grid{grid-template-columns:1fr!important}}:where(body.view-master-customer-index) .custom-modal-card{flex-direction:column;max-height:90vh;display:flex}:where(body.view-master-customer-index) .custom-modal-form{overflow-y:auto}:where(body.view-master-customer-index) .custom-modal-footer{padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}:where(body.view-master-supplier-index) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-master-supplier-index) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-master-supplier-index) .cyl-master-row.cyl-row-expanded{background-color:#f0f7ff!important}:where(body.view-master-supplier-index) .cyl-expand-row td{padding:0!important}:where(body.view-master-supplier-index) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:768px){:where(body.view-master-supplier-index) .cyl-expand-grid{grid-template-columns:1fr!important}}:where(body.view-master-supplier-index) .custom-modal-card{flex-direction:column;max-height:90vh;display:flex}:where(body.view-master-supplier-index) .custom-modal-form{overflow-y:auto}:where(body.view-master-supplier-index) .custom-modal-footer{padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}:where(body.view-master-driver-index) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-master-driver-index) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-master-driver-index) .cyl-master-row.cyl-row-expanded{background-color:#f0f7ff!important}:where(body.view-master-driver-index) .cyl-expand-row td{padding:0!important}:where(body.view-master-driver-index) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:768px){:where(body.view-master-driver-index) .cyl-expand-grid{grid-template-columns:1fr!important}}:where(body.view-master-driver-index) .custom-modal-card{flex-direction:column;max-height:90vh;display:flex}:where(body.view-master-driver-index) .custom-modal-form{overflow-y:auto}:where(body.view-master-driver-index) .custom-modal-footer{padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}:where(body.view-master-kendaraan-index) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-master-kendaraan-index) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-master-kendaraan-index) .cyl-master-row.cyl-row-expanded{background-color:#f0f7ff!important}:where(body.view-master-kendaraan-index) .cyl-expand-row td{padding:0!important}:where(body.view-master-kendaraan-index) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:768px){:where(body.view-master-kendaraan-index) .cyl-expand-grid{grid-template-columns:1fr!important}}:where(body.view-master-kendaraan-index) .custom-modal-card{flex-direction:column;max-height:90vh;display:flex}:where(body.view-master-kendaraan-index) .custom-modal-form{overflow-y:auto}:where(body.view-master-kendaraan-index) .custom-modal-footer{padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}:where(body.view-master-lokasi-index) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-master-lokasi-index) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-master-lokasi-index) .cyl-master-row.cyl-row-expanded{background-color:#f0f7ff!important}:where(body.view-master-lokasi-index) .cyl-expand-row td{padding:0!important}:where(body.view-master-lokasi-index) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:768px){:where(body.view-master-lokasi-index) .cyl-expand-grid{grid-template-columns:1fr!important}}:where(body.view-master-lokasi-index) .custom-modal-card{flex-direction:column;max-height:90vh;display:flex}:where(body.view-master-lokasi-index) .custom-modal-form{overflow-y:auto}:where(body.view-master-lokasi-index) .custom-modal-footer{padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}@keyframes warehouse-receipt-show--cylPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}:where(body.view-warehouse-receipt-show) .cyl-page{max-width:1400px;margin:0 auto;padding:24px 28px 60px}:where(body.view-warehouse-receipt-show) .cyl-breadcrumb{color:#64748b;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}:where(body.view-warehouse-receipt-show) .cyl-breadcrumb a{color:#64748b;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}:where(body.view-warehouse-receipt-show) .cyl-breadcrumb a:hover{color:#0f172a}:where(body.view-warehouse-receipt-show) .cyl-breadcrumb-sep{color:#cbd5e1}:where(body.view-warehouse-receipt-show) .cyl-hero{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:24px 28px;display:flex;box-shadow:0 1px 3px #0000000a}:where(body.view-warehouse-receipt-show) .cyl-hero-main{align-items:center;gap:20px;display:flex}:where(body.view-warehouse-receipt-show) .cyl-avatar{border:1px solid #e2e8f0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}:where(body.view-warehouse-receipt-show) .cyl-hero-info{flex-direction:column;gap:6px;display:flex}:where(body.view-warehouse-receipt-show) .cyl-hero-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}:where(body.view-warehouse-receipt-show) .cyl-hero-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}:where(body.view-warehouse-receipt-show) .cyl-hero-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}:where(body.view-warehouse-receipt-show) .cyl-hero-meta-item{align-items:center;gap:5px;display:inline-flex}:where(body.view-warehouse-receipt-show) .cyl-hero-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}:where(body.view-warehouse-receipt-show) .cyl-copy-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:inline-flex}:where(body.view-warehouse-receipt-show) .cyl-copy-btn:hover{color:#0f172a;background:#e2e8f0;border-color:#94a3b8}:where(body.view-warehouse-receipt-show) .cyl-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}:where(body.view-warehouse-receipt-show) .cyl-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:16px;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #00000008}:where(body.view-warehouse-receipt-show) .cyl-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000000f}:where(body.view-warehouse-receipt-show) .cyl-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}:where(body.view-warehouse-receipt-show) .cyl-stat-icon.green{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}:where(body.view-warehouse-receipt-show) .cyl-stat-icon.blue{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}:where(body.view-warehouse-receipt-show) .cyl-stat-icon.indigo{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}:where(body.view-warehouse-receipt-show) .cyl-stat-icon.amber{color:#b45309;background:#fffbeb;border:1px solid #fde68a}:where(body.view-warehouse-receipt-show) .cyl-stat-content{flex-direction:column;gap:2px;min-width:0;display:flex}:where(body.view-warehouse-receipt-show) .cyl-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}:where(body.view-warehouse-receipt-show) .cyl-stat-val{color:#0f172a;font-size:22px;font-weight:800;line-height:1.2}:where(body.view-warehouse-receipt-show) .cyl-stat-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}:where(body.view-warehouse-receipt-show) .cyl-content-grid{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}:where(body.view-warehouse-receipt-show) .cyl-main-col,:where(body.view-warehouse-receipt-show) .cyl-side-col{flex-direction:column;gap:24px;display:flex}:where(body.view-warehouse-receipt-show) .cyl-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000008}:where(body.view-warehouse-receipt-show) .cyl-card-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}:where(body.view-warehouse-receipt-show) .cyl-card-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}:where(body.view-warehouse-receipt-show) .cyl-card-title svg{color:#059669;width:17px;height:17px}:where(body.view-warehouse-receipt-show) .cyl-data-table{border-collapse:collapse;width:100%;font-size:13px}:where(body.view-warehouse-receipt-show) .cyl-data-table th{color:#475569;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:11px 16px;font-size:12px;font-weight:600}:where(body.view-warehouse-receipt-show) .cyl-data-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 16px}:where(body.view-warehouse-receipt-show) .cyl-data-table tbody tr:hover{background:#f8fafc}:where(body.view-warehouse-receipt-show) .cyl-gas-pill{border-radius:6px;align-items:center;gap:6px;font-weight:600;line-height:1;display:inline-flex}:where(body.view-warehouse-receipt-show) .cyl-gas-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}:where(body.view-warehouse-receipt-show) .cyl-stat-badge{border-radius:6px;align-items:center;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}:where(body.view-warehouse-receipt-show) .cyl-stat-badge.blue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}:where(body.view-warehouse-receipt-show) .cyl-stat-badge.green{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}:where(body.view-warehouse-receipt-show) .cyl-stat-badge.amber{color:#b45309;background:#fffbeb;border:1px solid #fde68a}:where(body.view-warehouse-receipt-show) .cyl-id-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:5px;align-items:center;padding:2px 7px;font-size:12.5px;font-weight:700;display:inline-flex}:where(body.view-warehouse-receipt-show) .cyl-live-pill{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}:where(body.view-warehouse-receipt-show) .cyl-live-dot{border-radius:50%;width:6px;height:6px;display:inline-block}:where(body.view-warehouse-receipt-show) .pr-stepper{flex-direction:column;gap:0;padding-left:8px;display:flex;position:relative}:where(body.view-warehouse-receipt-show) .pr-step-item{gap:16px;padding-bottom:24px;display:flex;position:relative}:where(body.view-warehouse-receipt-show) .pr-step-item:last-child{padding-bottom:0}:where(body.view-warehouse-receipt-show) .pr-step-item:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:30px;bottom:0;left:15px}:where(body.view-warehouse-receipt-show) .pr-step-item:last-child:before{display:none}:where(body.view-warehouse-receipt-show) .pr-step-item.completed:before{background:#a7f3d0}:where(body.view-warehouse-receipt-show) .pr-step-indicator{color:#64748b;z-index:2;background:#fff;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}:where(body.view-warehouse-receipt-show) .pr-step-item.completed .pr-step-indicator{color:#059669;background:#ecfdf5;border-color:#10b981}:where(body.view-warehouse-receipt-show) .pr-step-item.active .pr-step-indicator{color:#fff;background:#059669;border-color:#059669;box-shadow:0 0 0 4px #05966933}:where(body.view-warehouse-receipt-show) .pr-step-content{flex:1;padding-top:4px}:where(body.view-warehouse-receipt-show) .pr-step-header{justify-content:space-between;align-items:center;gap:10px;display:flex}:where(body.view-warehouse-receipt-show) .cyl-meta-dl{flex-direction:column;gap:12px;margin:0;padding:0;display:flex}:where(body.view-warehouse-receipt-show) .cyl-meta-row{border-bottom:1px dashed #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;font-size:13px;display:flex}:where(body.view-warehouse-receipt-show) .cyl-meta-row:last-child{border-bottom:none;padding-bottom:0}:where(body.view-warehouse-receipt-show) .cyl-meta-row dt{color:#64748b;margin:0}:where(body.view-warehouse-receipt-show) .cyl-meta-row dd{text-align:right;color:#0f172a;margin:0}:where(body.view-warehouse-receipt-show) .cyl-toast{color:#fff;opacity:0;pointer-events:none;z-index:99999;box-sizing:border-box;word-break:break-word;white-space:normal;background:#0f172a;border-radius:10px;align-items:center;gap:10px;width:auto;max-width:min(420px,100vw - 32px);padding:12px 18px;font-size:13px;font-weight:600;line-height:1.4;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:28px;right:28px;transform:translateY(16px);box-shadow:0 10px 25px -5px #0000004d}:where(body.view-warehouse-receipt-show) .cyl-toast.show{opacity:1;transform:translateY(0)}@media(max-width:1024px){:where(body.view-warehouse-receipt-show) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)}:where(body.view-warehouse-receipt-show) .cyl-content-grid{grid-template-columns:1fr}:where(body.view-warehouse-receipt-show) .cyl-hero{flex-direction:column;align-items:flex-start}:where(body.view-warehouse-receipt-show) .cyl-hero-actions{justify-content:flex-start;width:100%}}@media(max-width:640px){:where(body.view-warehouse-receipt-show) .cyl-stats-grid{grid-template-columns:1fr}:where(body.view-warehouse-receipt-show) .cyl-page{padding:16px}}@media print{:where(body.view-warehouse-receipt-show) .no-print,:where(body.view-warehouse-receipt-show) .cyl-breadcrumb,:where(body.view-warehouse-receipt-show) .cyl-hero-actions,:where(body.view-warehouse-receipt-show) #cylToast,:where(body.view-warehouse-receipt-show) nav,:where(body.view-warehouse-receipt-show) aside{display:none!important}body:where(.view-warehouse-receipt-show),:where(body.view-warehouse-receipt-show) .cyl-page{background:#fff!important;margin:0!important;padding:0!important}:where(body.view-warehouse-receipt-show) .print-only,:where(body.view-warehouse-receipt-show) .cyl-content-grid{display:block!important}:where(body.view-warehouse-receipt-show) .cyl-hero,:where(body.view-warehouse-receipt-show) .cyl-card{box-shadow:none!important;border:1px solid #ccc!important}}:where(body.view-warehouse-receipt-index) #receipt-modal.custom-modal-backdrop:not(.hidden),:where(body.view-warehouse-receipt-index) #grn-detail-modal.custom-modal-backdrop:not(.hidden){justify-content:center!important;align-items:center!important;padding:36px 16px!important;display:flex!important;overflow-y:auto!important}:where(body.view-warehouse-receipt-index) .receipt-modal-card{width:100%;border:1px solid #cbd5e1!important;border-radius:18px!important;flex-direction:column!important;max-height:min(88dvh,100dvh - 72px)!important;margin:auto!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #0f172a59!important}:where(body.view-warehouse-receipt-index) .receipt-modal-card .custom-modal-header{border-bottom:1px solid #e2e8f0!important;flex-shrink:0!important}:where(body.view-warehouse-receipt-index) .receipt-modal-card>form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}:where(body.view-warehouse-receipt-index) .receipt-modal-card .custom-modal-form{overscroll-behavior:contain!important;flex:auto!important;gap:14px!important;min-height:0!important;max-height:none!important;padding:18px 22px!important;overflow-y:auto!important}:where(body.view-warehouse-receipt-index) .receipt-modal-card .custom-modal-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;flex-shrink:0!important}:where(body.view-warehouse-receipt-index) .receipt-modal-card .custom-modal-form::-webkit-scrollbar{width:7px}:where(body.view-warehouse-receipt-index) .receipt-modal-card .custom-modal-form::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}:where(body.view-warehouse-receipt-index) .receipt-modal-card .custom-modal-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}:where(body.view-warehouse-receipt-index) .receipt-modal-card .custom-modal-form::-webkit-scrollbar-thumb:hover{background:#94a3b8}:where(body.view-warehouse-receipt-index) .cyl-copy-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:inline-flex}:where(body.view-warehouse-receipt-index) .cyl-copy-btn:hover{color:#0f172a;background:#e2e8f0}:where(body.view-warehouse-receipt-index) .cyl-copy-btn svg{width:13px;height:13px}:where(body.view-warehouse-delivery-index) #add-modal.custom-modal-backdrop:not(.hidden){justify-content:center!important;align-items:center!important;padding:36px 16px!important;display:flex!important;overflow-y:auto!important}:where(body.view-warehouse-delivery-index) .delivery-modal-card{border:1px solid #cbd5e1!important;border-radius:18px!important;flex-direction:column!important;max-height:min(88dvh,100dvh - 72px)!important;margin:auto!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #0f172a59!important}:where(body.view-warehouse-delivery-index) .delivery-modal-card .custom-modal-header{border-bottom:1px solid #e2e8f0!important;flex-shrink:0!important}:where(body.view-warehouse-delivery-index) .delivery-modal-card .delivery-doc-selector{flex-shrink:0!important}:where(body.view-warehouse-delivery-index) #delivery-form.delivery-modal-form-wrapper{flex-direction:column!important;flex:auto!important;min-height:0!important;margin:0!important;display:flex!important;overflow:hidden!important}:where(body.view-warehouse-delivery-index) .delivery-modal-card .custom-modal-form{overscroll-behavior:contain!important;flex:auto!important;gap:14px!important;min-height:0!important;max-height:none!important;padding:18px 22px!important;overflow-y:auto!important}:where(body.view-warehouse-delivery-index) .delivery-modal-card .custom-modal-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;flex-shrink:0!important}:where(body.view-warehouse-delivery-index) .delivery-modal-card .custom-modal-form::-webkit-scrollbar{width:7px}:where(body.view-warehouse-delivery-index) .delivery-modal-card .custom-modal-form::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}:where(body.view-warehouse-delivery-index) .delivery-modal-card .custom-modal-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}:where(body.view-warehouse-delivery-index) .delivery-modal-card .custom-modal-form::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes warehouse-tracking-dashboard--modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:where(body.view-warehouse-tracking-dashboard) .cyl-index-page{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}@media(max-width:1023px){:where(body.view-warehouse-tracking-dashboard) .cyl-hero{flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:20px 22px!important}:where(body.view-warehouse-tracking-dashboard) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important;width:100%!important}:where(body.view-warehouse-tracking-dashboard) .cyl-hero-info{flex:1;min-width:0;text-align:left!important;align-items:flex-start!important}:where(body.view-warehouse-tracking-dashboard) .cyl-hero-tags{justify-content:flex-start!important}:where(body.view-warehouse-tracking-dashboard) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:22px!important}:where(body.view-warehouse-tracking-dashboard) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important}:where(body.view-warehouse-tracking-dashboard) .cyl-hero-actions{flex-wrap:wrap!important;gap:10px!important;width:100%!important;display:flex!important}}@media(max-width:640px){:where(body.view-warehouse-tracking-dashboard) .cyl-hero{border-radius:12px!important;gap:14px!important;padding:16px 14px!important}:where(body.view-warehouse-tracking-dashboard) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important}:where(body.view-warehouse-tracking-dashboard) .cyl-avatar{border-radius:10px!important;flex-shrink:0!important;width:48px!important;height:48px!important}:where(body.view-warehouse-tracking-dashboard) .cyl-avatar svg{width:24px!important;height:24px!important}:where(body.view-warehouse-tracking-dashboard) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:19px!important}:where(body.view-warehouse-tracking-dashboard) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important;gap:8px!important;font-size:12px!important}:where(body.view-warehouse-tracking-dashboard) .cyl-hero-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-warehouse-tracking-dashboard) .cyl-action-btn{justify-content:center!important;width:100%!important;padding:10px 8px!important;font-size:12px!important}:where(body.view-warehouse-tracking-dashboard) .cyl-action-btn-primary{order:-1!important;grid-column:1/-1!important;width:100%!important;padding:11px 16px!important;font-size:13px!important}}@media(max-width:1366px){:where(body.view-warehouse-tracking-dashboard) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media(max-width:640px){:where(body.view-warehouse-tracking-dashboard) .cyl-stats-grid{grid-template-columns:1fr!important;gap:10px!important}:where(body.view-warehouse-tracking-dashboard) .cyl-stat-card{padding:14px 16px!important}}:where(body.view-warehouse-tracking-dashboard) .cyl-filter-main{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}:where(body.view-warehouse-tracking-dashboard) .cyl-search-wrapper{flex:240px;min-width:180px;position:relative}:where(body.view-warehouse-tracking-dashboard) .cyl-search-wrapper svg{color:#94a3b8;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}:where(body.view-warehouse-tracking-dashboard) .cyl-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:40px;padding:0 12px 0 38px;font-size:13.5px;transition:all .2s}:where(body.view-warehouse-tracking-dashboard) .cyl-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}:where(body.view-warehouse-tracking-dashboard) .cyl-filter-btn-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media(max-width:640px){:where(body.view-warehouse-tracking-dashboard) .cyl-filter-main{flex-direction:column;align-items:stretch}:where(body.view-warehouse-tracking-dashboard) .cyl-search-wrapper{flex:none;width:100%}:where(body.view-warehouse-tracking-dashboard) .cyl-filter-btn-group{grid-template-columns:1fr 1fr auto;gap:8px;width:100%;display:grid}:where(body.view-warehouse-tracking-dashboard) .cyl-filter-btn-group .btn{justify-content:center}}:where(body.view-warehouse-tracking-dashboard) .cyl-active-filters-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:flex}:where(body.view-warehouse-tracking-dashboard) .cyl-active-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}:where(body.view-warehouse-tracking-dashboard) .cyl-active-tag{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600}:where(body.view-warehouse-tracking-dashboard) .cyl-table-compact th{letter-spacing:.03em;text-transform:uppercase;color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:12px;font-weight:700}:where(body.view-warehouse-tracking-dashboard) .cyl-table-compact td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:13px}@media(max-width:1280px){:where(body.view-warehouse-tracking-dashboard) .cyl-table-compact th{padding:8px 10px;font-size:11.5px}:where(body.view-warehouse-tracking-dashboard) .cyl-table-compact td{padding:8px 10px;font-size:12px}}:where(body.view-warehouse-tracking-dashboard) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-warehouse-tracking-dashboard) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-warehouse-tracking-dashboard) .cyl-master-row.cyl-row-expanded{background-color:#eff6ff!important}:where(body.view-warehouse-tracking-dashboard) .cyl-expand-row td{padding:0!important}:where(body.view-warehouse-tracking-dashboard) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:900px){:where(body.view-warehouse-tracking-dashboard) .cyl-expand-grid{grid-template-columns:1fr!important}}:where(body.view-warehouse-tracking-dashboard) .custom-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;box-sizing:border-box;background:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;transition:opacity .2s,visibility .2s;display:flex;position:fixed;top:0;left:0}:where(body.view-warehouse-tracking-dashboard) .custom-modal-backdrop.hidden{visibility:hidden;opacity:0;display:none!important}:where(body.view-warehouse-tracking-dashboard) .custom-modal-card{background:#fff;border-radius:16px;width:100%;max-height:90vh;animation:.2s ease-out warehouse-tracking-dashboard--modalScaleUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}:where(body.view-warehouse-tracking-dashboard) .custom-modal-header{border-bottom:1px solid #f1f5f9;align-items:center;padding:18px 22px;display:flex}:where(body.view-warehouse-tracking-dashboard) .custom-modal-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}:where(body.view-warehouse-tracking-dashboard) .custom-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}:where(body.view-warehouse-tracking-dashboard) .custom-modal-close:hover{color:#ef4444;background:#fee2e2}:where(body.view-notifications-index) .cyl-index-page{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}@media(max-width:1023px){:where(body.view-notifications-index) .cyl-hero{flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:20px 22px!important}:where(body.view-notifications-index) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important;width:100%!important}:where(body.view-notifications-index) .cyl-hero-info{flex:1;min-width:0;text-align:left!important;align-items:flex-start!important}:where(body.view-notifications-index) .cyl-hero-tags{justify-content:flex-start!important}:where(body.view-notifications-index) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:22px!important}:where(body.view-notifications-index) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important}:where(body.view-notifications-index) .cyl-hero-actions{flex-wrap:wrap!important;gap:10px!important;width:100%!important;display:flex!important}}@media(max-width:640px){:where(body.view-notifications-index) .cyl-hero{border-radius:12px!important;gap:14px!important;padding:16px 14px!important}:where(body.view-notifications-index) .cyl-avatar{border-radius:12px!important;flex-shrink:0!important;width:44px!important;height:44px!important}:where(body.view-notifications-index) .cyl-avatar svg{width:22px!important;height:22px!important}:where(body.view-notifications-index) .cyl-hero-title{font-size:19px!important}:where(body.view-notifications-index) .cyl-hero-actions .btn{justify-content:center!important;width:100%!important}}@media(max-width:1100px){:where(body.view-notifications-index) .cyl-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:640px){:where(body.view-notifications-index) .cyl-stats-grid{grid-template-columns:1fr!important;gap:10px!important}:where(body.view-notifications-index) .cyl-stat-card{padding:12px 14px!important}:where(body.view-notifications-index) .cyl-stat-icon{width:38px!important;height:38px!important}:where(body.view-notifications-index) .cyl-stat-icon svg{width:20px!important;height:20px!important}:where(body.view-notifications-index) .cyl-stat-val{font-size:18px!important}}:where(body.view-notifications-index) .notif-item-link-wrap{color:inherit;text-decoration:none}:where(body.view-notifications-index) .notif-tab.active{box-shadow:0 1px 3px #0f172a1a}@keyframes reports-sales--modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:where(body.view-reports-sales) .cyl-index-page{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}:where(body.view-reports-sales) .cyl-btn-preset{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;transition:all .15s}:where(body.view-reports-sales) .cyl-btn-preset:hover{color:#0f172a;background:#e2e8f0}@media(max-width:1023px){:where(body.view-reports-sales) .cyl-hero{flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:20px 22px!important}:where(body.view-reports-sales) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important;width:100%!important}:where(body.view-reports-sales) .cyl-hero-info{flex:1;min-width:0;text-align:left!important;align-items:flex-start!important}:where(body.view-reports-sales) .cyl-hero-tags{justify-content:flex-start!important}:where(body.view-reports-sales) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:22px!important}:where(body.view-reports-sales) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important}:where(body.view-reports-sales) .cyl-hero-actions{flex-wrap:wrap!important;gap:10px!important;width:100%!important;display:flex!important}}@media(max-width:640px){:where(body.view-reports-sales) .cyl-hero{border-radius:12px!important;gap:14px!important;padding:16px 14px!important}:where(body.view-reports-sales) .cyl-hero-main{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important}:where(body.view-reports-sales) .cyl-avatar{border-radius:10px!important;flex-shrink:0!important;width:48px!important;height:48px!important}:where(body.view-reports-sales) .cyl-avatar svg{width:24px!important;height:24px!important}:where(body.view-reports-sales) .cyl-hero-title{text-align:left!important;justify-content:flex-start!important;font-size:19px!important}:where(body.view-reports-sales) .cyl-hero-meta{text-align:left!important;justify-content:flex-start!important;gap:8px!important;font-size:12px!important}:where(body.view-reports-sales) .cyl-hero-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-reports-sales) .cyl-action-btn{justify-content:center!important;width:100%!important;padding:10px 8px!important;font-size:12px!important}:where(body.view-reports-sales) .cyl-action-btn-primary{order:-1!important;grid-column:1/-1!important;width:100%!important;padding:11px 16px!important;font-size:13px!important}}@media(max-width:1366px){:where(body.view-reports-sales) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media(max-width:640px){:where(body.view-reports-sales) .cyl-stats-grid{grid-template-columns:1fr!important;gap:10px!important}:where(body.view-reports-sales) .cyl-stat-card{padding:14px 16px!important}}:where(body.view-reports-sales) .cyl-filter-main{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}:where(body.view-reports-sales) .cyl-search-wrapper{flex:240px;min-width:180px;position:relative}:where(body.view-reports-sales) .cyl-search-wrapper svg{color:#94a3b8;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}:where(body.view-reports-sales) .cyl-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:40px;padding:0 12px 0 38px;font-size:13.5px;transition:all .2s}:where(body.view-reports-sales) .cyl-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}:where(body.view-reports-sales) .cyl-filter-btn-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media(max-width:640px){:where(body.view-reports-sales) .cyl-filter-main{flex-direction:column;align-items:stretch}:where(body.view-reports-sales) .cyl-search-wrapper{flex:none;width:100%}:where(body.view-reports-sales) .cyl-filter-btn-group{grid-template-columns:1fr 1fr auto;gap:8px;width:100%;display:grid}:where(body.view-reports-sales) .cyl-filter-btn-group .btn{justify-content:center}}:where(body.view-reports-sales) .cyl-active-filters-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:flex}:where(body.view-reports-sales) .cyl-active-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}:where(body.view-reports-sales) .cyl-active-tag{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600}:where(body.view-reports-sales) .cyl-table-compact th{letter-spacing:.03em;text-transform:uppercase;color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:12px;font-weight:700}:where(body.view-reports-sales) .cyl-table-compact td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:13px}@media(max-width:1280px){:where(body.view-reports-sales) .cyl-table-compact th{padding:8px 10px;font-size:11.5px}:where(body.view-reports-sales) .cyl-table-compact td{padding:8px 10px;font-size:12px}}:where(body.view-reports-sales) .custom-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;box-sizing:border-box;background:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;transition:opacity .2s,visibility .2s;display:flex;position:fixed;top:0;left:0}:where(body.view-reports-sales) .custom-modal-backdrop.hidden{visibility:hidden;opacity:0;display:none!important}:where(body.view-reports-sales) .custom-modal-card{background:#fff;border-radius:16px;width:100%;max-height:90vh;animation:.2s ease-out reports-sales--modalScaleUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}:where(body.view-reports-sales) .custom-modal-header{border-bottom:1px solid #f1f5f9;align-items:center;padding:18px 22px;display:flex}:where(body.view-reports-sales) .custom-modal-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}:where(body.view-reports-sales) .custom-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}:where(body.view-reports-sales) .custom-modal-close:hover{color:#ef4444;background:#fee2e2}:where(body.view-reports-sales) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-reports-sales) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-reports-sales) .cyl-master-row.cyl-row-expanded{background-color:#eff6ff!important}:where(body.view-reports-sales) .cyl-expand-row.hidden{display:none!important}:where(body.view-reports-sales) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:900px){:where(body.view-reports-sales) .cyl-expand-grid{grid-template-columns:1fr!important;gap:12px!important}}:where(body.view-reports-finance) .custom-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;box-sizing:border-box;background:#0f172a73;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0}:where(body.view-reports-finance) .custom-modal-backdrop.hidden{display:none!important}:where(body.view-reports-finance) .custom-modal-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;padding:22px;animation:.18s ease-out modalFadeIn;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}:where(body.view-reports-finance) .custom-modal-header{border-bottom:1px solid #e2e8f0;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}:where(body.view-reports-finance) .custom-modal-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}:where(body.view-reports-finance) .cyl-table-compact th,:where(body.view-reports-finance) .cyl-table-compact td{padding:9px 12px!important;font-size:12.5px!important}:where(body.view-reports-finance) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-reports-finance) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-reports-finance) .cyl-master-row.cyl-row-expanded{background-color:#eff6ff!important}:where(body.view-reports-finance) .cyl-expand-row.hidden{display:none!important}:where(body.view-reports-finance) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:900px){:where(body.view-reports-finance) .cyl-expand-grid{grid-template-columns:1fr!important;gap:12px!important}}:where(body.view-reports-finance) .cyl-filter-main{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}:where(body.view-reports-finance) .cyl-search-wrapper{flex:280px;min-width:220px;position:relative}:where(body.view-reports-finance) .cyl-search-wrapper svg{color:#94a3b8;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}:where(body.view-reports-finance) .cyl-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;height:40px;padding:0 16px 0 38px;font-size:13px;transition:all .2s}:where(body.view-reports-finance) .cyl-search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}:where(body.view-reports-finance) .cyl-filter-btn-group{flex-shrink:0;align-items:center;gap:8px;display:flex}@media(max-width:1366px){:where(body.view-reports-finance) .cyl-stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:1023px){:where(body.view-reports-finance) .cyl-hero{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}:where(body.view-reports-finance) .cyl-hero-main{width:100%!important}:where(body.view-reports-finance) .cyl-hero-actions{flex-wrap:wrap!important;justify-content:flex-start!important;width:100%!important}:where(body.view-reports-finance) .cyl-filter-main{flex-wrap:wrap!important}:where(body.view-reports-finance) .cyl-search-wrapper{min-width:100%!important}:where(body.view-reports-finance) .cyl-filter-btn-group{justify-content:flex-start!important;width:100%!important}}@media(max-width:640px){:where(body.view-reports-finance) .cyl-hero-main{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}:where(body.view-reports-finance) .cyl-stats-grid{grid-template-columns:1fr!important}:where(body.view-reports-finance) .cyl-hero-actions{flex-direction:column!important}:where(body.view-reports-finance) .cyl-hero-actions .btn{justify-content:center!important;width:100%!important}:where(body.view-reports-finance) .cyl-filter-main{flex-direction:column!important;align-items:stretch!important;gap:10px!important}:where(body.view-reports-finance) .cyl-search-wrapper{flex:none!important;width:100%!important}:where(body.view-reports-finance) .cyl-filter-btn-group{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}:where(body.view-reports-finance) .cyl-filter-btn-group .btn{justify-content:center!important;width:100%!important}:where(body.view-reports-finance) .cyl-filter-btn-group a.btn{text-align:center!important;grid-column:1/-1!important;justify-content:center!important}:where(body.view-reports-finance) .cyl-table-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}@media print{:where(body.view-reports-finance) .cyl-hero-actions,:where(body.view-reports-finance) .cyl-filter-card,:where(body.view-reports-finance) .cyl-breadcrumb,:where(body.view-reports-finance) .cyl-action-buttons,:where(body.view-reports-finance) .cyl-action-btn,:where(body.view-reports-finance) .custom-modal-backdrop,:where(body.view-reports-finance) th:last-child,:where(body.view-reports-finance) td:last-child{display:none!important}:where(body.view-reports-finance) .cyl-table-card{box-shadow:none!important;border:1px solid #cbd5e1!important}}:where(body.view-sales-quotations-index,body.view-sales-quotation-index) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-sales-quotations-index,body.view-sales-quotation-index) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-sales-quotations-index,body.view-sales-quotation-index) .cyl-master-row.cyl-row-expanded{background-color:#f0f7ff!important}:where(body.view-sales-quotations-index,body.view-sales-quotation-index) .cyl-expand-row td{padding:0!important}:where(body.view-sales-quotations-index,body.view-sales-quotation-index) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:900px){:where(body.view-sales-quotations-index,body.view-sales-quotation-index) .cyl-expand-grid{grid-template-columns:1fr!important}}:where(body.view-maintenance-jadwal-index) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-maintenance-jadwal-index) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-maintenance-jadwal-index) .cyl-master-row.cyl-row-expanded{background-color:#f0f7ff!important}:where(body.view-maintenance-jadwal-index) .cyl-expand-row td{padding:0!important}:where(body.view-maintenance-jadwal-index) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:768px){:where(body.view-maintenance-jadwal-index) .cyl-expand-grid{grid-template-columns:1fr!important}}:where(body.view-maintenance-jadwal-index) .cyl-copy-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:inline-flex}:where(body.view-maintenance-jadwal-index) .cyl-copy-btn:hover{color:#2563eb;background:#e2e8f0}:where(body.view-maintenance-jadwal-index) .cyl-copy-btn svg{width:13px;height:13px}:where(body.view-maintenance-jadwal-index) #schedule-modal.custom-modal-backdrop:not(.hidden){justify-content:center!important;align-items:center!important;padding:36px 16px!important;display:flex!important;overflow-y:auto!important}:where(body.view-maintenance-jadwal-index) .schedule-modal-card{width:100%;border:1px solid #cbd5e1!important;border-radius:18px!important;flex-direction:column!important;max-height:min(88dvh,100dvh - 72px)!important;margin:auto!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #0f172a59!important}:where(body.view-maintenance-jadwal-index) .schedule-modal-card .custom-modal-header{border-bottom:1px solid #e2e8f0!important;flex-shrink:0!important}:where(body.view-maintenance-jadwal-index) .schedule-modal-card>form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}:where(body.view-maintenance-jadwal-index) .schedule-modal-card .custom-modal-form{overscroll-behavior:contain!important;flex:auto!important;gap:14px!important;min-height:0!important;max-height:none!important;padding:18px 22px!important;overflow-y:auto!important}:where(body.view-maintenance-jadwal-index) .schedule-modal-card .custom-modal-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;flex-shrink:0!important}:where(body.view-maintenance-perbaikan-index) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-maintenance-perbaikan-index) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-maintenance-perbaikan-index) .cyl-master-row.cyl-row-expanded{background-color:#f0f7ff!important}:where(body.view-maintenance-perbaikan-index) .cyl-expand-row td{padding:0!important}:where(body.view-maintenance-perbaikan-index) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:768px){:where(body.view-maintenance-perbaikan-index) .cyl-expand-grid{grid-template-columns:1fr!important}}:where(body.view-maintenance-perbaikan-index) .cyl-copy-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:inline-flex}:where(body.view-maintenance-perbaikan-index) .cyl-copy-btn:hover{color:#2563eb;background:#e2e8f0}:where(body.view-maintenance-perbaikan-index) .cyl-copy-btn svg{width:13px;height:13px}:where(body.view-maintenance-perbaikan-index) #repair-modal.custom-modal-backdrop:not(.hidden){justify-content:center!important;align-items:center!important;padding:36px 16px!important;display:flex!important;overflow-y:auto!important}:where(body.view-maintenance-perbaikan-index) .repair-modal-card{width:100%;border:1px solid #cbd5e1!important;border-radius:18px!important;flex-direction:column!important;max-height:min(88dvh,100dvh - 72px)!important;margin:auto!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #0f172a59!important}:where(body.view-maintenance-perbaikan-index) .repair-modal-card .custom-modal-header{border-bottom:1px solid #e2e8f0!important;flex-shrink:0!important}:where(body.view-maintenance-perbaikan-index) .repair-modal-card>form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}:where(body.view-maintenance-perbaikan-index) .repair-modal-card .custom-modal-form{overscroll-behavior:contain!important;flex:auto!important;gap:14px!important;min-height:0!important;max-height:none!important;padding:18px 22px!important;overflow-y:auto!important}:where(body.view-maintenance-perbaikan-index) .repair-modal-card .custom-modal-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;flex-shrink:0!important}:where(body.view-maintenance-hydrotest-index) .cyl-master-row{cursor:pointer;transition:background-color .15s}:where(body.view-maintenance-hydrotest-index) .cyl-master-row:hover{background-color:#f8fafc}:where(body.view-maintenance-hydrotest-index) .cyl-master-row.cyl-row-expanded{background-color:#f0fdf4!important}:where(body.view-maintenance-hydrotest-index) .cyl-expand-row td{padding:0!important}:where(body.view-maintenance-hydrotest-index) .cyl-expand-card-wrapper{box-shadow:inset 0 2px 4px #00000008}@media(max-width:768px){:where(body.view-maintenance-hydrotest-index) .cyl-expand-grid{grid-template-columns:1fr!important}}:where(body.view-maintenance-hydrotest-index) .cyl-copy-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:inline-flex}:where(body.view-maintenance-hydrotest-index) .cyl-copy-btn:hover{color:#059669;background:#e2e8f0}:where(body.view-maintenance-hydrotest-index) .cyl-copy-btn svg{width:13px;height:13px}:where(body.view-maintenance-hydrotest-index) #hydrotest-modal.custom-modal-backdrop:not(.hidden){justify-content:center!important;align-items:center!important;padding:36px 16px!important;display:flex!important;overflow-y:auto!important}:where(body.view-maintenance-hydrotest-index) .hydrotest-modal-card{width:100%;border:1px solid #cbd5e1!important;border-radius:18px!important;flex-direction:column!important;max-height:min(88dvh,100dvh - 72px)!important;margin:auto!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #0f172a59!important}:where(body.view-maintenance-hydrotest-index) .hydrotest-modal-card .custom-modal-header{border-bottom:1px solid #e2e8f0!important;flex-shrink:0!important}:where(body.view-maintenance-hydrotest-index) .hydrotest-modal-card>form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}:where(body.view-maintenance-hydrotest-index) .hydrotest-modal-card .custom-modal-form{overscroll-behavior:contain!important;flex:auto!important;gap:14px!important;min-height:0!important;max-height:none!important;padding:18px 22px!important;overflow-y:auto!important}:where(body.view-maintenance-hydrotest-index) .hydrotest-modal-card .custom-modal-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;flex-shrink:0!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}