.page-header-row{align-items:center;gap:10px;display:flex}.page-header-breadcrumb{flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;display:flex}.page-header-crumb-item{align-items:center;gap:4px;display:flex}.page-header-crumb{color:var(--color-primary,#2f72f0);font-weight:500}.page-header-crumb--current{color:#1a1a1a;font-weight:600}.page-header-crumb-sep{color:#9aa1ab;align-items:center;margin:0 2px;display:flex}:root{--color-primary:#2f72f0;--color-primary-hover:#2558c2;--color-primary-muted:#1e4a9e;--color-accent:#c8a34d;--color-primary-soft:#2f72f026;--color-bg:#f5f7f3;--color-bg-subtle:#f8f9fa;--color-surface:#fff;--color-border:#d8d8d8;--color-border-strong:#ddd;--color-text:#222;--color-text-secondary:#555;--color-text-muted:#777;--color-danger:#dc3545;--font-sans:"Segoe UI", tahoma, sans-serif;--font-size-xs:13px;--font-size-sm:14px;--font-size-md:15px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-size-3xl:30px;--font-size-4xl:36px;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-body:1.5;--line-height-tight:1.2;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:30px;--space-8:35px;--space-9:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 5px 20px #00000014;--shadow-xl:0 15px 35px #0000001f;--header-height:70px;--page-pad:30px;--content-width:90%;--panel-width:60%;--auth-card-width:420px;--form-width:400px;--workspace-max:1120px;--workspace-pad-x:40px;--ease:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-body);color:var(--color-text);background:var(--color-bg-subtle);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}button,input,textarea{font:inherit}.page{padding:var(--page-pad);flex-direction:column;align-items:center;display:flex}.page--flush{align-items:stretch}.page__title{width:var(--content-width);margin-bottom:var(--space-6);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.page__body{width:var(--content-width)}.stack{gap:var(--space-2);flex-direction:column;display:flex}.stack--md{gap:var(--space-4)}.row{align-items:center;gap:var(--space-5);display:flex}.panel{width:var(--panel-width);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.panel--wide{width:var(--content-width)}.panel__body{padding:var(--space-7)}.card{background:var(--color-surface);width:250px;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card__label{color:var(--color-text-secondary);font-size:var(--font-size-md)}.card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.card-grid{gap:var(--space-6);flex-wrap:wrap;display:flex}.btn,.btn--primary{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-surface);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--ease), transform var(--ease);padding:var(--space-2) 18px;border:none;width:auto;height:auto;display:inline-flex}.btn:hover{background:var(--color-primary-hover)}.btn:active{transform:scale(.98)}.btn--block{border-radius:var(--radius-md);width:100%;font-size:var(--font-size-base);padding:14px}.btn--sm{padding:var(--space-2) 18px;font-size:var(--font-size-md)}.btn--compact{width:120px;height:40px;margin-top:15px}.btn--ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn--ghost:hover{background:var(--color-bg);color:var(--color-text)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.field{margin-bottom:var(--space-5)}.field__label{margin-bottom:var(--space-2);color:var(--color-text);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);display:block}.field__control{position:relative}.field__input,.field input,.field textarea,.form-stack input,.form-stack textarea{width:100%;font-size:var(--font-size-md);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--ease), box-shadow var(--ease);outline:none;padding:14px}.form-stack input{border-radius:var(--radius-sm);border-color:#ccc;height:40px;padding:10px}.form-stack textarea{border-radius:var(--radius-sm);resize:none;border-color:#ccc;height:120px;padding:10px}.field input:focus,.field textarea:focus,.form-stack input:focus,.form-stack textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.field__control--icon input{padding-right:45px}.field__icon{cursor:pointer;color:var(--color-text-muted);font-size:var(--font-size-lg);position:absolute;top:50%;right:15px;transform:translateY(-50%)}.field__icon:hover{color:var(--color-primary)}.form-stack{width:var(--form-width);gap:var(--space-2);max-width:100%;padding-bottom:var(--space-7);flex-direction:column;display:flex}.form-stack .field__label,.form-stack label{margin-top:10px;margin-bottom:0}.form-stack .field{margin-bottom:0}.dyno-ui{--dp-green:var(--color-primary,#2f72f0);--dp-green-dark:color-mix(in srgb, var(--color-primary,#2f72f0) 80%, black);--dp-gold:#f0a93a;--dp-ink:#1b2430;--dp-ink-soft:#5b6472;--dp-line:#e4e8ed;--dp-bg:#f5f7f9;--dp-card:#fff;--dp-danger:#e0573f;font-family:var(--font-sans);color:var(--dp-ink);padding:15px;font-size:12.5px}.dyno-ui *{box-sizing:border-box}.dyno-panel{background:var(--dp-card);border:1px solid var(--dp-line);border-radius:12px;margin-bottom:14px;padding:16px 18px}.dyno-panel-section+.dyno-panel-section{border-top:1px solid var(--dp-line);margin-top:14px;padding-top:14px}.dyno-panel-title{text-transform:uppercase;letter-spacing:.05em;color:var(--dp-ink-soft);align-items:center;gap:7px;margin-bottom:30px;font-size:11.5px;font-weight:700;display:flex}.dyno-dot{background:var(--dp-green);border-radius:50%;flex-shrink:0;width:5px;height:5px}.dyno-grid{grid-template-columns:repeat(4,1fr);gap:10px 20px;display:grid}.dyno-field{color:var(--dp-ink-soft);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.dyno-field select,.dyno-field input[type=text],.dyno-select{border:1px solid var(--dp-line);color:var(--dp-ink);background:#fbfcfd;border-radius:6px;outline:none;width:100%;height:32px;padding:6px 9px;font-family:inherit;font-size:12.5px;font-weight:400;transition:all .15s}.dyno-field select:focus,.dyno-field input:focus,.dyno-select:focus{border-color:var(--dp-green);background:#fff;box-shadow:0 0 0 3px #2f72f01f}.dyno-field select:disabled,.dyno-field input:disabled,.dyno-select:disabled{color:#9aa2ac;cursor:not-allowed;background:#eef1f3}.dyno-field-wrap{width:100%;display:block}.dyno-search-grid{grid-template-columns:repeat(3,1fr) auto;align-items:end;gap:10px 20px;display:grid}.dyno-checkbox-row{color:var(--dp-ink-soft);white-space:nowrap;align-items:center;gap:6px;padding-bottom:6px;font-size:12px;display:flex}.dyno-checkbox-row input[type=checkbox]{cursor:pointer;width:13px;height:13px;accent-color:var(--dp-green)}.dyno-action-row{border-top:1px solid var(--dp-line);flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;display:flex}.dyno-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;height:34px;padding:8px 15px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.dyno-btn-primary{background:var(--dp-green);color:#fff}.dyno-btn-primary:hover{background:var(--dp-green-dark)}.dyno-btn-ghost{color:var(--dp-ink-soft);border:1px solid var(--dp-line);background:#fff}.dyno-btn-ghost:hover{border-color:var(--dp-danger);color:var(--dp-danger)}.dyno-btn-outline{color:var(--dp-ink);border:1px solid var(--dp-line);background:#fff}.dyno-btn-outline:hover{border-color:var(--dp-green);color:var(--dp-green-dark)}.dyno-btn:disabled{opacity:.55;cursor:not-allowed}.dyno-icon{flex-shrink:0;width:13px;height:13px}.dyno-toolbar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dyno-result-count{color:var(--dp-ink-soft);font-size:12px}.dyno-result-count b{color:var(--dp-ink)}.dyno-table-card{background:var(--dp-card);border:1px solid var(--dp-line);border-radius:12px;overflow:hidden}.dyno-table-scroll{max-height:420px;overflow-x:auto}.dyno-table{border-collapse:collapse;width:100%;min-width:900px;font-size:12.5px}.dyno-table thead th{color:var(--dp-ink-soft);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--dp-line);white-space:nowrap;z-index:1;background:#f0f3f5;padding:8px 12px;font-size:10.5px;font-weight:700;position:sticky;top:0}.dyno-table tbody td{border-bottom:1px solid var(--dp-line);white-space:nowrap;color:var(--dp-ink);padding:7px 12px}.dyno-table tbody tr:hover{background:#f7f9fb}.dyno-table tbody tr:nth-child(2n){background:#fafbfc}.dyno-table tbody tr:nth-child(2n):hover{background:#f2f6fb}.dyno-item-code{color:var(--dp-green-dark);font-weight:700}.dyno-badge{color:var(--dp-green-dark);background:#2f72f01a;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.dyno-empty{text-align:center;color:var(--dp-ink-soft);padding:28px!important}.dyno-pagination{color:var(--dp-ink-soft);border-top:1px solid var(--dp-line);justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.dyno-page-btns{gap:5px;display:flex}.dyno-page-btns button{border:1px solid var(--dp-line);cursor:pointer;height:26px;color:var(--dp-ink-soft);background:#fff;border-radius:5px;padding:0 11px;font-size:12px}.dyno-page-btns button:hover:not(:disabled){border-color:var(--dp-green);color:var(--dp-green-dark)}.dyno-page-btns button.active{background:var(--dp-green);color:#fff;border-color:var(--dp-green)}.dyno-page-btns button:disabled{opacity:.5;cursor:not-allowed}.dyno-form-footer{border-top:1px solid var(--dp-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding-top:14px;display:flex}.dyno-status-inline{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.dyno-status-label{text-transform:uppercase;letter-spacing:.05em;color:var(--dp-ink-soft);font-size:11.5px;font-weight:700}.dyno-status-inline .dyno-checkbox-row{padding-bottom:0}.dyno-btn-gold{background:var(--dp-gold);color:#fff}.dyno-btn-gold:hover{background:#d99420}.dyno-btn-dark{background:var(--dp-ink);color:#fff}.dyno-btn-dark:hover{background:#0f151d}.dyno-field-error{color:#dc2626;background:#fff5f5;border:1px solid #fca5a5;border-radius:6px;max-width:280px;margin-top:4px;padding:4px 24px 4px 8px;font-size:11px;line-height:1.3;display:block;position:relative}.dyno-field-error-close{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:2px;font-size:13px;line-height:1;position:absolute;top:2px;right:4px}.dyno-field-error-close:hover{color:#991b1b}@media (width<=700px){.dyno-form-footer{flex-direction:column;align-items:stretch}.dyno-status-inline{gap:12px}}@media (width<=1100px){.dyno-grid,.dyno-search-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.dyno-grid,.dyno-search-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dyno-grid,.dyno-search-grid{grid-template-columns:1fr}.dyno-action-row{justify-content:stretch}.dyno-action-row .dyno-btn{flex:1;justify-content:center}}.table{border-collapse:collapse;width:100%}.table th{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border-strong);font-weight:var(--font-weight-semibold);background:#f5f5f5}.table td{padding:var(--space-3);border-bottom:1px solid var(--color-border-strong)}.table tbody tr:hover{background:#f9f9f9}.section-title{margin-bottom:var(--space-5);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.workspace{margin:0 auto}.workspace__header{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.workspace__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text);margin:0}.workspace__subtitle{margin:var(--space-2) 0 0;max-width:42rem;font-size:var(--font-size-md);color:var(--color-text-muted)}.workspace__content{margin-top:var(--space-6)}.admin-page{justify-content:flex-start;margin-top:-20px;display:flex}.admin-container{background:#fff;border:1px solid #ddd;border-radius:8px;width:350px;padding:24px;box-shadow:0 2px 8px #00000014}.admin-links{flex-direction:column;gap:16px;display:flex}.admin-link{color:#000;font-size:18px;font-weight:500;text-decoration:none}.admin-link:hover{text-decoration:underline}.tabs{gap:var(--space-6);border-bottom:1px solid var(--color-border-strong);display:flex}.tabs__link{color:var(--color-text-muted);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);transition:color var(--ease);padding:12px 2px 14px;text-decoration:none;position:relative}.tabs__link:hover{color:var(--color-text)}.tabs__link--active{color:var(--color-primary)}.tabs__link--active:after{content:"";background:var(--color-primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.surface--aside{padding:var(--space-6);align-self:start}.surface__intro{margin-bottom:var(--space-5)}.surface__hint{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.45}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-5);padding:18px var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;display:flex}.toolbar__meta{align-items:baseline;gap:var(--space-3);display:flex}.toolbar__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.toolbar__count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.toolbar__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.toolbar__select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:150px;height:40px;color:var(--color-text);font:inherit;cursor:pointer;transition:border-color var(--ease), box-shadow var(--ease);outline:none;padding:0 14px}.toolbar__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.search{flex-direction:column;gap:4px;display:flex}.search__label{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search__input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:min(280px,70vw);height:40px;color:var(--color-text);transition:border-color var(--ease), box-shadow var(--ease);outline:none;padding:0 14px}.search__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.table--rich th{background:var(--color-bg);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;padding:14px var(--space-6);white-space:nowrap}.table--rich td{padding:16px var(--space-5);vertical-align:middle;border-bottom:1px solid var(--color-border)}.table--rich tbody tr:last-child td{border-bottom:none}.table__actions{text-align:right;white-space:nowrap;vertical-align:middle;width:1%}.table__actions-row{justify-content:flex-end;align-items:center;gap:16px;display:inline-flex}.table__muted{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.table__empty{text-align:center;color:var(--color-text-muted);padding:40px var(--space-6)!important}.person{align-items:center;gap:var(--space-3);display:flex}.person__text{flex-direction:column;gap:2px;min-width:0;display:flex}.person__name{font-weight:var(--font-weight-semibold);color:var(--color-text)}.person__meta{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.35}.avatar{width:36px;height:36px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);background:#d3d3d3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:999px;align-items:center;padding:4px 10px;line-height:1.2;display:inline-flex}.badge--admin{color:var(--color-primary);background:#2f72f01f}.badge--user,.badge--warning{color:#8a6a1f;background:#c8a34d33}.badge--danger{color:var(--color-danger);background:#dc35451f}.badge--disabled{color:#777;background:#7777771f}.role-badges{flex-flow:wrap;align-items:center;gap:6px;display:flex}.role-badges--expanded{flex-direction:column;align-items:flex-start;gap:4px}.role-more-btn{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;background:0 0;border:none;margin:0;padding:0}.role-more-btn:hover{color:var(--color-primary);text-decoration:underline}.store-dropdown{z-index:20;scrollbar-width:thin;background:#fff;border:1px solid #d8e0dc;border-radius:10px;max-height:220px;margin-top:8px;position:relative;overflow-y:auto;box-shadow:0 10px 30px #0f172a14}.store-option{color:#24322d;cursor:pointer;padding:10px 14px;font-size:14px;transition:background .15s,color .15s}.store-option+.store-option{border-top:1px solid #eef2f0}.store-option:hover{color:#2f72f0;background:#eef3fd}.selected-stores{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.store-chip{color:#333;background:#f4f6f8;border:1px solid #d9dde3;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.store-chip__remove{cursor:pointer;color:#777;background:0 0;border:none;padding:0;font-size:15px;line-height:1}.store-chip__remove:hover{color:#2f72f0}.status{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:8px;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.status--on{color:var(--color-primary)}.status--off{color:var(--color-text-muted)}.link-btn{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none;margin:0;padding:0;line-height:1}.link-btn:hover{text-decoration:underline}.link-btn--muted{color:var(--color-text-secondary)}.admin-split{gap:var(--space-5);grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;display:grid}.form-stack--flush{gap:0;width:100%;padding-bottom:0}.form-stack--flush .field{margin-bottom:var(--space-4)}.field__input--area,textarea.field__input{resize:vertical;min-height:110px;padding:12px 14px}.form-error{margin:0 0 var(--space-4);font-size:var(--font-size-sm);color:var(--color-danger)}.action-menu{align-items:center;display:inline-flex;position:relative}.action-dropdown{z-index:1000;background:#fff;border:1px solid #d8d8d8;border-radius:8px;flex-direction:column;width:130px;display:flex;position:absolute;top:0;right:40px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.action-dropdown__item{text-align:left;cursor:pointer;color:#333;background:#fff;border:none;width:100%;padding:10px 14px;font-size:14px}.action-dropdown__item:hover{color:#2f72f0;background:#eef3fd}.action-dropdown__item+.action-dropdown__item{border-top:1px solid #ececec}.action-dropdown__item--danger{color:#d32f2f}.action-dropdown__item--danger:hover{color:#d32f2f;background:#fff1f1}.drawer{z-index:100;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer__backdrop{cursor:pointer;background:#11181359;border:none;margin:0;padding:0;position:absolute;inset:0}.drawer__panel{z-index:1;background:var(--color-surface);border-left:1px solid var(--color-border);flex-direction:column;width:min(620px,100%);height:100%;animation:.22s drawer-in;display:flex;position:relative;box-shadow:-12px 0 40px #0000001f}@keyframes drawer-in{0%{opacity:.7;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.drawer__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:22px var(--space-6);border-bottom:1px solid var(--color-border);display:flex}.drawer__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.drawer__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:6px 0 0}.drawer__close{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.drawer__close:hover{background:var(--color-bg);color:var(--color-text)}.drawer__body{padding:var(--space-6);flex:1;overflow-y:auto}.drawer__footer{justify-content:flex-end;gap:var(--space-3);padding:16px var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg);display:flex}.person--panel{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.avatar--lg{width:44px;height:44px;font-size:var(--font-size-md)}.avatar--role{color:#8a6a1f;background:#c8a34d2e}.field__select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:40px}.field__hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:8px 0 0;line-height:1.4}.field__optional{font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.role-preview{justify-content:space-between;align-items:center;gap:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:14px 16px;display:flex}.role-preview__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.field__required{color:#d93025;margin-left:3px;font-weight:600}.action-menu{display:inline-flex;position:relative}.action-menu__trigger{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--ease), border-color var(--ease), color var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.action-menu__dots{flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.action-menu__dots span{background:currentColor;border-radius:50%;width:4px;height:4px}.action-menu__trigger:hover,.action-menu__trigger[aria-expanded=true]{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.action-menu__dropdown{z-index:200;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-md);padding:6px;position:fixed}.action-menu__item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;padding:10px 12px;display:block}.action-menu__item:hover{background:var(--color-bg);color:var(--color-primary)}.action-menu__item--danger{color:var(--color-danger)}.action-menu__item--danger:hover{color:var(--color-danger);background:#dc354514}.status-screen{min-height:calc(100vh - var(--header-height));text-align:center;padding:var(--space-9);background:var(--color-bg-subtle);flex-direction:column;justify-content:center;align-items:center;display:flex}.status-screen__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-danger);margin-bottom:15px}.status-screen__body{max-width:500px;font-size:var(--font-size-lg);color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:25px 35px;line-height:1.6}@media (width<=900px){.panel,.panel--wide,.page__title,.page__body{width:100%}.workspace{padding:24px 20px 40px}.admin-split{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar__actions,.search__input{width:100%}}@media (width<=600px){.status-screen{padding:var(--space-5)}.status-screen__title{font-size:var(--font-size-2xl)}.status-screen__body{font-size:var(--font-size-base);padding:var(--space-5)}.form-stack{width:100%}.table--rich th,.table--rich td{padding-left:var(--space-4);padding-right:var(--space-4)}.tabs{gap:var(--space-5)}}.admin-page{background:#f7f9fc;min-height:100vh}.search-box{justify-content:center;margin-bottom:35px;display:flex}.search-box input{border:1px solid #dcdcdc;border-radius:30px;outline:none;width:420px;max-width:100%;padding:12px 18px;font-size:15px;transition:all .3s}.search-box input:focus{border-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary-soft)}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;display:grid}.workspace__header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.search-box{border-bottom:1px solid #d9d9d9;align-items:center;width:320px;padding:6px 0;display:flex}.search-icon{color:#999;margin-right:8px;font-size:13px}.search-input{color:#555;background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-input::placeholder{color:#999}.error-toast{z-index:9999;background:#fdecec;border:1px solid #f5c2c7;border-radius:6px;justify-content:space-between;align-items:center;min-width:360px;max-width:500px;padding:12px 14px;animation:.25s ease-out slideDown;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #00000014}.error-toast-left{align-items:center;gap:10px;display:flex}.error-toast-icon{color:#dc3545;flex-shrink:0;font-size:18px}.error-toast-message{color:#a94442;font-size:13px;font-weight:400}.error-toast-close{color:#b8a8a8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;display:flex}.error-toast-close:hover{color:#7a7a7a}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.data-table{border-collapse:collapse;background-color:var(--color-surface)}.data-table th,.data-table td{white-space:nowrap;border:1px solid #ddd}.data-table thead th{text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#000;z-index:2;background-color:#e4e4e4;border:1px solid #999;padding:8px 16px;position:sticky;top:0}.data-table thead th:last-child{border-right:none}.data-table tbody td{color:#000;border-bottom:1px solid #eee;border-right:1px solid #f0f0f0;padding:7px 16px;font-size:13px}.data-table tbody td:last-child{border-right:none}.data-table tbody tr:hover{background-color:#e8f0fb}.btn-legacy{color:#000;cursor:pointer;background:#f0f0f0;border:1px solid #888;border-radius:2px;height:30px;padding:4px 16px;font-size:13px}.btn-legacy:hover{background:#e0e0e0}.btn-legacy:active{background:#d0d0d0}.btn-legacy:disabled{opacity:.55;cursor:not-allowed}.loading-overlay{z-index:9999;background:#fff9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner{border:5px solid #ccc;border-top-color:#333;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.list-panel{background:#fff;border:1px solid #999;border-radius:4px;flex-direction:column;height:420px;display:flex;overflow:hidden}.list-panel__table-wrapper{flex:1;min-height:0;overflow:auto}.list-panel__pagination{color:#1b2a4a;background:#f5f5f5;border-top:1px solid #ccc;flex-shrink:0;justify-content:center;align-items:center;gap:20px;height:44px;font-size:13px;display:flex}.list-panel__pagination button{color:#1b2a4a;cursor:pointer;background:#fff;border:1px solid #9fa6b3;border-radius:2px;height:26px;padding:0 14px;font-size:13px}.list-panel__pagination button:hover:not(:disabled){background:#e8f0fb;border-color:#316ac5}.list-panel__pagination button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:8px;width:90vw;max-width:1100px;min-height:400px;overflow:auto;box-shadow:0 5px 20px #0000004d}.modal-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-close{cursor:pointer;background:0 0;border:none;font-size:24px}.selection-toolbar{background:#fff;border-bottom:1px solid #ddd;align-items:center;gap:16px;height:44px;padding:0 16px;display:flex}.selection-action-btn{color:#2f72f0;cursor:pointer;background:0 0;border:none;font-size:14px}.selection-divider{color:#d9d9d9;font-size:14px}.selection-count{color:#222;border-left:1px solid #d9d9d9;padding-left:14px;font-size:14px}.selection-close{cursor:pointer;color:#555;background:0 0;border:none;margin-left:4px;font-size:13px;line-height:1}.table input[type=checkbox]{cursor:pointer;accent-color:#2f72f0;width:16px;height:16px}.dyno-panel-header{justify-content:space-between;align-items:center;display:flex}.dyno-panel-header .dyno-panel-title{margin-bottom:0}.dyno-collapse-btn{border:1px solid var(--dp-line);cursor:pointer;color:var(--dp-ink-soft);background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.dyno-collapse-btn:hover{border-color:var(--dp-green);color:var(--dp-green-dark);background:#f0f3f5}.dyno-collapse-btn svg{transition:transform .2s}.dyno-collapse-btn.collapsed svg{transform:rotate(-90deg)}.dyno-required{color:red}.dyno-status-inline{flex-flow:row;align-items:center;gap:10px;display:flex}.dyno-status-inline .dyno-select{width:auto;min-width:160px}.admin-page{box-sizing:border-box;background:#f7f9fc;width:100%;min-height:100vh}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;width:100%;display:grid}.setting-card{background:#fff;border:1px solid #ececec;border-radius:12px;max-height:230px;padding:22px;transition:all .3s}.setting-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000014}.setting-title{align-items:center;gap:12px;margin-bottom:18px;display:flex}.setting-icon{background:var(--color-primary-soft);width:42px;height:42px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.setting-title h3{color:var(--color-primary);margin:0;font-size:18px}.setting-links{margin-top:12px;line-height:2}.setting-links a{color:#555;font-size:14px;text-decoration:none;transition:color .2s}.setting-links a:hover{color:var(--color-primary-hover)}.separator{color:#bdbdbd;margin:0 6px}.page-header-row{align-items:center;gap:10px;padding:15px;display:flex}.back-btn{cursor:pointer;width:32px;height:32px;color:var(--color-text);transition:background var(--ease), color var(--ease);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.back-btn:hover{background:var(--color-bg);color:var(--color-primary)}.back-btn svg{width:20px;height:20px}.button-panel{justify-content:flex-start;align-items:flex-start;padding-left:150px;display:flex}.get-list-btn{cursor:pointer;background:#f7f7f7;border:1px solid #bdbdbd;border-radius:4px;width:120px;height:62px;font-size:13px}.get-list-btn:hover{background:#ededed}.item-movement-container fieldset{border:1px solid #d5d5d5;margin-bottom:5px;padding:5px}.item-movement-container fieldset legend{color:#1b2a4a;font-size:13px;font-weight:600}.movement-form-row{align-items:center;gap:5px;margin-bottom:5px;display:flex}.movement-form-row label{text-align:right;color:#1b2a4a;flex-shrink:0;width:90px;font-size:13px;font-weight:500}.movement-form-row input,.movement-form-row select{border:1px solid #aaa;width:200px;height:20px;padding:3px 6px;font-size:13px;font-weight:500}.large-input input{width:500px}.transaction-types{border:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:20px;padding:8px;display:flex}.transaction-types span{font-weight:600}.transaction-types label{align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.item-movement-table-container{width:100%}.item-movement-table{border-collapse:collapse;table-layout:auto;scrollbar-width:thin;background-color:#fff;border:1px solid #999;min-width:203px;max-width:1030px;min-height:180px;overflow:auto}.item-movement-table thead th{text-align:left;color:#000;z-index:2;background-color:#e4e4e4;border-bottom:1px solid #999;border-right:1px solid #d5d5d5;padding:8px 12px;font-size:13px;font-weight:600;position:sticky;top:0}.item-movement-table thead th:last-child{border-right:none}.item-movement-table tbody td{color:#000;border-bottom:1px solid #eee;border-right:1px solid #f0f0f0;padding:7px 12px;font-size:13px}.item-movement-table tbody td:last-child{border-right:none}.item-movement-table tbody tr:hover{background-color:#e8f0fb}.movement-footer{color:#1b2a4a;border:1px solid #d5d5d5;justify-content:space-between;align-items:center;margin-top:12px;padding:10px;display:flex}.summary-section{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.summary-section>div{align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.summary-section input{text-align:right;border:1px solid #aaa;width:70px;height:24px;padding:2px 5px}.popup-overlay{z-index:1000;box-sizing:border-box;background:#00000059;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.popup-panel{background:#fff;border-radius:8px;width:90vw;min-width:min(600px,100%);max-width:1100px;height:90vh;min-height:400px;overflow:auto;box-shadow:0 5px 20px #0000004d}.popup-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.popup-close{cursor:pointer;background:0 0;border:none;font-size:24px}.popup-body{padding:20px}.item-movement-table-scroll{scrollbar-width:thin;border:1px solid #999;max-width:1030px;max-height:250px;overflow:auto}.item-movement-table{border-collapse:collapse;table-layout:auto;background-color:#fff;min-width:1400px;max-width:none}.item-movement-table th,.item-movement-table td{white-space:nowrap;min-width:140px}.item-search{max-width:100%;padding:0 var(--space-5) 0 0;color:#1b2a4a;margin:10px 0 0 10px;font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:13px}.item-search__box{margin-bottom:var(--space-5);border:1px solid #999}.item-search__section{box-sizing:border-box;width:100%;max-width:910px;padding:14px 20px 18px}.item-search__section--searchby{border-top:1px solid #c7cad0}.item-search__section-label{color:#1b2a4a;margin-bottom:12px;font-size:13px;font-weight:600}.item-search__grid{grid-template-columns:1fr 1fr;gap:10px 40px;display:grid}.item-search__searchby-row{gap:40px;display:flex}.item-search__searchby-col{flex-direction:column;gap:10px;display:flex}.item-search__searchby-col .form-row label{min-width:80px}.item-search__searchby-col .form-row input[type=text]{flex:none;width:220px}.item-search__searchby-col--checkbox{justify-content:flex-start;padding-top:2px}.item-search__table-wrapper::-webkit-scrollbar{width:8px;height:8px}.item-search__table-wrapper::-webkit-scrollbar-track{background:#f0f0f0}.item-search__table-wrapper::-webkit-scrollbar-thumb{background:#b5b5b5;border-radius:4px}.item-search__table-wrapper::-webkit-scrollbar-thumb:hover{background:#999}.item-search__table{border-collapse:collapse;background-color:#fff;width:max-content;min-width:1700px}.item-search__table th,.item-search__table td{white-space:nowrap;min-width:100px}.item-search__table thead th{text-align:left;color:#000;background-color:#e4e4e4;border-bottom:1px solid #999;border-right:1px solid #d5d5d5;padding:8px 16px;font-size:13px;font-weight:600;position:sticky;top:0}.item-search__table thead th:last-child{border-right:none}.item-search__table tbody td{color:#000;border-bottom:1px solid #eee;border-right:1px solid #f0f0f0;padding:7px 16px;font-size:13px}.item-search__table tbody td:last-child{border-right:none}.item-search__empty{text-align:center;color:#777;padding:40px!important}.item-search__actions{flex-direction:column;justify-content:flex-start;gap:16px;margin-top:64px;margin-right:201px;display:flex}.item-search__main{align-items:flex-start;gap:70px;display:flex}.item-search__left{flex:1;min-width:0}.item-search__btn{color:#000;cursor:pointer;background:#f0f0f0;border:1px solid #888;border-radius:2px;width:130px;height:30px;padding:4px 16px;font-size:13px}.item-search__btn:hover{background:#e0e0e0}.item-search__btn:active{background:#d0d0d0}@media (width>=900px) and (width<=1100px){.item-search__main{gap:28px}.item-search__grid{column-gap:24px}.item-search__actions{flex-shrink:0;gap:10px;margin-top:64px;margin-right:50px}.item-search__btn{width:115px;padding:4px 10px;font-size:12px}.item-search__grid select,.item-search__grid input,.item-search__field-wrap select{min-width:190px;max-width:190px;width:190px!important}.item-search__searchby-col .form-row input[type=text]{width:190px}}.item-search__field-wrap{display:inline-flex}.item-search__grid select,.item-search__grid input{text-overflow:ellipsis;white-space:nowrap;flex:none;min-width:220px;max-width:220px;overflow:hidden;width:220px!important}.item-search__field-wrap select{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:220px;overflow:hidden;width:220px!important}.item-search__loading-overlay{z-index:9999;background:#fff9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.item-search__loading-spinner{border:5px solid #ccc;border-top-color:#333;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite item-search-spin}@keyframes item-search-spin{to{transform:rotate(360deg)}}.item-search__list{background:#fff;border:1px solid #999;border-radius:4px;flex-direction:column;height:420px;display:flex;overflow:hidden}.item-search__table-wrapper{flex:1;min-height:0;overflow:auto}.item-search__pagination{color:#1b2a4a;background:#f5f5f5;border-top:1px solid #ccc;flex-shrink:0;justify-content:center;align-items:center;gap:20px;height:44px;font-size:13px;display:flex;box-shadow:0 -2px 4px #0000000d}.item-search__pagination button{color:#1b2a4a;cursor:pointer;background:#fff;border:1px solid #9fa6b3;border-radius:2px;height:26px;padding:0 14px;font-size:13px}.item-search__pagination button:hover:not(:disabled){background:#e8f0fb;border-color:#316ac5}.item-search__pagination button:disabled{opacity:.5;cursor:not-allowed}.item-search-toolbar{justify-content:flex-end;margin-bottom:8px;display:flex}.item-search__reset-btn{color:#55627a;cursor:pointer;background:#f7f8fa;border:1px solid #dfe3ea;border-radius:4px;align-items:center;gap:6px;padding:5px 14px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.item-search__reset-btn:hover{color:#2f72f0;background:#eef2f8;border-color:#b9c3d6}.item-search__reset-btn:active{background:#e4e9f2;border-color:#9fb0cc}.item-search__reset-btn:focus-visible{outline-offset:2px;outline:2px solid #2f72f0}.item-search-th{-webkit-user-select:none;user-select:none;position:relative;padding-right:22px!important}.item-search-th__label{display:inline-block}th.item-search-th .item-search-th__grip{cursor:grab;color:#9aa1ab;letter-spacing:-2px;pointer-events:none;padding:4px 2px;font-size:12px;transition:opacity .15s;position:absolute;top:50%;right:40px;transform:translateY(-50%);opacity:0!important}th.item-search-th:hover .item-search-th__grip{pointer-events:auto;opacity:.6!important}th.item-search-th .item-search-th__grip:hover{color:var(--color-primary,#2f72f0);opacity:1!important}.item-search-th__grip:active{cursor:grabbing}.item-search-th--dragging{opacity:.4}.item-search-th--drag-over{border-left:2px solid var(--color-primary,#2f72f0)!important}.fp-loader-overlay{z-index:99999;pointer-events:all;background:#fff9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.fp-loader-box{flex-direction:column;align-items:center;gap:12px;display:flex}.fp-loader-spinner{border:4px solid #e0e0e0;border-top-color:#2f72f0;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite fp-spin}.fp-loader-text{color:#333;font-size:14px;font-weight:600}@keyframes fp-spin{to{transform:rotate(360deg)}}@media (width<=700px){.add-item-page .dyno-panel{max-height:none;overflow-y:visible}}.toast{z-index:9999;background:#fff;border-left:4px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;min-width:320px;max-width:90vw;padding:14px 18px;font-size:14px;font-weight:500;animation:.3s ease-out toastSlideDown;display:flex;position:fixed;top:90px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f}.toast-left{align-items:center;gap:10px;display:flex}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{color:#1f2937}.toast-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;flex-shrink:0;align-items:center;font-size:16px;transition:color .15s;display:flex}.toast-close:hover{color:#4b5563}.toast--success{border-left-color:#2563eb}.toast--success .toast-icon{color:#2563eb}.toast--update{border-left-color:#2563eb}.toast--update .toast-icon{color:#2563eb}.toast--delete{border-left-color:#d92d20}.toast--delete .toast-icon{color:#d92d20}.toast--error{border-left-color:#d92d20}.toast--error .toast-icon{color:#d92d20}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.confirm-dialog-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3000;background:#0f172a59;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{text-align:center;background:#fff;border-radius:18px;width:360px;max-width:90%;padding:24px 24px 22px;animation:.22s dialogPop;position:relative;box-shadow:0 18px 45px #00000024,0 6px 16px #00000014}@keyframes dialogPop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.confirm-dialog__close{cursor:pointer;color:#707070;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.confirm-dialog__close:hover{color:#111827;background:#f2f2f2}.confirm-dialog__icon{color:#e53935;background:#fdecec;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:4px auto 18px;display:flex}.confirm-dialog__title{color:#222;margin:0;font-size:18px;font-weight:700}.confirm-dialog__message{color:#6b7280;margin:10px 0 22px;font-size:14px;line-height:1.5}.confirm-dialog__actions{gap:10px;display:flex}.confirm-dialog__confirm,.confirm-dialog__cancel{border-radius:8px;flex:1;height:44px;font-size:14px;font-weight:600}.confirm-dialog__confirm{color:#fff;background:#e53935;border:none}.confirm-dialog__confirm:hover:not(:disabled){background:#cf2d2d}.confirm-dialog__cancel{color:#444;background:#fff;border:1px solid #d7d7d7}.confirm-dialog__cancel:hover:not(:disabled){background:#f7f7f7}.confirm-dialog__confirm:disabled,.confirm-dialog__cancel:disabled,.confirm-dialog__close:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog__icon--success{color:#1e8f5e;background:#e7f7ee}.confirm-dialog__confirm--success{background:#1e8f5e}.confirm-dialog__confirm--success:hover:not(:disabled){background:#17754c}.app-header{min-height:56px;padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;flex-direction:row;justify-content:space-between;align-items:flex-start;display:flex;position:sticky;top:0}.app-header__left{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.sidebar-toggle-btn{cursor:pointer;color:var(--color-text);border-radius:var(--radius-sm);background:0 0;border:none;align-self:flex-start;padding:4px 6px;font-size:18px}.sidebar-toggle-btn:hover{background:var(--color-bg)}.app-header__brand{color:inherit;align-items:center;text-decoration:none;display:flex}.app-header__brand img{width:70px;height:28px}.app-header__brand span{font-size:25px}.user-avatar-wrapper{cursor:pointer;display:inline-flex;position:relative}.avatar{width:36px;height:36px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);background:#d3d3d3;border-radius:50%;justify-content:center;align-items:center;display:flex}.user-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-md);z-index:200;cursor:default;flex-direction:column;align-items:center;padding:7px 16px;display:flex;position:absolute;top:46px;right:0}.user-dropdown-avatar{background:var(--color-primary-soft);width:44px;height:44px;color:var(--color-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;display:flex}.user-dropdown-username{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);word-break:break-all;text-align:center}.user-dropdown-logout{text-align:center;border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:#0067b8;width:100%;font-size:var(--font-size-sm);cursor:pointer;background:0 0;margin-top:4px;padding:6px 10px}.user-dropdown-logout:hover{background:var(--color-bg)}.app-header__search{margin-left:auto;margin-right:16px;position:relative}.header-search-icon-btn{color:var(--color-text);cursor:pointer;background:0 0;border:none;align-items:center;padding:6px;display:flex}.header-search-icon-btn:hover{color:#0067b8}.header-search-box{background:#fff;border:1px solid #0067b8;border-radius:4px;align-items:center;width:260px;padding:4px 8px;display:flex}.header-search-box input{border:none;outline:none;width:100%;font-size:14px}.header-search-dropdown{z-index:1000;background:#fff;border:1px solid #ddd;border-radius:4px;width:260px;max-height:300px;position:absolute;top:36px;left:0;overflow-y:auto;box-shadow:0 4px 10px #00000026}.header-search-result-item{text-align:left;cursor:pointer;color:#333;background:0 0;border:none;width:100%;padding:8px 12px;font-size:14px;display:block}.header-search-result-item:hover{color:#0067b8;background:#f0f6fc}.header-search-empty{color:#888;padding:10px 12px;font-size:13px}.app-header__brand-icon{background-color:var(--color-primary,#2564eb);width:70px;height:28px;-webkit-mask-image:var(--logo-url);-webkit-mask-image:var(--logo-url);mask-image:var(--logo-url);display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.app-header__settings-wrapper{margin-right:12px;display:inline-flex;position:relative}.header-settings-icon-btn{color:var(--color-text,#333);cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:none;align-items:center;padding:6px;display:flex}.header-settings-icon-btn:hover{background:var(--color-bg,#f2f2f2)}.header-settings-dropdown{background:var(--color-surface,#fff);border:1px solid var(--color-border,#ddd);border-radius:var(--radius-md,6px);min-width:160px;box-shadow:var(--shadow-md,0 4px 10px #00000026);z-index:200;position:absolute;top:36px;right:0}.header-settings-dropdown-item{text-align:left;cursor:pointer;width:100%;color:var(--color-text,#333);background:0 0;border:none;padding:10px 14px;font-size:14px;display:block}.header-settings-dropdown-item:hover{background:var(--color-primary-soft,#f0f6fc);color:var(--color-primary,#0067b8)}.flyout-parent-highlight{position:relative}.module-flyout{background:var(--color-surface,#fff);border:1px solid var(--color-border,#d1d1d1);min-height:100%;box-shadow:var(--shadow-md);z-index:150;background-color:#fff;flex-direction:column;display:flex;position:fixed;top:62px;left:240px;overflow:hidden}.flyout-toolbar{gap:var(--space-3);border-bottom:1px solid var(--color-border);padding:10px 12px;display:flex}.flyout-toolbar-btn{cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:6px;padding:4px 6px;display:flex}.flyout-toolbar-btn:hover{background:var(--color-bg)}.flyout-toolbar-icon{color:var(--color-primary,#0067b8);font-size:13px}.flyout-measure-row{visibility:hidden;pointer-events:none;font-size:var(--font-size-sm);z-index:-1;align-items:center;gap:6px;padding:7px 12px;display:flex;position:absolute}.flyout-columns{flex-direction:row;flex:1;align-items:flex-start;display:flex;overflow:hidden}.flyout-column{border-right:1px solid var(--color-border);flex-shrink:0;width:300px;padding:6px 0}.flyout-column:last-child{border-right:none}.flyout-node-row{cursor:pointer;font-size:var(--font-size-sm);align-items:center;gap:6px;padding:7px 12px;display:flex}.flyout-node-row:hover{background:#f2f2f2}.flyout-chevron{color:#605e5c;justify-content:center;align-items:center;transition:transform .2s;display:flex}.flyout-chevron.open{transform:rotate(90deg)}.flyout-chevron-placeholder{width:12px}.flyout-label-bold{font-weight:var(--font-weight-regular,400);color:var(--color-text)}.flyout-label-link{color:var(--color-primary,#0067b8)}.flyout-parent-highlight{border:1px solid var(--color-primary,#0067b8);border-radius:var(--radius-sm);background:#f2f2f2}.flyout-star{opacity:0;align-items:center;margin-left:auto;padding:2px;transition:opacity .15s;display:flex}.flyout-node-row:hover .flyout-star,.flyout-star.favorited{opacity:1}.flyout-star:hover{transform:scale(1.12)}.sidebar-container{flex-shrink:0;transition:width .2s;display:flex;position:relative}.app-sidebar{border-right:1px solid var(--color-border);z-index:100;background:#faf9f8;width:240px;min-width:240px;height:100%;transition:width .2s,min-width .2s;position:fixed;overflow-y:auto}.app-sidebar.collapsed{border-right:1px solid var(--color-border);width:60px;min-width:60px;overflow:visible}.app-sidebar.collapsed .sidebar-label{display:none}.app-sidebar.collapsed .app-sidebar__nav a,.app-sidebar.collapsed .sidebar-link-button,.app-sidebar.collapsed .sidebar-group-header{justify-content:center;gap:0;padding:10px 0}.app-sidebar.collapsed .sidebar-group-body{padding-left:0}.app-sidebar__nav{gap:var(--space-1);padding:var(--space-3);flex-direction:column;display:flex}.sidebar-item-wrapper{flex-direction:column;display:flex}.app-sidebar__nav a,.app-sidebar__nav a:link,.app-sidebar__nav a:visited,.app-sidebar__nav a:active,.sidebar-link-button{cursor:pointer;width:100%;transition:color var(--ease), background var(--ease);font-family:var(--font-sans);border-radius:var(--cornerRadius40,4px);text-align:left;pointer-events:all;background:0 0;border:1px solid #0000;justify-content:flex-start;align-items:center;gap:10px;min-height:40px;padding:8px 8px 8px 5px;font-size:14px;font-weight:400;line-height:21px;text-decoration:none;display:flex}.app-sidebar__nav a .sidebar-label,.sidebar-link-button .sidebar-label{color:inherit!important}.sidebar-icon{color:#605e5c;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.chevron{color:#605e5c;justify-content:center;align-items:center;margin-left:auto;transition:transform .15s;display:flex}.chevron.open{transform:rotate(180deg)}.app-sidebar__nav a:hover,.sidebar-link-button:hover{background:#f2f2f2;color:#201f1e!important}.app-sidebar__nav a.sidebar-link-active,.sidebar-link-button.sidebar-link-active{border-left:3px solid var(--color-primary,#0067b8);background:#fff;padding-left:2px;font-weight:600;color:#201f1e!important}.chevron-side{color:var(--color-text-secondary,#999);font-size:12px}.sidebar-submenu{padding-left:var(--space-4);flex-direction:column;display:flex}.sidebar-submenu a{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);padding:8px 14px}.sidebar-group-header{cursor:pointer;width:100%;margin-top:var(--space-2);color:#201f1e;font-family:var(--font-sans);border-radius:var(--cornerRadius40,4px);text-align:left;pointer-events:all;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;justify-content:flex-start;align-items:center;gap:10px;height:40px;padding:0 0 0 5px;font-size:14px;font-weight:400;line-height:40px;display:flex;overflow:hidden}.sidebar-group-body{flex-direction:column;gap:0;padding-top:2px;padding-left:0;display:flex}.sidebar-top-row{flex-direction:row;justify-content:space-between;align-items:center}.sidebar-toggle-btn-inner{cursor:pointer;color:#605e5c;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:flex-start;align-items:center;gap:10px;padding:10px 6px;font-size:16px;display:flex}.sidebar-toggle-btn-inner:hover{background:#f2f2f2}.app-sidebar.collapsed .sidebar-toggle-btn-inner{justify-content:center;width:100%;padding:10px 0}.sidebar-pin-btn{cursor:pointer;color:#605e5c;border-radius:var(--radius-sm);width:28px;height:28px;transition:transform .15s, color var(--ease);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-pin-btn:hover{background:#f2f2f2}.sidebar-pin-btn.pinned{color:var(--color-primary,#0067b8);transform:rotate(-45deg)}.app-sidebar.collapsed .sidebar-pin-btn{display:none}.sidebar-group-body .sidebar-item-wrapper a,.sidebar-group-body .sidebar-item-wrapper .sidebar-link-button{padding-left:33px}.sidebar-group-body .sidebar-item-wrapper a.sidebar-link-active,.sidebar-group-body .sidebar-item-wrapper .sidebar-link-button.sidebar-link-active{padding-left:30px}.sidebar-item-wrapper{position:relative}.sidebar-collapsed-flyout{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md,10px);min-width:200px;box-shadow:var(--shadow-md);z-index:150;flex-direction:column;margin-left:6px;padding:6px;display:flex;position:absolute;top:0;left:100%}.sidebar-collapsed-flyout__item{text-align:left;cursor:pointer;width:100%;font-family:var(--font-sans);color:#201f1e;background:0 0;border:none;border-radius:4px;padding:8px 10px;font-size:14px;text-decoration:none;display:block}.sidebar-collapsed-flyout__item:hover{background:#f2f2f2}.sidebar-collapsed-flyout__item.active{background:#eef3fd;font-weight:600}.sidebar-empty-note{color:#a19f9d;padding:6px 12px 6px 33px;font-size:12px}.sidebar-label{white-space:normal;word-break:break-word;flex:1;min-width:0;overflow:visible}.sidebar-star-inline{flex-shrink:0;align-items:center;margin-left:auto;display:flex}.sidebar-link-button--saved .sidebar-label{color:var(--color-primary,#0067b8)!important}.not-found{text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.not-found h1{color:#0e5a3c;margin:0;font-size:90px;font-weight:700}.not-found h2{color:#222;margin:10px 0;font-size:28px}.not-found p{color:#666;max-width:420px;margin-bottom:30px}.not-found-actions{gap:12px;display:flex}.not-found-actions button,.not-found-actions a{cursor:pointer;border:1px solid #0e5a3c;border-radius:6px;padding:10px 22px;font-size:14px;text-decoration:none}.not-found-actions button{color:#0e5a3c;background:#fff}.not-found-actions button:hover{background:#f4f4f4}.not-found-actions a{color:#fff;background:#0e5a3c}.not-found-actions a:hover{background:#08442d}.wizard-steps{align-items:center;margin-bottom:8px;display:flex}.wizard-step{color:#9aa5a1;white-space:nowrap;align-items:center;gap:8px;margin-right:32px;font-size:14px;display:flex}.wizard-step:last-child{margin-right:0}.wizard-step--active{color:var(--color-primary);font-weight:600}.wizard-step--done{color:#4a5a55}.wizard-step__dot{background:#e8ece9;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.wizard-step--active .wizard-step__dot{background:var(--color-primary);color:#fff}.field__inline{align-items:center;gap:10px;display:flex}.field__input--time{max-width:140px}.field__timezone{max-width:280px;margin-top:10px}.field__hint-icon{color:#666;cursor:help;background:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;display:inline-flex}.badge--success{color:#16a34a;background:#dcfce7}.table__link{color:#2563eb;cursor:pointer}.icon-btn{cursor:pointer;background:0 0;border:none;font-size:18px}.field__input--error{background-color:#fef2f2;border-color:#dc2626!important}.field__input--error:focus{outline-color:#dc2626;box-shadow:0 0 0 2px #dc262626}.field__error{color:#dc2626;margin-top:4px;font-size:.8rem;line-height:1.3;display:block}.audit-log-page__status-options{align-items:center;gap:18px;height:32px;display:flex}.audit-log-page__status-options .dyno-checkbox-row{padding-bottom:0}.audit-log-page__table{table-layout:fixed;min-width:100%}.audit-log-page__table th,.audit-log-page__table td{white-space:normal;word-break:break-word}.barcode-page__price{text-align:right}.barcode-page__description{grid-column:span 2}@media (width<=1100px){.barcode-page__description{grid-column:span 2}}@media (width<=640px){.barcode-page__description{grid-column:span 1}}.barcode-page__checkboxes{border-top:1px solid var(--dp-line,#e4e8ed);flex-wrap:wrap;align-items:center;gap:24px;margin-top:12px;padding-top:12px;display:flex}.add-item-page .dyno-panel{max-height:560px;overflow-y:auto}.add-item-page .dyno-panel::-webkit-scrollbar{width:8px}.add-item-page .dyno-panel::-webkit-scrollbar-thumb{background:#b0b6bd;border-radius:6px}.add-item-page .dyno-panel::-webkit-scrollbar-thumb:hover{background:#8b929a}@media (width<=700px){.add-item-page .dyno-panel{max-height:none;overflow-y:visible}}.dyno-toolbar__search{align-items:flex-end;gap:10px;display:flex}.dyno-toolbar__search .dyno-field--inline{margin:0}.dyno-grid-heading{text-transform:uppercase;grid-column:1/-1;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.remove-users-btn_Cancel{color:red;cursor:pointer;background:0 0;border:none;font-size:14px}.selection-toolbar{align-items:center;gap:20px;display:flex}.remove-users-btn,.remove-users-btn_Cancel,.selection-count{background:0 0;border:none;border-radius:4px;padding:6px 4px;transition:background-color .2s,color .2s;position:relative}.remove-users-btn:not(:first-child):before,.remove-users-btn_Cancel:before,.selection-count:before{content:"";background-color:#d1d5db;width:1px;height:60%;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.remove-users-btn:hover{color:#15803d;cursor:pointer;background-color:#f0fdf4}.remove-users-btn_Cancel:hover{color:#b91c1c;background-color:#fef2f2}.remove-users-btn.copy-btn{color:#000}.remove-users-btn.copy-btn:hover{color:#4b5563;background-color:#f3f4f6}.dyno-pill{color:#1a9d5c;white-space:nowrap;background-color:#e6f7ee;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.dyno-desc-cell{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.dyno-brand-wrapper{width:100%;position:relative}.dyno-brand-input{box-sizing:border-box;width:100%;font:inherit;color:inherit;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;padding:8px 10px}.dyno-brand-input:disabled{cursor:not-allowed;background-color:#f3f4f6}.dyno-brand-input:focus{border-color:#1a9d5c}.dyno-brand-dropdown{z-index:50;max-height:220px;color:var(--dp-ink);background-color:#fff;border:1px solid #d1d5db;border-radius:6px;margin:0;padding:4px 0;font-size:12.5px;font-weight:400;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 10px #00000014}.dyno-brand-option{cursor:pointer;padding:6px 10px;font-size:14px}.dyno-brand-option:hover{color:#1a9d5c;background-color:#e6f7ee}.dyno-brand-option.is-highlighted{color:#1a9d5c;background:#f0f3f5}.d365-config-page .table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.d365-config-page .table--rich{min-width:900px}.status-toggle{cursor:pointer;background:#d7ddda;border:none;border-radius:999px;width:36px;height:20px;transition:background .2s;position:relative}.status-toggle--on{cursor:default;background:#2f8f5b}.status-toggle__knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:2px;left:2px}.status-toggle--on .status-toggle__knob{left:18px}.status-toggle:disabled{opacity:.9}.table__truncate{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.dyno-toolbar{justify-content:space-between;align-items:center;padding:18px;display:flex}.dyno-scan-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;margin-bottom:10px;display:flex}.dyno-panel,.dyno-table-card{margin-top:20px;margin-bottom:20px}.dyno-table-card>.dyno-panel-header{justify-content:space-between;align-items:center;padding-top:11px;padding-left:20px;display:flex}.dyno-panel-header{margin-bottom:15px}.table-wrap--auto{max-height:none;overflow-y:visible}.table-wrap--auto thead th{z-index:1;background:#fff;position:sticky;top:0}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap thead th{z-index:1;background:#fff;position:sticky;top:0}.table--rich td{padding:4px 30px;font-size:15px}.table-wrap.table-wrap--auto{max-height:none!important;overflow-y:visible!important}.table-wrap.table-wrap--auto thead th{z-index:1;background:#fff;position:sticky;top:0}.table-wrap{overflow-x:auto}.dyno-table td.shipped-quantity{color:#7c3aed!important}.dyno-table td.received-quantity{color:#1e8f5e!important}.dyno-table-scroll--auto{height:auto;max-height:none}.dyno-ui{width:100%;max-width:100%;overflow-x:hidden}.dyno-table-card{width:100%;max-width:100%;overflow:hidden}.dyno-table-scroll{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;display:block;overflow-x:auto}.dyno-ellipsis{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:0!important;overflow:hidden!important}.dyno-table th.item-search-th{white-space:nowrap;min-width:110px;padding-right:26px!important}.dyno-table th.item-search-th .item-search-th__label{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:calc(100% - 18px);display:inline-block}.dyno-table th.item-search-th .item-search-th__grip{right:6px}.dyno-badge--posted{color:#1e8f5e;background-color:#e6f7ee}.dyno-badge--approved{color:#2f72f0;background-color:#eaf2fe}.dyno-badge--submitted{color:#c07a02;background-color:#fff4e5}.dyno-badge--new{color:#7c3aed;background-color:#f1eafe}.dyno-badge--received{color:#1e8f5e;background-color:#e6f7ee}.dyno-table tr.dyno-row--selected td{background-color:#eaf2fe}.dyno-filter-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;padding-right:20px;display:flex}.dyno-filter-input{color:#1b2a4a;border:1px solid #dfe3ea;border-radius:4px;flex:0 280px;width:280px;max-width:280px;padding:7px 12px;font-size:13px}.dyno-filter-select{color:#1b2a4a;background:#fff;border:1px solid #dfe3ea;border-radius:4px;min-width:140px;padding:7px 12px;font-size:13px}.dyno-filter-date{color:#1b2a4a;border:1px solid #dfe3ea;border-radius:4px;padding:6px 10px;font-size:13px}.dyno-filter-clear-btn{color:#55627a;cursor:pointer;white-space:nowrap;background:#f7f8fa;border:1px solid #dfe3ea;border-radius:4px;align-items:center;padding:7px 14px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.dyno-filter-clear-btn:hover{color:#d0342c;background:#fdeceb;border-color:#f2b8b5}.resources-table-wrap{max-height:500px;position:relative;overflow:auto}.resources-table{border-collapse:collapse;table-layout:auto;width:max-content;min-width:100%}.resources-table thead th,.resources-table td{white-space:nowrap;text-align:left;padding:6px 16px}.resources-table thead th{z-index:1;font-size:13px;font-weight:500;position:sticky;top:0}.resources-table-wrap.has-selection-bar .resources-table thead th{top:44px}.resources-table td{font-size:10px;font-weight:400}.resources-table th.col-checkbox,.resources-table td.col-checkbox{width:40px;padding:6px 8px 6px 16px}.resources-table th.col-name,.resources-table td:nth-child(2){width:1%}.resources-node-label{font-size:14px;font-weight:400}.resources-toggle-btn{cursor:pointer;color:#4a5a55;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;line-height:1;transition:transform .15s;display:flex}.resources-toggle-btn.expanded{transform:rotate(90deg)}.resources-toggle-placeholder{flex-shrink:0;width:24px;display:inline-block}.resources-table th.table__actions,.resources-table td.table__actions{text-align:center;width:60px}.resource-menu-toggle{color:var(--color-text);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;margin-top:10px;font-size:13px;font-weight:500;display:inline-flex}.resource-menu-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.resources-table-wrap{position:relative}.resources-table-wrap .selection-toolbar{z-index:2;position:sticky;top:0}.todetail-ui{--to-line:#e4e8ed;--to-ink:#1b2430;--to-ink-soft:#5b6472;--to-blue:var(--color-primary,#2f72f0);--to-blue-dark:color-mix(in srgb, var(--color-primary,#2f72f0) 80%, black);--to-bg:#f5f7f9;--to-card:#fff;padding:15px}.todetail-breadcrumb{align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.todetail-crumb-link{color:var(--to-blue);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.todetail-crumb-link:hover{text-decoration:underline}.todetail-crumb-sep{color:#c3c8ce}.todetail-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding-top:3px;padding-bottom:7px;display:flex}.todetail-status-pill{font-size:20px;font-weight:640}.todetail-tabs{border-bottom:1px solid var(--to-line);gap:22px;margin-bottom:14px;display:flex}.todetail-tab{color:var(--to-ink-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:0 0 8px;font-size:13px;font-weight:700}.todetail-tab.active{color:var(--to-blue-dark);border-bottom-color:var(--to-blue)}.todetail-card{background:var(--to-card);border:1px solid var(--to-line);border-radius:12px;overflow:hidden}.todetail-header-bar{border-bottom:1px solid var(--to-line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.todetail-header-bar__title{color:var(--to-ink);font-size:13px;font-weight:700}.todetail-header-bar__right{align-items:center;gap:10px;display:flex}.todetail-chip{color:var(--to-blue);padding:2px 4px;font-size:12px}.todetail-chip--muted{color:var(--to-ink-soft)}.todetail-collapse-btn{border:1px solid var(--to-line);cursor:pointer;color:var(--to-ink-soft);background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.todetail-collapse-btn:hover{border-color:var(--to-blue);color:var(--to-blue-dark);background:#f0f3f5}.todetail-collapse-btn svg{transition:transform .2s}.todetail-collapse-btn.collapsed svg{transform:rotate(-90deg)}.todetail-general-grid{grid-template-columns:repeat(5,1fr);gap:20px;padding:18px;display:grid}.todetail-field-group{flex-direction:column;gap:12px;display:flex}.todetail-group-title{text-transform:uppercase;letter-spacing:.04em;color:var(--to-ink-soft);margin-bottom:2px;font-size:11px;font-weight:700}.todetail-group-title--hidden{visibility:hidden}.todetail-standalone-label{text-transform:uppercase;letter-spacing:.04em;color:var(--to-ink-soft);font-size:11px;font-weight:700}.todetail-field{flex-direction:column;gap:4px;display:flex}.todetail-field label{color:var(--to-ink-soft);font-size:11px}.todetail-field-value{color:var(--to-ink);border-bottom:1px solid var(--to-line);min-height:18px;padding-bottom:4px;font-size:13px}.todetail-field--underline .todetail-field-value{border-bottom:1px solid var(--to-line)}.todetail-field-value--link{color:var(--to-blue);font-weight:600}.todetail-field-value--boxed{border:1px solid var(--to-line);background:#fbfcfd;border-radius:4px;padding:4px 8px}.todetail-lines-toolbar{border-bottom:1px solid var(--to-line);flex-wrap:wrap;align-items:center;gap:18px;min-height:42px;padding:12px 18px;display:flex}.todetail-toolbar-btn{border:1px solid var(--to-blue);background:var(--to-blue);color:#fff;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.todetail-toolbar-btn:disabled{color:#b7bcc2;border-color:var(--to-line);cursor:not-allowed;background:#fff}.todetail-toolbar-btn:disabled:hover{background:#fff}.todetail-toolbar-btn--danger{color:#d9534f}.todetail-caret{font-size:10px}.todetail-table-scroll{max-height:320px;overflow-x:auto}.todetail-table{border-collapse:collapse;width:100%;min-width:1000px;font-size:12.5px}.todetail-table thead th{color:var(--to-ink-soft);text-align:left;border-bottom:1px solid var(--to-line);white-space:nowrap;z-index:1;background:#f7f9fb;padding:8px 12px;font-weight:600;position:sticky;top:0}.todetail-table tbody td{border-bottom:1px solid var(--to-line);white-space:nowrap;color:var(--to-ink);padding:7px 12px}.todetail-table tbody tr{cursor:pointer}.todetail-table tbody tr:hover{background:#f7f9fb}.todetail-row--selected{background:#eaf1fd}.todetail-item-code{color:var(--to-blue-dark);font-weight:700}.todetail-ellipsis{text-overflow:ellipsis;max-width:220px;overflow:hidden}.todetail-muted{color:#b7bcc2}.todetail-subtabs{border-bottom:1px solid var(--to-line);gap:22px;padding:0 18px;display:flex}.todetail-subtab{color:var(--to-ink-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 0;font-size:13px}.todetail-subtab.active{color:var(--to-blue-dark);border-bottom-color:var(--to-blue);font-weight:600}.todetail-placeholder-tab{color:var(--to-ink-soft);padding:30px 18px;font-size:13px}@media (width<=1100px){.todetail-header-grid{grid-template-columns:repeat(2,1fr)}.todetail-general-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.todetail-header-grid,.todetail-general-grid{grid-template-columns:repeat(1,1fr)}}.todetail-qty-editable{cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:2px 6px;display:inline-flex}.todetail-qty-editable:hover{background:#f0f4ff}.todetail-edit-icon{opacity:.5;font-size:12px}.todetail-qty-input{background:#eaf2ff;border:1px solid #3b82f6;border-radius:4px;outline:none;width:70px;padding:4px 6px;font-weight:600}.todetail-header-grid{grid-template-columns:repeat(4,1fr);gap:18px 32px;padding:18px;display:grid}.todetail-action-toolbar{align-items:center;gap:10px;display:flex}.todetail-action-btn{cursor:pointer;letter-spacing:.02em;border:none;border-radius:8px;padding:10px 22px;font-size:13.5px;font-weight:700;transition:all .15s;box-shadow:0 1px 2px #00000014}.todetail-action-btn:disabled{opacity:.6;cursor:not-allowed}.todetail-action-btn.remove-users-btn_Post{color:#fff;background:#2e9e5b}.todetail-action-btn.remove-users-btn_Post:hover:not(:disabled){background:#248049}.todetail-action-btn.remove-users-btn_Cancel{color:#fff;background:#d9534f}.todetail-action-btn.todetail-action-btn_Submit{background:var(--to-blue);color:#fff}.todetail-action-btn.todetail-action-btn_Submit:hover:not(:disabled){background:var(--to-blue-dark)}.todetail-action-btn.todetail-action-btn_Approve{color:#fff;background:#e08e0b}.todetail-action-btn.todetail-action-btn_Approve:hover:not(:disabled){background:#c17a08}.todetail-selection-toolbar{border-bottom:1px solid var(--to-line);align-items:center;gap:18px;padding:12px 18px;display:flex}.todetail-selection-btn{color:var(--to-ink);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.todetail-selection-btn:hover{text-decoration:underline}.todetail-selection-count{color:var(--to-ink-soft);font-size:13px;font-weight:600}.todetail-selection-close{color:var(--to-ink-soft);cursor:pointer;background:0 0;border:none;font-size:15px;line-height:1}.todetail-selection-close:hover{color:var(--to-ink)}.todetail-report-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.todetail-report-modal{background:#fff;border-radius:10px;flex-direction:column;width:90vw;height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000040}.todetail-report-modal__header{border-bottom:1px solid var(--to-line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.todetail-report-modal__title{color:var(--to-ink);font-size:14px;font-weight:700}.todetail-report-modal__actions{gap:8px;display:flex}.todetail-report-modal__body{flex:1;overflow:hidden}.toreport-page{background:#fff;flex-direction:column;height:100%;display:flex}.toreport-header{border-bottom:1px solid #e4e8ed;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.toreport-title{color:#1b2430;font-size:14px;font-weight:700}.toreport-actions{gap:8px;display:flex}.toreport-iframe{border:none;flex:1;width:100%}.toreport-embed-wrap{flex:1;display:flex;position:relative}.toreport-download-fab{z-index:10;color:#fff;cursor:pointer;background:#3c3c3c;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex;position:absolute;top:10px;right:85px;box-shadow:0 2px 6px #00000040}#toolbar{background:#000!important}.auth-screen{min-height:100vh;padding:var(--space-5);background-image:url(/assets/Login-BG-DdME8-jk.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex}.auth-card{width:var(--auth-card-width);background:var(--color-surface);border-radius:var(--radius-xl);max-width:100%;padding:var(--space-9);box-shadow:var(--shadow-xl)}.brand-lockup{margin-bottom:var(--space-8);align-items:center;display:flex}.brand-lockup img{object-fit:contain;width:60px;height:60px}.brand-lockup h1{color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.auth-card h2{text-align:center;color:var(--color-text);margin-bottom:var(--space-3);font-size:var(--font-size-2xl)}.auth-card .lede{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-md);margin-bottom:var(--space-7)}@media (width<=600px){.auth-card{padding:var(--space-7) 25px}.brand-lockup{gap:var(--space-3)}.brand-lockup img{width:50px;height:50px}.brand-lockup h1,.auth-card h2{font-size:24px}}.field-error{color:#dc2626;margin-top:-19px;margin-bottom:19px;font-size:13px}.user-options-label{color:var(--color-text-muted,#555);margin:16px 0 10px;font-size:13px}.theme-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(50px,50px));gap:10px;display:grid}.theme-swatch{cursor:pointer;border:2px solid #0000;border-radius:4px;width:40px;height:40px}.theme-swatch--active{border-color:#000}.theme-swatch--default{background:linear-gradient(135deg,#fff 50%,#000 50%)}@media print{.no-print{display:none!important}.slip-page{background:#fff;padding:0}.slip-sheet{box-shadow:none;border:none;max-width:100%}}.cir-page{font-family:var(--font-sans);color:#1b2430;background:#fff;font-size:13px}.cir-topbar{border-bottom:1px solid var(--dp-line,#e4e8ed);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 14px;display:flex}.cir-topbar__left,.cir-topbar__right{align-items:center;gap:4px;display:flex}.cir-icon-btn{color:#45505f;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:relative}.cir-icon-btn:hover{background:#f0f3f5}.cir-icon-btn--badge{position:relative}.cir-badge{background:var(--color-primary,#2f72f0);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.cir-cmd-btn{color:#2c3644;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.cir-cmd-btn:hover{background:#f0f3f5}.cir-cmd-btn--text{font-weight:600}.cir-cmd-btn--disabled,.cir-cmd-btn:disabled{color:#a7adb6;cursor:not-allowed}.cir-cmd-btn--disabled:hover{background:0 0}.cir-heading{padding:14px 18px 4px}.cir-breadcrumb{color:#5b6472;margin-bottom:4px;font-size:13px}.cir-view-select{color:#1b2430;cursor:pointer;align-items:center;gap:6px;font-size:22px;font-weight:700;display:inline-flex}.cir-filter-row{flex-wrap:wrap;align-items:flex-end;gap:28px;padding:14px 18px 10px;display:flex}.cir-filter-box{border:1px solid var(--dp-line,#d8dde3);color:#8a92a0;background:#fff;border-radius:4px;align-items:center;gap:8px;width:260px;height:32px;padding:0 10px;display:flex}.cir-filter-box input{font:inherit;color:#1b2430;background:0 0;border:none;outline:none;flex:1}.cir-status-field{flex-direction:column;gap:4px;display:flex}.cir-status-field label{color:#5b6472;font-size:12.5px}.cir-status-select{border:1px solid var(--color-primary,#2f72f0);cursor:pointer;color:#1b2430;background:#fff;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;width:220px;height:32px;padding:0 10px;display:flex;position:relative}.cir-status-dropdown{border:1px solid var(--dp-line,#d8dde3);z-index:30;background:#fff;border-radius:4px;min-width:100%;list-style:none;position:absolute;top:calc(100% + 2px);left:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.cir-status-dropdown li{color:#1b2430;cursor:pointer;white-space:nowrap;padding:9px 12px;font-size:13px}.cir-status-dropdown li:hover{color:var(--color-primary,#2f72f0);background:#eef3fd}.cir-status-dropdown li.is-active{background:#eef3fd;font-weight:600}.cir-tab-row{flex-wrap:nowrap;align-items:center;gap:6px;padding:0 0 14px;display:flex}.cir-tab-btn{border:1px solid var(--dp-line,#d8dde3);color:#9aa1ab;cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;display:inline-flex}.cir-tab-btn.is-active{color:#1b2430;border-color:#1b2430;font-weight:600}.cir-tab-btn:disabled{color:#b6bcc4;border-color:var(--dp-line,#e4e8ed);cursor:not-allowed}.cir-tab-btn:disabled svg{color:#b6bcc4}.cir-tab-btn.is-active:disabled{color:#1b2430;border-color:#1b2430}.cir-tab-btn.is-active:disabled svg{color:#1b2430}.cir-tab-wrap{flex-shrink:0;position:relative}.cir-grid-card{border:1px solid var(--dp-line,#d8dde3);border-radius:4px;margin:0 18px 18px;overflow:hidden}.cir-grid-scroll{max-height:65vh;overflow:auto}.cir-table{width:max-content;min-width:100%}.cir-table thead th{vertical-align:middle}.cir-th-label{margin-right:6px}.cir-table thead th svg{vertical-align:middle;color:#5b6472}.cir-col-check,.cir-col-refresh,.cir-col-more{text-align:center;width:40px;min-width:40px}.cir-table tbody tr.is-selected{background:#eef3fd}.cir-empty{text-align:center;color:#777;padding:40px!important}.cir-cell-editing{padding:4px 8px!important}.cir-input-wrap{border:1px solid var(--color-primary,#2f72f0);background:#fff;border-radius:2px;align-items:center;gap:4px;height:28px;padding:0 8px;display:flex}.cir-input-wrap input{min-width:0;font:inherit;color:#1b2430;background:0 0;border:none;outline:none;flex:1}.cir-input-wrap svg{color:#5b6472;flex-shrink:0}.cir-input-wrap.is-required{border-color:#d93025}.cir-required-mark{color:#d93025;flex-shrink:0;font-size:13px;font-weight:700}.cir-line-row td{color:#5b6472;background:#fafbfc;border-top:none;padding:6px 10px;font-size:12px}.cir-line-summary{white-space:nowrap;overflow-x:auto}.cir-modal-overlay{z-index:1000;background:#0f172059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cir-modal{background:#fff;border-radius:6px;width:720px;max-width:92vw;max-height:85vh;overflow-y:auto;box-shadow:0 16px 40px #0003}.cir-modal-header{border-bottom:1px solid var(--dp-line,#e4e8ed);justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.cir-modal-body{padding:16px}.cir-lines-grid{grid-template-columns:repeat(3,1fr);gap:12px 16px;display:grid}.cir-modal-field{flex-direction:column;gap:4px;display:flex}.cir-modal-field label{color:#5b6472;font-size:12px}.cir-modal-field input,.cir-modal-field select{border:1px solid var(--dp-line,#d8dde3);font-size:13px;font:inherit;color:#1b2430;border-radius:3px;padding:6px 8px}.cir-modal-footer{border-top:1px solid var(--dp-line,#e4e8ed);justify-content:flex-end;padding:12px 16px;display:flex}.cir-remarks-modal{box-sizing:border-box;background:#fff;border-radius:6px;padding:12px 16px;box-shadow:0 16px 40px #0003;width:auto!important}.cir-remarks-header{flex-wrap:nowrap;align-items:center;gap:8px;margin-bottom:8px;display:flex;overflow:hidden}.cir-remarks-header .cir-cmd-btn--text{flex-shrink:0;padding:0 4px}.cir-remarks-toggle{color:var(--color-primary,#2f72f0);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:11.5px;overflow:hidden}.cir-popover-backdrop{z-index:40;background:#0f172040;position:fixed;inset:0}.cir-remarks-popover{z-index:41;position:absolute;top:calc(100% + 6px);left:0}.cir-remarks-title{margin-bottom:12px;font-size:15px;font-weight:600}.cir-remarks-fields{gap:12px;margin-bottom:16px;display:flex}.cir-remarks-ok{background:var(--color-primary,#2f72f0);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 24px;font-size:13px;font-weight:600}.cir-remarks-ok:hover{filter:brightness(.95)}.slip-page{font-family:var(--font-sans,"Segoe UI", sans-serif);background:#f0f2f5;min-height:100vh;padding:20px}.slip-toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.slip-icon-btn{cursor:pointer;background:#fff;border:1px solid #d8dde3;border-radius:4px;width:34px;height:34px;font-size:16px}.slip-print-btn{background:var(--color-primary,#2f72f0);color:#fff;cursor:pointer;border:none;border-radius:4px;height:34px;padding:0 18px;font-weight:600}.slip-sheet{color:#1b2430;background:#fff;border:1px solid #d8dde3;border-radius:4px;max-width:720px;min-height:900px;margin:0 auto;padding:32px 40px}.slip-title{text-align:center;margin-bottom:14px;font-size:22px;font-weight:700}.slip-barcode{box-sizing:border-box;background:#fff;border:1px solid #999;border-radius:2px;justify-content:center;align-items:center;height:40px;margin-bottom:4px;padding:3px 6px;display:flex;overflow:hidden}.slip-barcode__bars{background-color:#fff;background-image:repeating-linear-gradient(90deg,#000 0 2px,#fff 2px 3px,#000 3px 4px,#fff 4px 6px,#000 6px 8px,#fff 8px 9px);background-repeat:no-repeat;background-size:100% 100%;width:100%;max-width:150px;height:100%;margin:0 auto}.slip-caseid,.slip-contact,.slip-branch{text-align:center;margin-top:2px;font-size:13px;font-weight:700}.slip-meta-table,.slip-items-table{border-collapse:collapse;width:100%;margin-top:18px;font-size:13px}.slip-meta-table td,.slip-items-table th,.slip-items-table td{border:1px solid #999;padding:6px 10px}.slip-meta-label{width:22%;font-weight:700}.slip-meta-value{width:28%}.slip-items-table th{text-align:left;background:#f0f0f0;font-weight:700}.slip-signatures{justify-content:space-between;margin-top:60px;padding:0 10px;display:flex}.slip-sign{align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.slip-sign-line{border-bottom:1px solid #000;width:180px;display:inline-block}@media print{.no-print{display:none!important}.slip-page{background:#fff;padding:0}.slip-sheet{box-shadow:none;border:none;max-width:100%}}.cir-cell-plain{padding:4px 8px!important}.cir-plain-input{width:100%;font:inherit;color:#1b2430;background:0 0;border:1px solid #0000;border-radius:2px;outline:none;padding:4px 6px}.cir-plain-input:hover{background:#f7f9fb}.cir-plain-input:focus{border-color:var(--color-primary,#2f72f0);background:#fff}.cir-status-tabs-panel{background:var(--dp-card,#fff);border:1px solid var(--dp-line,#d8dde3);border-top:1px solid var(--dp-line,#d8dde3);border-radius:4px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;margin-top:20px;margin-bottom:0;padding:12px 18px 14px;display:flex}.cir-breadcrumb{font-size:20px}.dyno-report-print-title{text-align:center;margin-top:12px;padding:12px 16px 0}.dyno-report-print-title h4{color:#1a4fa0;margin:0}.dyno-report-print-title h5{color:#1a4fa0;margin:2px 0}.dyno-report-print-title p{margin:4px 0 12px;font-weight:600}