.sidebar a,.sidebar a:focus,.sidebar a:active,.sidebar a:visited,.sidebar button,.sidebar button:focus,.sidebar button:active{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent;text-decoration:none!important}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:#1d1d1feb;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:100;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:24px 20px;border-bottom:1px solid var(--border-subtle)}.brand-icon{font-size:22px;color:var(--accent-primary)}.brand-text{font-size:18px;font-weight:600;letter-spacing:-.3px;color:var(--text-primary)}.sidebar-context{padding:10px 14px;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:6px}.ctx-select{width:100%;padding:7px 28px 7px 10px;border-radius:7px;border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--text-primary);font-size:13px;font-weight:400;outline:none;cursor:pointer;transition:border-color var(--transition-fast);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.ctx-select:hover,.ctx-select:focus{border-color:var(--accent-primary)}.ctx-select option{background:#1d1d1f;color:var(--text-primary)}.ctx-locked{display:flex;align-items:center;gap:8px;padding:6px 4px}.ctx-locked-icon{font-size:14px;color:var(--accent-primary);opacity:.7;flex-shrink:0}.ctx-locked-info{display:flex;flex-direction:column;gap:1px;min-width:0}.ctx-locked-label{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctx-locked-sub{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;color:var(--text-primary);font-size:16px;font-weight:400;transition:all var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left;letter-spacing:-.01em;line-height:1.35;outline:none;-webkit-tap-highlight-color:transparent;text-decoration:none}.nav-item:hover{color:var(--text-primary);background:#ffffff0f}.nav-item:focus,.nav-item:focus-visible,.nav-item:focus-within{outline:none;box-shadow:none;border:none;text-decoration:none}.nav-item:active{outline:none;text-decoration:none}.nav-item.active{color:#fff;background:#2997ff1f;font-weight:500}.nav-item.active .nav-icon{color:var(--accent-primary)}.nav-icon{width:22px;text-align:center;font-size:17px;opacity:.7}.nav-item.active .nav-icon{opacity:1}.nav-label{flex:1}.nav-chevron{margin-left:auto;font-size:14px;color:#fff9}.nav-group{padding-left:14px;margin-top:2px;display:flex;flex-direction:column;gap:1px}.nav-sub{padding:10px 14px;font-size:15px;color:#ffffffbf;font-weight:400;outline:none;-webkit-tap-highlight-color:transparent;text-decoration:none}.nav-sub:hover{color:#fff}.nav-sub:focus,.nav-sub:focus-visible,.nav-sub:focus-within{outline:none;box-shadow:none;border:none;text-decoration:none}.nav-sub.active{color:var(--text-primary);font-weight:500}.sidebar-footer{padding:16px 18px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.user-details{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:500;color:var(--text-primary);letter-spacing:-.01em}.user-role{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-weight:500}.logout-btn{font-size:18px!important;opacity:.5;transition:opacity var(--transition-fast)}.logout-btn:hover{opacity:1}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--surface-bg)}.login-card{background:var(--surface-card);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.login-brand{text-align:center;margin-bottom:var(--space-xl)}.login-icon{font-size:40px;color:var(--accent-primary);display:block;margin-bottom:var(--space-sm)}.login-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.5px}.login-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-xs)}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.login-error{padding:10px 14px;background:var(--status-error-bg);color:var(--status-error-text);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.login-btn{width:100%;justify-content:center;padding:12px;font-size:var(--font-size-base);margin-top:var(--space-sm)}.dash-container{max-width:100%;min-height:calc(100vh - 80px);display:flex;flex-direction:column;animation:dpFadeIn .5s cubic-bezier(.25,.1,.25,1)}.dash-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.dash-title{font-size:34px;font-weight:600;letter-spacing:-.8px;line-height:1.1;color:var(--text-primary)}.dash-subtitle{font-size:16px;color:var(--text-tertiary);margin-top:6px;font-weight:400;letter-spacing:-.01em}.dash-role-badge{padding:6px 18px;background:#2997ff14;color:var(--accent-primary);border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:.3px;border:1px solid rgba(41,151,255,.15)}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:36px}.dash-stat-card{background:var(--surface-card);border-radius:12px;padding:28px;border:1px solid var(--border-subtle);display:flex;align-items:center;gap:20px;cursor:pointer;transition:all var(--transition-fast)}.dash-stat-card:hover{background:var(--surface-card-hover);border-color:var(--border-default);box-shadow:var(--shadow-md)}.dash-stat-skeleton{flex-direction:column;align-items:flex-start;cursor:default}.dash-stat-icon{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.dash-stat-info{display:flex;flex-direction:column}.dash-stat-label{font-size:14px;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dash-stat-count{font-size:32px;font-weight:600;letter-spacing:-.5px;margin-top:4px;color:var(--text-primary)}.dash-section{margin-bottom:36px;flex:1}.dash-section:last-child{flex:1}.dash-section-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:18px;text-transform:uppercase;letter-spacing:.8px}.dash-quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.dash-quick-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 10px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);letter-spacing:-.01em}.dash-quick-btn:hover{background:var(--surface-card-hover);border-color:#2997ff4d;box-shadow:0 0 0 1px #2997ff1a}.dash-quick-icon{font-size:26px;opacity:.6;transition:opacity var(--transition-fast)}.dash-quick-btn:hover .dash-quick-icon{opacity:1}.dash-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dash-module-card{display:flex;align-items:center;gap:16px;padding:22px 24px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:12px;transition:all var(--transition-fast)}.dash-module-card:hover{background:var(--surface-card-hover)}.dash-module-icon{font-size:22px;opacity:.35}.dash-module-label{flex:1;font-size:16px;font-weight:500;letter-spacing:-.01em}.dash-module-status{font-size:13px;color:var(--text-tertiary);padding:5px 12px;background:#ffffff0a;border-radius:var(--radius-sm);font-weight:500}@keyframes dpFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dp-skeleton-cell{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-card-hover) 25%,var(--surface-elevated) 50%,var(--surface-card-hover) 75%);background-size:200% 100%;animation:dpShimmer 1.5s ease-in-out infinite}@media (max-width: 1024px){.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-quick-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.dash-container{min-height:auto}.dash-welcome{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:28px}.dash-title{font-size:24px}.dash-stats{grid-template-columns:repeat(2,1fr);gap:10px}.dash-stat-card{padding:18px}.dash-stat-count{font-size:24px}.dash-quick-grid{grid-template-columns:repeat(3,1fr);gap:8px}.dash-quick-btn{padding:18px 6px;font-size:13px}.dash-modules{grid-template-columns:1fr}}@media (max-width: 480px){.dash-stats{grid-template-columns:1fr}.dash-quick-grid{grid-template-columns:repeat(2,1fr)}}.dp-container{max-width:100%;animation:dpFadeIn .5s cubic-bezier(.25,.1,.25,1)}@keyframes dpFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dp-header-left{display:flex;align-items:center;gap:16px}.dp-header-icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#2997ff1f,#2997ff0a);display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid rgba(41,151,255,.15)}.dp-title{font-size:28px;font-weight:600;letter-spacing:-.5px;color:var(--text-primary);line-height:1.15}.dp-subtitle{font-size:13px;color:var(--text-tertiary);margin-top:2px}.dp-create-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 24px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);letter-spacing:-.01em}.dp-create-btn:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-md)}.dp-create-btn:active{transform:scale(.98)}.dp-header-actions{display:flex;align-items:center;gap:8px}.dp-icon-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#ffffff0f;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:13px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.dp-icon-btn:hover{background:#ffffff1a;color:var(--text-primary)}.dp-icon-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.dp-create-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.dp-action-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.dp-pagination-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.dp-search-clear:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.dp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.dp-toolbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.dp-search-wrap{position:relative;max-width:400px;flex:1}.dp-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.dp-search-input{width:100%;padding:11px 38px 11px 42px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;color:var(--text-primary);font-size:14px;font-family:var(--font-family);outline:none;transition:all .2s ease}.dp-search-input:focus{border-color:var(--accent-primary);background:var(--surface-card-hover);box-shadow:0 0 0 3px #0a84ff1a}.dp-search-input::placeholder{color:#8e8e93}.dp-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--surface-elevated);border:none;border-radius:50%;width:20px;height:20px;font-size:10px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.dp-search-clear:hover{background:var(--accent-red);color:#fff}.dp-table-card{background:transparent;border-radius:12px;overflow:hidden}.dp-table-card[data-has-rows=true]{background:var(--surface-card);border:1px solid var(--border-subtle)}.dp-table{width:100%;border-collapse:separate;border-spacing:0}.dp-table-fixed{table-layout:fixed}.dp-table thead th{padding:14px 18px;text-align:left;font-size:12px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-subtle);background:#ffffff05}.dp-table tbody td{padding:11px 18px;font-size:15px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);transition:background .15s ease}.dp-table tbody tr:last-child td{border-bottom:none}.dp-row{transition:background .15s ease}.dp-row:hover td{background:#ffffff08}.dp-sort-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;padding:0;transition:color .15s ease}.dp-sort-btn:hover{color:var(--text-primary)}.dp-sort-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}.dp-sort-right{flex-direction:row-reverse}.dp-sort-icon{font-size:11px;color:var(--text-tertiary);transition:color .15s ease}.dp-sort-icon.dp-sort-active{color:var(--accent-primary)}.dp-cell-code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;padding:3px 8px;background:#0a84ff1a;color:#60a5fa;border-radius:6px;display:inline-block}.dp-cell-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.dp-cell-badge.active{background:#30d1581f;color:#30d158}.dp-cell-badge.draft{background:#0a84ff1f;color:#0a84ff}.dp-cell-badge.inactive{background:#8e8e931f;color:#8e8e93}.dp-cell-badge.suspended{background:#ff9f0a1f;color:#ff9f0a}.dp-cell-secondary{color:var(--text-primary);font-size:15px}.dp-cell-date{color:var(--text-primary);font-size:15px;font-variant-numeric:tabular-nums}.dp-cell-subtle{color:var(--text-tertiary);font-size:12px;font-variant-numeric:tabular-nums}.dp-cell-truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:14px}.dp-cell-customer{color:var(--text-primary);font-weight:500}.dp-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.dp-row:hover .dp-actions{opacity:1}.dp-action-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.dp-action-btn.dp-edit:hover{background:#0a84ff1f;color:var(--accent-primary)}.dp-action-btn.dp-delete:hover{background:#ff453a1f;color:var(--accent-red)}.dp-empty{padding:80px 40px;text-align:center}.dp-empty-icon{font-size:48px;opacity:.15;margin-bottom:18px}.dp-empty h3{font-size:19px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.dp-empty p{font-size:15px;color:var(--text-tertiary);margin-bottom:28px}.dp-empty-btn{margin:0 auto}.dp-table-loading{animation:dpSkeletonFadeIn .3s ease forwards;animation-delay:.15s;opacity:0}@keyframes dpSkeletonFadeIn{0%{opacity:0}to{opacity:1}}.dp-skeleton-row td{padding:11px 18px!important}.dp-skeleton-cell{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--surface-card-hover) 25%,var(--surface-elevated) 50%,var(--surface-card-hover) 75%);background-size:200% 100%;animation:dpShimmer 1.5s ease-in-out infinite}@keyframes dpShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:dpFadeIn .2s ease}.dp-modal{background:var(--surface-card);border-radius:16px;min-width:440px;max-width:560px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 80px #0009;animation:dpScaleIn .25s cubic-bezier(.25,.1,.25,1);border:1px solid var(--border-subtle)}.dp-modal-sm{min-width:380px;max-width:420px}@keyframes dpScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.dp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 0}.dp-modal-header h2{font-size:20px;font-weight:700;letter-spacing:-.3px}.dp-modal-close{width:28px;height:28px;border-radius:50%;background:var(--surface-elevated);border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:.15s}.dp-modal-close:hover{background:var(--accent-red);color:#fff}.dp-modal-body{padding:20px 28px 28px}.dp-form-group{margin-bottom:18px}.dp-form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.dp-form-input{width:100%;padding:11px 14px;background:var(--surface-bg);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-family:var(--font-family);font-size:14px;outline:none;transition:all .2s ease}.dp-form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0a84ff1f}.dp-form-input::placeholder{color:var(--text-tertiary)}.dp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dp-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-subtle)}.dp-btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;font-family:var(--font-family);border:none;cursor:pointer;transition:all .15s ease}.dp-btn-primary{background:var(--accent-primary);color:#fff}.dp-btn-primary:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-md)}.dp-btn-primary:disabled{opacity:.4;cursor:not-allowed}.dp-btn-ghost{background:#ffffff0f;color:var(--text-primary)}.dp-btn-ghost:hover{background:#ffffff1a}.dp-btn-danger{background:var(--accent-red);color:#fff}.dp-btn-danger:hover{background:#ff6961;box-shadow:var(--shadow-md)}.dp-delete-confirm{padding:32px 28px;text-align:center}.dp-delete-icon{font-size:40px;margin-bottom:16px}.dp-delete-confirm h3{font-size:18px;font-weight:700;margin-bottom:8px}.dp-delete-confirm p{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.dp-delete-actions{display:flex;gap:8px;justify-content:center}.dp-toast{position:fixed;bottom:28px;right:28px;display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:14px;font-size:14px;font-weight:500;color:var(--text-primary);box-shadow:0 8px 32px #00000080;z-index:9999;animation:dpSlideUp .3s ease,dpFadeOut .3s ease 3s forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dp-toast.success{background:#30d15826;border:1px solid rgba(48,209,88,.3)}.dp-toast.error{background:#ff453a26;border:1px solid rgba(255,69,58,.3)}.dp-toast-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.dp-toast.success .dp-toast-icon{background:#30d1584d;color:#30d158}.dp-toast.error .dp-toast-icon{background:#ff453a4d;color:#ff453a}@keyframes dpSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dpFadeOut{to{opacity:0;transform:translateY(-8px)}}.dp-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 4px}.dp-pagination-info{font-size:13px;color:var(--text-tertiary)}.dp-pagination-btns{display:flex;gap:8px}.dp-pagination-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-primary);font-size:13px;font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.dp-pagination-btn:hover:not(:disabled){background:var(--surface-card-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.dp-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.date-input-wrap{position:relative;display:flex;align-items:center}.date-input-text{flex:1;padding-right:40px!important}.date-input-picker-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.date-input-picker-btn:hover:not(:disabled){background:#0a84ff1f;color:var(--accent-primary)}.date-input-picker-btn:disabled{opacity:.3;cursor:not-allowed}.date-input-hidden{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:0;height:0;opacity:0;pointer-events:none;border:none;padding:0;margin:0}.up-container{max-width:100%;animation:upFadeIn .5s cubic-bezier(.25,.1,.25,1)}@keyframes upFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.up-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.up-header-left{display:flex;align-items:center;gap:16px}.up-header-icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#2997ff1f,#2997ff0a);display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid rgba(41,151,255,.15)}.up-title{font-size:28px;font-weight:600;letter-spacing:-.5px;color:var(--text-primary);line-height:1.15}.up-subtitle{font-size:13px;color:var(--text-tertiary);margin-top:2px}.up-create-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:12px;background:var(--accent-primary);color:#fff;font-size:15px;font-weight:600;border:none;cursor:pointer;font-family:var(--font-family);transition:all .2s ease}.up-create-btn span{font-size:18px;font-weight:300}.up-create-btn:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.up-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.up-search-wrap{position:relative;max-width:400px;margin-bottom:20px}.up-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.up-search-input{width:100%;padding:11px 38px 11px 42px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-primary);font-size:14px;font-family:var(--font-family);outline:none;transition:all .2s ease}.up-search-input:focus{border-color:var(--accent-primary);background:var(--surface-card-hover);box-shadow:0 0 0 3px #0a84ff1a}.up-search-input::placeholder{color:var(--text-tertiary)}.up-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--surface-elevated);border:none;border-radius:50%;width:20px;height:20px;font-size:10px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.up-search-clear:hover{background:var(--accent-red);color:#fff}.up-table-card{background:transparent;border-radius:12px;overflow:hidden}.up-table-card[data-has-rows=true]{background:var(--surface-card);border:1px solid var(--border-subtle)}.up-table{width:100%;border-collapse:separate;border-spacing:0}.up-table thead th{padding:14px 18px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-subtle);background:#ffffff05}.up-table tbody td{padding:16px 18px;font-size:15px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.up-table tbody tr:last-child td{border-bottom:none}.up-row{transition:background .15s ease}.up-row:hover td{background:#ffffff08}.up-user-name{font-weight:500;font-size:15px}.up-user-email{font-size:12px;color:var(--text-tertiary);margin-top:2px}.up-cell-code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;color:var(--accent-primary)}.up-cell-dim{color:var(--text-tertiary);font-size:13px}.up-role-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.up-role-admin{background:#ff9f0a26;color:#ff9f0a}.up-role-technical_specialist{background:#0a84ff1f;color:#0a84ff}.up-role-customer{background:#64d2ff1f;color:#64d2ff}.up-status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.up-status-badge.active{background:#30d1581f;color:#30d158}.up-status-badge.inactive{background:#ff453a1f;color:#ff453a}.up-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.up-row:hover .up-actions{opacity:1}.up-action-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.up-action-btn:hover{background:#0a84ff1f;color:var(--accent-primary)}.up-action-delete:hover{background:#ff453a1f;color:#ff453a}.up-empty{padding:80px 40px;text-align:center}.up-empty-icon{font-size:48px;opacity:.15;margin-bottom:18px}.up-empty h3{font-size:19px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.up-empty p{font-size:15px;color:var(--text-tertiary)}.up-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:upFadeIn .2s ease}.up-modal{background:var(--surface-card);border-radius:16px;min-width:460px;max-width:540px;box-shadow:0 24px 80px #0009;border:1px solid var(--border-subtle);animation:upScaleIn .25s cubic-bezier(.25,.1,.25,1)}@keyframes upScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.up-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px 0}.up-modal-header h2{font-size:20px;font-weight:700;letter-spacing:-.3px}.up-modal-sub{font-size:13px;color:var(--text-tertiary);margin-top:3px}.up-modal-close{width:28px;height:28px;border-radius:50%;background:var(--surface-elevated);border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;transition:.15s}.up-modal-close:hover{background:var(--accent-red);color:#fff}.up-modal-body{padding:20px 28px 28px}.up-form-group{margin-bottom:18px}.up-form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.up-form-input{width:100%;padding:11px 14px;background:var(--surface-bg);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-family:var(--font-family);font-size:14px;outline:none;transition:all .2s ease}.up-form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0a84ff1f}.up-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-subtle)}.up-toggle-row{display:flex;align-items:center;gap:10px;margin-top:4px}.up-toggle{width:44px;height:26px;border-radius:13px;border:none;cursor:pointer;position:relative;transition:background .25s ease;flex-shrink:0;padding:0}.up-toggle.active{background:#30d158}.up-toggle.inactive{background:#ffffff26}.up-toggle-dot{position:absolute;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .25s ease;box-shadow:0 1px 4px #0000004d}.up-toggle.active .up-toggle-dot{left:21px}.up-toggle.inactive .up-toggle-dot{left:3px}.up-toggle-label{font-size:14px;color:var(--text-primary)}.up-btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;font-family:var(--font-family);border:none;cursor:pointer;transition:all .15s ease}.up-btn-primary{background:var(--accent-primary);color:#fff}.up-btn-primary:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-md)}.up-btn-primary:disabled{opacity:.4;cursor:not-allowed}.up-btn-danger{background:#ff453a;color:#fff}.up-btn-danger:hover{background:#e03e34;box-shadow:var(--shadow-md)}.up-btn-ghost{background:#ffffff0f;color:var(--text-primary)}.up-btn-ghost:hover{background:#ffffff1a}.up-toast{position:fixed;bottom:28px;right:28px;display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:14px;font-size:14px;font-weight:500;color:var(--text-primary);box-shadow:0 8px 32px #00000080;z-index:9999;animation:upSlideUp .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.up-toast.success{background:#30d15826;border:1px solid rgba(48,209,88,.3)}.up-toast.error{background:#ff453a26;border:1px solid rgba(255,69,58,.3)}.up-toast-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.up-toast.success .up-toast-icon{background:#30d1584d;color:#30d158}.up-toast.error .up-toast-icon{background:#ff453a4d;color:#ff453a}@keyframes upSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.up-modal-wide{min-width:560px;max-width:640px}.up-pages-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.up-pages-actions{display:flex;gap:6px}.up-pages-action{padding:3px 10px;border-radius:6px;background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font-family);transition:all .15s ease}.up-pages-action:hover{background:#0a84ff1f;color:var(--accent-primary);border-color:var(--accent-primary)}.up-pages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:var(--surface-bg);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;max-height:320px;overflow-y:auto}.up-page-group{display:flex;flex-direction:column;gap:6px}.up-page-group-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;padding-bottom:6px;border-bottom:1px solid var(--border-subtle);margin-bottom:2px}.up-page-group-header input[type=checkbox]{accent-color:var(--accent-primary);width:14px;height:14px;cursor:pointer}.up-page-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;padding:3px 0;transition:color .15s ease}.up-page-item:hover{color:var(--text-primary)}.up-page-item input[type=checkbox]{accent-color:var(--accent-primary);width:13px;height:13px;cursor:pointer}.po-container{max-width:100%;animation:poFadeIn .5s cubic-bezier(.25,.1,.25,1)}@keyframes poFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.po-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.po-header-left{display:flex;align-items:center;gap:16px}.po-header-icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#2997ff1f,#2997ff0a);display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid rgba(41,151,255,.15)}.po-title{font-size:28px;font-weight:600;letter-spacing:-.5px;color:var(--text-primary);line-height:1.15}.po-subtitle{font-size:13px;color:var(--text-tertiary);margin-top:2px}.po-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.po-search-wrap{position:relative;max-width:400px;flex:1}.po-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.po-search-input{width:100%;padding:11px 14px 11px 42px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;color:var(--text-primary);font-size:14px;font-family:var(--font-family);outline:none;transition:all .2s ease}.po-search-input:focus{border-color:var(--accent-primary);background:var(--surface-card-hover);box-shadow:0 0 0 3px #0a84ff1a}.po-filter-select{padding:10px 14px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-size:13px;font-family:var(--font-family);outline:none;cursor:pointer}.po-table-card{background:var(--surface-card);border-radius:12px;border:1px solid var(--border-subtle);overflow:hidden}.po-table{width:100%;border-collapse:separate;border-spacing:0}.po-table thead th{padding:14px 18px;text-align:left;font-size:12px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-subtle);background:#ffffff05}.po-sort-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;padding:0;transition:color .15s ease}.po-sort-btn:hover{color:var(--text-primary)}.po-sort-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}.po-sort-icon{font-size:11px;color:var(--text-tertiary);transition:color .15s ease}.po-sort-icon.po-sort-active{color:var(--accent-primary)}.po-table tbody td{padding:11px 18px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.po-table tbody tr:last-child td{border-bottom:none}.po-table tbody tr{transition:background .15s ease}.po-table tbody tr:hover td{background:#ffffff08}.po-status{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.po-status.draft{background:#0a84ff1f;color:#0a84ff}.po-status.open{background:#30d1581f;color:#30d158}.po-status.partial{background:#ff9f0a1f;color:#ff9f0a}.po-status.fulfilled{background:#30d1582e;color:#30d158}.po-status.closed{background:#8e8e931f;color:#8e8e93}.po-status-select{padding:3px 24px 3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;border:1px solid transparent;cursor:pointer;outline:none;font-family:var(--font-family);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 8px center;background-size:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2386868b' fill='none' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");transition:all .15s ease}.po-status-select:hover{border-color:#ffffff26}.po-status-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #0a84ff26}.po-status-select option{background:var(--surface-card);color:var(--text-primary);font-size:12px;text-transform:uppercase}.po-status-select.draft{background-color:#0a84ff1f;color:#0a84ff}.po-status-select.open{background-color:#30d1581f;color:#30d158}.po-status-select.partial{background-color:#ff9f0a1f;color:#ff9f0a}.po-status-select.fulfilled{background-color:#30d1582e;color:#30d158}.po-row-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.po-action-btn{padding:5px 12px;border-radius:6px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:12px;font-family:var(--font-family);cursor:pointer;transition:all .15s ease;white-space:nowrap}.po-action-btn:hover{background:#0a84ff1f;color:var(--accent-primary);border-color:var(--accent-primary)}.po-action-btn.po-action-visible{opacity:.6;transition:opacity .15s ease}.po-table tbody tr:hover .po-action-btn.po-action-visible{opacity:1}.po-icon-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:0}.po-table tbody tr:hover .po-icon-btn{opacity:1}.po-icon-btn.po-icon-edit:hover{background:#0a84ff1f;color:var(--accent-primary)}.po-icon-btn.po-icon-delete:hover{background:#ff453a1f;color:var(--accent-red, #FF453A)}.po-create-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 24px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.po-create-btn:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-md)}.po-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:poFadeIn .2s ease}.po-modal{background:var(--surface-card);border-radius:16px;min-width:520px;max-width:900px;width:90vw;max-height:85vh;overflow-y:auto;box-shadow:0 24px 80px #0009;border:1px solid var(--border-subtle)}.po-modal-lg{min-width:600px;max-width:720px}.po-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 0}.po-modal-header h2{font-size:20px;font-weight:700;letter-spacing:-.3px}.po-modal-close{width:28px;height:28px;border-radius:50%;background:var(--surface-elevated);border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:.15s}.po-modal-close:hover{background:var(--accent-red);color:#fff}.po-modal-body{padding:20px 28px 28px}.po-steps{display:flex;gap:8px;margin-bottom:24px}.po-step{flex:1;height:3px;border-radius:2px;background:var(--border-subtle);transition:background .3s ease}.po-step.active{background:var(--accent-primary)}.po-step.done{background:var(--accent-green)}.po-items-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:12px}.po-items-table th{padding:8px 10px;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;text-align:left;border-bottom:1px solid var(--border-subtle)}.po-items-table td{padding:8px 10px;font-size:13px;border-bottom:1px solid var(--border-subtle)}.po-items-table .po-item-remove{background:none;border:none;color:var(--accent-red);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px;transition:background .15s}.po-items-table .po-item-remove:hover{background:#ff453a1f}.po-add-item-btn{margin-top:10px;padding:8px 16px;border-radius:8px;border:1px dashed var(--border-default);background:transparent;color:var(--text-secondary);font-size:13px;font-family:var(--font-family);cursor:pointer;transition:all .15s ease;width:100%}.po-add-item-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.po-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 4px}.po-pagination-info{font-size:13px;color:var(--text-tertiary)}.po-pagination-btns{display:flex;gap:8px}.po-pagination-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-primary);font-size:13px;font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.po-pagination-btn:hover:not(:disabled){background:var(--surface-card-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.po-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.po-empty{padding:80px 40px;text-align:center}.po-empty-icon{font-size:48px;opacity:.15;margin-bottom:18px}.po-empty h3{font-size:19px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.po-empty p{font-size:15px;color:var(--text-tertiary);margin-bottom:28px}.po-toast{position:fixed;bottom:28px;right:28px;display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:14px;font-size:14px;font-weight:500;color:var(--text-primary);box-shadow:0 8px 32px #00000080;z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:poSlideUp .3s ease}.po-toast.success{background:#30d15826;border:1px solid rgba(48,209,88,.3)}.po-toast.error{background:#ff453a26;border:1px solid rgba(255,69,58,.3)}@keyframes poSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.po-detail-section{margin-bottom:20px}.po-detail-section h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:12px}.po-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.po-detail-item label{display:block;font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.po-detail-item span{font-size:14px;color:var(--text-primary)}.po-modal-sm{min-width:400px;max-width:440px}.po-delete-msg{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:20px}.po-btn-danger{padding:10px 20px;border-radius:10px;border:none;background:#ff453a;color:#fff;font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.po-btn-danger:hover{background:#e03e34;box-shadow:0 4px 16px #ff453a4d}.po-btn-danger:disabled{opacity:.5;cursor:not-allowed}.inv-container{max-width:100%;animation:invFadeIn .5s cubic-bezier(.25,.1,.25,1)}@keyframes invFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.inv-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.inv-header-left{display:flex;align-items:center;gap:16px}.inv-header-icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#30d1581f,#30d1580a);display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid rgba(48,209,88,.15)}.inv-title{font-size:28px;font-weight:600;letter-spacing:-.5px;color:var(--text-primary);line-height:1.15}.inv-subtitle{font-size:13px;color:var(--text-tertiary);margin-top:2px}.inv-warehouse-selector{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:14px 16px;background:var(--surface-card);border-radius:14px;border:1px solid var(--border-subtle)}.inv-wh-select-group{display:flex;align-items:center;gap:10px;flex:1;min-width:180px;max-width:360px}.inv-wh-label{font-size:11px;font-weight:600;color:var(--text-secondary);white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.inv-wh-dropdown{flex:1;padding:8px 32px 8px 12px;background:var(--surface-elevated, #1a1a1a);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-size:13px;font-family:var(--font-family);outline:none;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.inv-wh-dropdown:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0a84ff26}.inv-wh-dropdown:hover{border-color:var(--accent-primary)}.inv-wh-clear-btn{background:none;border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:13px;padding:4px 10px;cursor:pointer;flex-shrink:0;transition:color .15s,border-color .15s}.inv-wh-clear-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.inv-wh-info{display:flex;align-items:center;gap:6px;flex-shrink:1;flex-wrap:wrap}.inv-wh-info-tag{display:inline-flex;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.3px;white-space:nowrap;background:#0a84ff1a;color:#0a84ff;border:1px solid rgba(10,132,255,.15)}.inv-wh-info-tag.site{background:#30d1581a;color:#30d158;border-color:#30d15826}.inv-wh-info-tag.customer{background:#ff9f0a1a;color:#ff9f0a;border-color:#ff9f0a26}.inv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.inv-search-wrap{position:relative;max-width:400px;flex:1}.inv-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.inv-search-input{width:100%;padding:11px 14px 11px 42px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;color:var(--text-primary);font-size:14px;font-family:var(--font-family);outline:none;transition:all .2s ease}.inv-search-input:focus{border-color:var(--accent-primary);background:var(--surface-card-hover);box-shadow:0 0 0 3px #0a84ff1a}.inv-table-card{background:var(--surface-card);border-radius:12px;border:1px solid var(--border-subtle);overflow-x:auto}.inv-table{width:100%;border-collapse:separate;border-spacing:0}.inv-table thead th{padding:14px 16px;text-align:center;font-size:11px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-bottom:1px solid var(--border-subtle);background:#ffffff05}.inv-table thead th.inv-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease;white-space:nowrap}.inv-table thead th.inv-sortable:hover{color:#e4e4e7}.inv-table tbody td{padding:14px 16px;font-size:13px;text-align:center;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.inv-table tbody tr:last-child td{border-bottom:none}.inv-table tbody tr{transition:background .15s ease}.inv-table tbody tr:hover td{background:#ffffff08}.inv-stock-ok{color:var(--accent-green);font-weight:500}.inv-stock-low{color:var(--accent-orange);font-weight:500}.inv-stock-critical{color:var(--accent-red);font-weight:500}.inv-threshold-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.inv-threshold-badge.ok{background:#30d1581f;color:#30d158}.inv-threshold-badge.low{background:#ff9f0a1f;color:#ff9f0a}.inv-threshold-badge.critical{background:#ff453a1f;color:#ff453a}.inv-actions{display:flex;gap:6px;opacity:0;transition:opacity .15s ease}.inv-table tbody tr:hover .inv-actions{opacity:1}.inv-action-btn{padding:5px 12px;border-radius:6px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:12px;font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.inv-action-btn:hover{background:#0a84ff1f;color:var(--accent-primary);border-color:var(--accent-primary)}.inv-history-link{background:none;border:none;color:var(--text-tertiary);font-size:11px;cursor:pointer;margin-left:8px;padding:0;font-family:var(--font-family);text-decoration:underline;text-underline-offset:2px;transition:color .15s}.inv-history-link:hover{color:var(--accent-primary)}.inv-receive-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 24px;background:var(--accent-green);color:#fff;border:none;border-radius:var(--radius-full);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.inv-receive-btn:hover{filter:brightness(1.1);box-shadow:var(--shadow-md)}.inv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:invFadeIn .2s ease}.inv-modal{background:var(--surface-card);border-radius:16px;min-width:480px;max-width:580px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 80px #0009;border:1px solid var(--border-subtle)}.inv-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 0}.inv-modal-header h2{font-size:20px;font-weight:700;letter-spacing:-.3px}.inv-modal-close{width:28px;height:28px;border-radius:50%;background:var(--surface-elevated);border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:.15s}.inv-modal-close:hover{background:var(--accent-red);color:#fff}.inv-modal-body{padding:20px 28px 28px}.inv-receipt-info{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:10px;padding:14px 16px;margin-bottom:16px}.inv-receipt-info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px}.inv-receipt-info-row label{color:var(--text-tertiary)}.inv-receipt-info-row span{color:var(--text-primary);font-weight:500}.inv-receipt-remaining{color:var(--accent-orange)!important;font-weight:600!important}.inv-movements-list{margin-top:12px}.inv-movement-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-subtle);font-size:13px}.inv-movement-item:last-child{border-bottom:none}.inv-movement-type{display:inline-flex;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.inv-movement-type.receipt{background:#30d1581f;color:#30d158}.inv-movement-type.transfer_in{background:#0a84ff1f;color:#0a84ff}.inv-movement-type.transfer_out{background:#ff9f0a1f;color:#ff9f0a}.inv-movement-delta{font-weight:600;font-variant-numeric:tabular-nums}.inv-movement-delta.positive{color:var(--accent-green)}.inv-movement-delta.negative{color:var(--accent-red)}.inv-movement-date{color:var(--text-tertiary);margin-left:auto}.inv-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 4px}.inv-pagination-info{font-size:13px;color:var(--text-tertiary)}.inv-pagination-btns{display:flex;gap:8px}.inv-pagination-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-primary);font-size:13px;font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.inv-pagination-btn:hover:not(:disabled){background:var(--surface-card-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.inv-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.inv-empty{padding:80px 40px;text-align:center}.inv-empty-icon{font-size:48px;opacity:.15;margin-bottom:18px}.inv-empty h3{font-size:19px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.inv-empty p{font-size:15px;color:var(--text-tertiary)}.inv-toast{position:fixed;bottom:28px;right:28px;display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:14px;font-size:14px;font-weight:500;color:var(--text-primary);box-shadow:0 8px 32px #00000080;z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:invSlideUp .3s ease}.inv-toast.success{background:#30d15826;border:1px solid rgba(48,209,88,.3)}.inv-toast.error{background:#ff453a26;border:1px solid rgba(255,69,58,.3)}@keyframes invSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.inv-consumed-value{cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s;border-bottom:1px dashed rgba(255,255,255,.3)}.inv-consumed-value:hover{background:#ffffff14}.inv-consumed-edit{display:flex;align-items:center;gap:4px}.inv-consumed-input{width:70px;padding:4px 6px;background:var(--bg-tertiary, #1a1a1a);border:1px solid var(--border-primary, #333);border-radius:6px;color:var(--text-primary, #fff);font-size:13px;outline:none}.inv-consumed-input:focus{border-color:var(--accent, #007aff)}.inv-consumed-save,.inv-consumed-cancel{background:none;border:none;cursor:pointer;font-size:14px;padding:2px 4px;border-radius:4px}.inv-consumed-save{color:#34c759}.inv-consumed-save:hover{background:#34c75926}.inv-consumed-cancel{color:#ff453a}.inv-consumed-cancel:hover{background:#ff453a26}.inv-po-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap;background:#0a84ff14;color:#0a84ff;border:1px solid rgba(10,132,255,.12);letter-spacing:.2px}.inv-po-ref{font-weight:400;color:var(--text-tertiary);font-size:11px}.inv-no-po{color:var(--text-tertiary);font-size:13px}.inv-row-nostock td{opacity:.45}.inv-row-nostock:hover td{opacity:.7}.inv-threshold-badge.none{background:#8e8e931a;color:#8e8e93}.inv-stock-none{color:var(--text-tertiary)}.tf-container{max-width:100%;animation:tfFadeIn .5s cubic-bezier(.25,.1,.25,1)}@keyframes tfFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.tf-header-left{display:flex;align-items:center;gap:16px}.tf-header-icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#bf5af21f,#bf5af20a);display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid rgba(191,90,242,.15)}.tf-title{font-size:28px;font-weight:600;letter-spacing:-.5px;color:var(--text-primary);line-height:1.15}.tf-subtitle{font-size:13px;color:var(--text-tertiary);margin-top:2px}.tf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.tf-toolbar-left{display:flex;gap:12px;align-items:center;flex:1}.tf-filter-select{padding:10px 14px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-size:13px;font-family:var(--font-family);outline:none;cursor:pointer}.tf-table-card{background:var(--surface-card);border-radius:12px;border:1px solid var(--border-subtle);overflow:hidden}.tf-table{width:100%;border-collapse:separate;border-spacing:0}.tf-table thead th{padding:14px 18px;text-align:left;font-size:12px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-subtle);background:#ffffff05}.tf-table tbody td{padding:11px 18px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.tf-table tbody tr:last-child td{border-bottom:none}.tf-table tbody tr{transition:background .15s ease}.tf-table tbody tr:hover td{background:#ffffff08}.tf-cell-context{display:flex;flex-direction:column;gap:2px}.tf-cell-customer{font-size:13px;font-weight:600;color:var(--text-primary)}.tf-cell-site{font-size:11px;color:var(--text-tertiary)}.tf-direction{display:inline-flex;align-items:center;gap:8px;font-size:13px}.tf-direction-arrow{color:var(--accent-purple);font-weight:700}.tf-create-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 24px;background:var(--accent-purple);color:#fff;border:none;border-radius:var(--radius-full);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.tf-create-btn:hover{filter:brightness(1.1);box-shadow:var(--shadow-md)}.tf-online-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:500;margin-bottom:16px;width:100%;box-sizing:border-box}.tf-online-badge.online{background:#30d15814;border:1px solid rgba(48,209,88,.2);color:var(--accent-green)}.tf-online-badge.offline{background:#ff453a14;border:1px solid rgba(255,69,58,.2);color:var(--accent-red)}.tf-online-dot{width:8px;height:8px;border-radius:50%}.tf-online-badge.online .tf-online-dot{background:var(--accent-green);box-shadow:0 0 6px #30d15880}.tf-online-badge.offline .tf-online-dot{background:var(--accent-red)}.tf-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.tf-cascade-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:4px}.tf-cascade-item{margin-bottom:8px!important}.tf-cascade-item .dp-form-label{font-size:11px}.tf-stock-info{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:#ffffff08;border:1px solid var(--border-subtle);margin-top:8px;font-size:13px}.tf-stock-info label{color:var(--text-tertiary)}.tf-stock-info span{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.tf-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:tfFadeIn .2s ease}.tf-modal{background:var(--surface-card);border-radius:16px;min-width:560px;max-width:680px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 80px #0009;border:1px solid var(--border-subtle)}.tf-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 0}.tf-modal-header h2{font-size:20px;font-weight:700;letter-spacing:-.3px}.tf-modal-close{width:28px;height:28px;border-radius:50%;background:var(--surface-elevated);border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:.15s}.tf-modal-close:hover{background:var(--accent-red);color:#fff}.tf-modal-body{padding:20px 28px 28px}.tf-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 4px}.tf-pagination-info{font-size:13px;color:var(--text-tertiary)}.tf-pagination-btns{display:flex;gap:8px}.tf-pagination-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-primary);font-size:13px;font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.tf-pagination-btn:hover:not(:disabled){background:var(--surface-card-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.tf-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.tf-empty{padding:80px 40px;text-align:center}.tf-empty-icon{font-size:48px;opacity:.15;margin-bottom:18px}.tf-empty h3{font-size:19px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.tf-empty p{font-size:15px;color:var(--text-tertiary)}.tf-toast{position:fixed;bottom:28px;right:28px;display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:14px;font-size:14px;font-weight:500;color:var(--text-primary);box-shadow:0 8px 32px #00000080;z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:tfSlideUp .3s ease}.tf-toast.success{background:#30d15826;border:1px solid rgba(48,209,88,.3)}.tf-toast.error{background:#ff453a26;border:1px solid rgba(255,69,58,.3)}@keyframes tfSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.sync-panel{position:fixed;bottom:0;right:28px;width:420px;background:var(--surface-card);border:1px solid var(--border-default);border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 -4px 24px #0006;z-index:900;overflow:hidden}.sync-panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;cursor:pointer;background:#ffffff05;border-bottom:1px solid var(--border-subtle)}.sync-panel-left{display:flex;align-items:center;gap:8px}.sync-dot{width:8px;height:8px;border-radius:50%}.sync-dot.online{background:var(--accent-green);box-shadow:0 0 6px #30d15880}.sync-dot.offline{background:var(--accent-red)}.sync-panel-title{font-size:13px;font-weight:500;color:var(--text-primary)}.sync-panel-right{display:flex;align-items:center;gap:8px}.sync-retry-all,.sync-flush-btn{padding:4px 10px;border-radius:6px;border:1px solid var(--border-default);background:transparent;color:var(--accent-primary);font-size:11px;font-weight:500;font-family:var(--font-family);cursor:pointer}.sync-retry-all:hover,.sync-flush-btn:hover{background:#2997ff14}.sync-expand{font-size:12px;color:var(--text-tertiary)}.sync-panel-body{max-height:240px;overflow-y:auto;padding:8px}.sync-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:8px;margin-bottom:4px;font-size:12px}.sync-item-queued{background:#ffffff08}.sync-item-failed{background:#ff453a0f;border:1px solid rgba(255,69,58,.12)}.sync-item-conflict{background:#ffd60a0f;border:1px solid rgba(255,214,10,.12)}.sync-item-info{display:flex;flex-direction:column;gap:2px}.sync-item-type{font-weight:500;color:var(--text-primary);text-transform:capitalize}.sync-item-status{font-size:11px;color:var(--text-tertiary);text-transform:uppercase}.sync-item-error{font-size:11px;color:var(--accent-red)}.sync-item-actions{display:flex;gap:6px}.sync-item-retry,.sync-item-dismiss{padding:3px 8px;border-radius:4px;border:none;font-size:11px;font-family:var(--font-family);cursor:pointer}.sync-item-retry{background:#2997ff1f;color:var(--accent-primary)}.sync-item-dismiss{background:#ffffff0d;color:var(--text-tertiary)}.wo-container{max-width:100%;animation:woFadeIn .5s cubic-bezier(.25,.1,.25,1)}@keyframes woFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.wo-header-left{display:flex;align-items:center;gap:16px}.wo-header-icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#ff9f0a1f,#ff9f0a0a);display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid rgba(255,159,10,.15);color:var(--accent-orange)}.wo-title{font-size:28px;font-weight:600;letter-spacing:-.5px;color:var(--text-primary);line-height:1.15}.wo-subtitle{font-size:13px;color:var(--text-tertiary);margin-top:2px}.wo-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.wo-search-wrap{position:relative;max-width:400px;flex:1}.wo-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;font-size:14px}.wo-search-input{width:100%;padding:11px 14px 11px 42px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;color:var(--text-primary);font-size:14px;font-family:var(--font-family);outline:none;transition:all .2s ease}.wo-search-input:focus{border-color:var(--accent-primary);background:var(--surface-card-hover);box-shadow:0 0 0 3px #0a84ff1a}.wo-filter-select{padding:10px 14px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-size:13px;font-family:var(--font-family);outline:none;cursor:pointer}.wo-create-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 24px;background:var(--accent-orange);color:#fff;border:none;border-radius:var(--radius-full);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.wo-create-btn:hover{filter:brightness(1.1);box-shadow:var(--shadow-md)}.wo-table-card{background:var(--surface-card);border-radius:12px;border:1px solid var(--border-subtle);overflow:hidden}.wo-table{width:100%;border-collapse:separate;border-spacing:0}.wo-table thead th{padding:14px 18px;text-align:left;font-size:12px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-subtle);background:#ffffff05}.wo-table tbody td{padding:11px 18px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.wo-table tbody tr:last-child td{border-bottom:none}.wo-table tbody tr{transition:background .15s ease}.wo-table tbody tr:hover td{background:#ffffff08}.wo-cell-mono{font-variant-numeric:tabular-nums;font-weight:500;color:var(--accent-primary)}.wo-cell-date{font-size:13px;color:var(--text-secondary)}.wo-view-btn{padding:5px 14px;border-radius:6px;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);font-size:12px;font-family:var(--font-family);cursor:pointer;transition:.15s}.wo-view-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.wo-actions-cell{display:flex;gap:6px;align-items:center}.wo-edit-btn{padding:5px 10px;border-radius:6px;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);font-size:12px;font-family:var(--font-family);cursor:pointer;transition:.15s}.wo-edit-btn:hover{border-color:#f0ad4e;color:#f0ad4e}.wo-delete-btn{padding:5px 10px;border-radius:6px;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);font-size:12px;font-family:var(--font-family);cursor:pointer;transition:.15s}.wo-delete-btn:hover{border-color:#d9534f;color:#d9534f}.wo-update-btn{padding:5px 10px;border-radius:6px;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);font-size:12px;font-family:var(--font-family);cursor:pointer;transition:.15s}.wo-update-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.wo-status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.wo-status-in-progress{background:#ff9f0a1f;color:var(--accent-orange);border:1px solid rgba(255,159,10,.2)}.wo-status-completed{background:#30d1581f;color:var(--accent-green);border:1px solid rgba(48,209,88,.2)}.wo-stage-badge{display:inline-block;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:600;letter-spacing:.4px}.wo-stage-pending{background:#ffffff0f;color:var(--text-secondary);border:1px solid var(--border-default)}.wo-stage-completed{background:#30d1581f;color:var(--accent-green);border:1px solid rgba(48,209,88,.2)}.wo-stage-skipped{background:#ffd60a1f;color:var(--accent-yellow);border:1px solid rgba(255,214,10,.2)}.wo-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 4px}.wo-pagination-info{font-size:13px;color:var(--text-tertiary)}.wo-pagination-btns{display:flex;gap:8px}.wo-pagination-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-primary);font-size:13px;font-family:var(--font-family);cursor:pointer;transition:all .15s ease}.wo-pagination-btn:hover:not(:disabled){background:var(--surface-card-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.wo-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.wo-empty{padding:80px 40px;text-align:center}.wo-empty-icon{font-size:48px;opacity:.15;margin-bottom:18px}.wo-empty h3{font-size:19px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.wo-empty p{font-size:15px;color:var(--text-tertiary)}.wo-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:woFadeIn .2s ease}.wo-modal{background:var(--surface-card);border-radius:16px;min-width:480px;max-width:560px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 80px #0009;border:1px solid var(--border-subtle)}.wo-detail-modal{background:var(--surface-card);border-radius:16px;width:700px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:0 24px 80px #0009;border:1px solid var(--border-subtle)}.wo-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 0}.wo-modal-header h2{font-size:20px;font-weight:700;letter-spacing:-.3px}.wo-modal-close{width:28px;height:28px;border-radius:50%;background:var(--surface-elevated);border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:.15s}.wo-modal-close:hover{background:var(--accent-red);color:#fff}.wo-modal-body{padding:20px 28px 28px}.wo-detail-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding:16px;background:#ffffff05;border-radius:10px;border:1px solid var(--border-subtle);margin-bottom:20px}.wo-detail-row{display:flex;flex-direction:column;gap:3px}.wo-detail-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.wo-detail-row span:last-child{font-size:14px;color:var(--text-primary)}.wo-tabs{display:flex;gap:4px;margin-bottom:16px;background:#ffffff08;border-radius:8px;padding:3px}.wo-tab{flex:1;padding:8px 16px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:.15s}.wo-tab.active{background:var(--surface-elevated);color:var(--text-primary)}.wo-tab:hover:not(.active){color:var(--text-primary)}.wo-stages-list{display:flex;flex-direction:column;gap:8px}.wo-stage-card{padding:14px 16px;background:#ffffff05;border-radius:10px;border:1px solid var(--border-subtle)}.wo-stage-header{display:flex;justify-content:space-between;align-items:center}.wo-stage-info{display:flex;align-items:center;gap:10px}.wo-stage-seq{width:24px;height:24px;border-radius:50%;background:var(--surface-elevated);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-secondary)}.wo-stage-name{font-size:14px;font-weight:500;color:var(--text-primary)}.wo-stage-note{font-size:12px;color:var(--text-tertiary);margin-top:6px;padding-left:34px}.wo-stage-media-count{font-size:11px;color:var(--accent-primary);margin-top:4px;padding-left:34px}.wo-stage-actions{display:flex;gap:8px;margin-top:10px;padding-left:34px}.wo-btn-complete{padding:5px 14px;border-radius:6px;border:none;background:#30d1581f;color:var(--accent-green);font-size:12px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:.15s}.wo-btn-complete:hover{background:#30d15833}.wo-btn-skip{padding:5px 14px;border-radius:6px;border:none;background:#ffd60a1a;color:var(--accent-yellow);font-size:12px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:.15s}.wo-btn-skip:hover{background:#ffd60a2e}.wo-no-stages{text-align:center;padding:24px;color:var(--text-tertiary);font-size:14px}.wo-stage-action-info{padding:10px 14px;background:#ffffff08;border-radius:8px;border:1px solid var(--border-subtle);margin-bottom:16px;font-size:13px;color:var(--text-secondary)}.wo-textarea{resize:vertical;min-height:60px;font-family:var(--font-family)}.wo-photo-add{display:flex;gap:8px}.wo-photo-add .dp-form-input{flex:1}.wo-photo-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.wo-photo-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#2997ff0f;border-radius:6px;border:1px solid rgba(41,151,255,.12);font-size:13px;color:var(--accent-primary)}.wo-photo-remove{width:18px;height:18px;border-radius:50%;border:none;background:#ff453a26;color:var(--accent-red);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px}.wo-photo-hint{font-size:12px;color:var(--text-tertiary);margin-top:6px}.wo-wf-progress{margin-bottom:16px}.wo-wf-progress-text{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:12px}.wo-wf-progress-bar{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.wo-wf-progress-fill{display:block;height:100%;background:var(--accent-green);border-radius:3px;transition:width .3s ease}.wo-stage-note-empty{font-style:italic;opacity:.5}.wo-stage-header-right{display:flex;align-items:center;gap:8px}.wo-btn-update{width:28px;height:28px;border-radius:6px;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:.15s;display:flex;align-items:center;justify-content:center}.wo-btn-update:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#0a84ff1a}.wo-stage-card.clickable .wo-stage-header{cursor:pointer}.wo-stage-card.clickable .wo-stage-header:hover{background:#ffffff05;border-radius:8px}.wo-stage-chevron{font-size:10px;color:var(--text-tertiary);margin-left:4px;transition:.15s}.wo-stage-body{padding-top:10px;margin-top:8px;border-top:1px solid var(--border-subtle);animation:woFadeIn .2s ease}.wo-stage-body .wo-stage-note,.wo-stage-body .wo-stage-media-thumbs{padding-left:34px}.wo-stage-media-thumbs{display:flex;align-items:center;gap:6px;margin-top:8px;padding-left:34px;flex-wrap:wrap}.wo-stage-thumb{width:40px;height:40px;border-radius:6px;overflow:hidden;border:1px solid var(--border-subtle);background:#ffffff08}.wo-stage-thumb-img{width:100%;height:100%;object-fit:cover}.wo-stage-thumb-pending{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px;opacity:.4}.wo-stage-media-label{font-size:11px;color:var(--text-tertiary);margin-left:4px}.wo-stage-update-modal{width:600px;max-width:95vw}.wo-su-stage-info{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ffffff08;border-radius:10px;border:1px solid var(--border-subtle);margin-bottom:16px}.wo-su-stage-name{font-size:16px;font-weight:600;color:var(--text-primary);flex:1}.wo-su-action-tabs{display:flex;gap:4px;margin-bottom:16px;background:#ffffff08;border-radius:8px;padding:3px}.wo-su-action-tab{flex:1;padding:8px 16px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:.15s}.wo-su-action-tab:hover:not(.active){color:var(--text-primary)}.wo-su-action-tab.active.complete{background:#30d1581f;color:var(--accent-green)}.wo-su-action-tab.active.skip{background:#ffd60a1f;color:var(--accent-yellow)}.wo-su-photo-count{float:right;font-weight:400;font-size:12px;color:var(--text-tertiary);text-transform:none;letter-spacing:0}.wo-su-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-bottom:10px}.wo-su-photo-card{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border-subtle);background:#ffffff08}.wo-su-photo-img{width:100%;height:80px;object-fit:cover;display:block}.wo-su-photo-placeholder{width:100%;height:80px;display:flex;align-items:center;justify-content:center;font-size:28px;opacity:.3}.wo-su-photo-name{display:block;padding:4px 6px;font-size:10px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wo-su-new-card{border-color:#0a84ff4d}.wo-su-photo-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:#ff453ad9;color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.wo-su-new-card:hover .wo-su-photo-remove,.wo-su-photo-card:hover .wo-su-photo-remove{opacity:1}.wo-su-upload-actions{display:flex;gap:8px;margin-bottom:8px}.wo-su-upload-btn,.wo-su-capture-btn{flex:1;padding:10px 16px;border-radius:8px;border:1px dashed var(--border-default);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:.15s;text-align:center}.wo-su-upload-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#0a84ff0f}.wo-su-capture-btn:hover{border-color:var(--accent-orange);color:var(--accent-orange);background:#ff9f0a0f}.wo-su-manual-ref{margin-top:4px;font-size:12px;color:var(--text-tertiary)}.wo-su-manual-ref summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0}.wo-su-manual-ref summary:hover{color:var(--text-secondary)}.wo-su-manual-ref .wo-photo-add{margin-top:6px}.wo-btn-skip-confirm{background:var(--accent-yellow)!important;color:#000!important}.wo-btn-skip-confirm:hover{filter:brightness(1.1)}.wo-materials-section{display:flex;flex-direction:column;gap:12px}.wo-add-material-btn{align-self:flex-start;padding:7px 16px;border-radius:8px;border:1px dashed var(--border-default);background:transparent;color:var(--accent-primary);font-size:13px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:.15s}.wo-add-material-btn:hover{border-color:var(--accent-primary);background:#2997ff0f}.wo-materials-table{border-radius:8px;overflow:hidden;border:1px solid var(--border-subtle)}.wo-toast{position:fixed;bottom:28px;right:28px;display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:14px;font-size:14px;font-weight:500;color:var(--text-primary);box-shadow:0 8px 32px #00000080;z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:woSlideUp .3s ease}.wo-toast.success{background:#30d15826;border:1px solid rgba(48,209,88,.3)}.wo-toast.error{background:#ff453a26;border:1px solid rgba(255,69,58,.3)}@keyframes woSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.wo-asset-toggle{display:flex;align-items:center;justify-content:space-between}.wo-toggle-link{background:none;border:none;color:var(--accent-primary, #ff9f0a);font-size:13px;cursor:pointer;padding:0}.wo-toggle-link:hover{text-decoration:underline}.wo-new-asset-form{margin-top:8px;padding:12px;background:var(--surface-hover, rgba(255,255,255,.04));border-radius:8px;border:1px solid var(--border-subtle, rgba(255,255,255,.06))}.wo-new-asset-form .dp-form-group{margin-bottom:10px}.wo-new-asset-form .dp-form-group:last-child{margin-bottom:0}.wo-no-assets-msg{font-size:13px;color:var(--text-tertiary, rgba(255,255,255,.4));margin:0 0 4px}.wo-new-asset-link{background:none;border:none;color:var(--accent, #4a9eff);font-size:12px;padding:4px 0;margin-top:6px;cursor:pointer;text-decoration:underline;display:inline-block}.wo-new-asset-link:hover{color:var(--accent-hover, #6bb3ff)}.wo-thumb-loading{opacity:.4;animation:woPulse 1.2s ease-in-out infinite}@keyframes woPulse{0%,to{opacity:.3}50%{opacity:.6}}.wo-stage-thumb-img.clickable,.wo-su-photo-img.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.wo-stage-thumb-img.clickable:hover,.wo-su-photo-img.clickable:hover{transform:scale(1.1);box-shadow:0 0 8px #64b4ff80}.wo-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000e0;display:flex;align-items:center;justify-content:center;animation:woFadeIn .2s ease}.wo-lightbox-close{position:absolute;top:16px;right:24px;background:#ffffff26;border:none;color:#fff;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.wo-lightbox-close:hover{background:#ffffff4d}.wo-lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px #00000080}.att-container{max-width:100%;animation:attFadeIn .5s cubic-bezier(.25,.1,.25,1)}@keyframes attFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.att-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.att-header-left{display:flex;align-items:center;gap:16px}.att-header-icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#30d1581f,#30d1580a);display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid rgba(48,209,88,.15)}.att-title{font-size:28px;font-weight:600;letter-spacing:-.5px;color:var(--text-primary);line-height:1.15}.att-subtitle{font-size:13px;color:var(--text-tertiary);margin-top:2px}.att-create-btn{display:flex;align-items:center;gap:6px;background:var(--accent-primary, #0A84FF);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.att-create-btn:hover{background:var(--accent-hover, #3898ff)}.att-create-btn span{font-size:18px}.att-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.att-filter-date{background:var(--surface-card, #1C1C1E);color:var(--text-primary);border:1px solid var(--border-subtle, #333);border-radius:8px;padding:8px 12px;font-size:13px}.att-clear-filter{background:none;border:1px solid var(--border-subtle, #333);color:var(--text-secondary);border-radius:8px;padding:6px 14px;font-size:13px;cursor:pointer}.att-clear-filter:hover{color:var(--text-primary)}.att-filter-label{color:var(--text-secondary);font-size:13px;font-weight:500}.att-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.att-sortable:hover{color:var(--text-primary, #fff)}.att-table-card{background:var(--surface-card, #1C1C1E);border-radius:12px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));overflow:hidden}.att-table{width:100%;border-collapse:collapse}.att-table th{text-align:left;padding:12px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06));font-weight:600}.att-table td{padding:14px 16px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .04));vertical-align:top}.att-table tbody tr:hover{background:var(--surface-card-hover, #2C2C2E)}.att-employee-cell,.att-po-cell{display:flex;flex-direction:column;gap:4px}.att-employee-name,.att-po-primary{font-weight:600;color:var(--text-primary)}.att-employee-meta,.att-po-secondary{font-size:12px;color:var(--text-tertiary)}.att-status-badge{padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.att-status-present{background:#30d15826;color:#30d158}.att-status-absent{background:#ff453a26;color:#ff453a}.att-action-btn{background:none;border:1px solid var(--border-subtle, #333);color:var(--text-secondary);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:14px;margin-right:6px;transition:all .15s}.att-action-btn:hover{background:var(--surface-card-hover, #2C2C2E);color:var(--text-primary)}.att-action-del:hover{border-color:#ff453a80;color:#ff453a}.att-empty{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.att-empty-icon{font-size:48px;opacity:.15;margin-bottom:12px}.att-empty h3{font-size:18px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.att-empty p{font-size:14px}.att-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.att-pagination-info{font-size:13px;color:var(--text-tertiary)}.att-pagination-btns{display:flex;gap:8px}.att-pagination-btn{background:var(--surface-card, #1C1C1E);color:var(--text-secondary);border:1px solid var(--border-subtle, #333);padding:6px 16px;border-radius:8px;font-size:13px;cursor:pointer}.att-pagination-btn:disabled{opacity:.4;cursor:default}.att-pagination-btn:not(:disabled):hover{background:var(--surface-card-hover, #2C2C2E);color:var(--text-primary)}.att-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:attFadeIn .2s ease}.att-modal{background:var(--surface-card, #1C1C1E);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:16px;width:480px;max-width:95vw;max-height:90vh;overflow-y:auto}.att-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0}.att-modal-header h2{font-size:20px;font-weight:600}.att-modal-close{background:none;border:none;color:var(--text-tertiary);font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.att-modal-close:hover{background:var(--surface-card-hover, #2C2C2E)}.att-modal-body{padding:20px 24px 24px}.att-select-note{margin-top:8px;font-size:12px;color:var(--text-tertiary)}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.att-allocation-card{margin-bottom:18px;padding:16px;border-radius:12px;border:1px solid rgba(10,132,255,.18);background:linear-gradient(180deg,#0a84ff14,#0a84ff08)}.att-allocation-title{margin-bottom:12px;font-size:13px;font-weight:600;letter-spacing:.2px;color:var(--text-primary)}.att-allocation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.att-allocation-field{display:flex;flex-direction:column;gap:4px;min-width:0}.att-allocation-field label{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-tertiary)}.att-allocation-field span{font-size:13px;line-height:1.4;color:var(--text-primary);word-break:break-word}.att-allocation-field-wide{grid-column:1 / -1}.att-linked-allocations{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.att-linked-allocations-title{margin-bottom:10px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-tertiary)}.att-linked-allocation-empty{font-size:13px;color:var(--text-tertiary)}.att-linked-allocation-item{padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.att-linked-allocation-item+.att-linked-allocation-item{margin-top:10px}.att-linked-allocation-item.active{border-color:#30d15847;background:#30d15814}.att-linked-allocation-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.att-linked-allocation-po{font-size:14px;font-weight:600;color:var(--text-primary)}.att-linked-allocation-flag{padding:2px 8px;border-radius:999px;font-size:11px;color:var(--text-tertiary);background:#ffffff14;white-space:nowrap}.att-linked-allocation-flag.active{color:#30d158;background:#30d15824}.att-linked-allocation-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px;color:var(--text-secondary)}.att-linked-allocation-notes{margin-top:8px;font-size:12px;color:var(--text-primary)}.att-status-toggle{display:flex;gap:8px}.att-toggle-btn{flex:1;padding:10px;border:1px solid var(--border-subtle, #333);background:transparent;color:var(--text-secondary);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.att-toggle-btn.active.present{background:#30d15826;border-color:#30d15866;color:#30d158}.att-toggle-btn.active.absent{background:#ff453a26;border-color:#ff453a66;color:#ff453a}.att-toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;z-index:2000;animation:attFadeIn .3s ease}.att-toast.success{background:#30d15826;color:#30d158;border:1px solid rgba(48,209,88,.3)}.att-toast.error{background:#ff453a26;color:#ff453a;border:1px solid rgba(255,69,58,.3)}@media (max-width: 640px){.att-header{flex-direction:column;align-items:stretch;gap:16px}.att-toolbar{flex-wrap:wrap}.att-allocation-grid{grid-template-columns:1fr}.att-modal{width:min(480px,calc(100vw - 24px))}.att-linked-allocation-head{flex-direction:column;align-items:flex-start}}.hse-container{max-width:100%;animation:hseFadeIn .5s cubic-bezier(.25,.1,.25,1)}@keyframes hseFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hse-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.hse-header-left{display:flex;align-items:center;gap:16px}.hse-header-icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#ffd60a1f,#ffd60a0a);display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid rgba(255,214,10,.15)}.hse-title{font-size:28px;font-weight:600;letter-spacing:-.5px;color:var(--text-primary);line-height:1.15}.hse-subtitle{font-size:13px;color:var(--text-tertiary);margin-top:2px}.hse-create-btn{display:flex;align-items:center;gap:6px;background:var(--accent-primary, #0A84FF);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.hse-create-btn:hover{background:var(--accent-hover, #3898ff)}.hse-create-btn span{font-size:18px}.hse-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.hse-filter-select{background:var(--surface-card, #1C1C1E);color:var(--text-primary);border:1px solid var(--border-subtle, #333);border-radius:8px;padding:8px 12px;font-size:13px;min-width:200px}.hse-table-card{background:var(--surface-card, #1C1C1E);border-radius:12px;border:1px solid var(--border-subtle, rgba(255,255,255,.06));overflow:hidden}.hse-table{width:100%;border-collapse:collapse}.hse-table th{text-align:left;padding:12px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle, rgba(255,255,255,.06));font-weight:600}.hse-table td{padding:12px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle, rgba(255,255,255,.04));text-align:left}.hse-table tbody tr:hover{background:var(--surface-card-hover, #2C2C2E)}.hse-total-badge{padding:2px 10px;border-radius:6px;font-size:12px;font-weight:700}.hse-total-badge.zero{background:#30d15826;color:#30d158}.hse-total-badge.nonzero{background:#ffd60a26;color:#ffd60a}.hse-action-btn{background:none;border:1px solid var(--border-subtle, #333);color:var(--text-secondary);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:14px;margin-right:6px;transition:all .15s}.hse-action-btn:hover{background:var(--surface-card-hover, #2C2C2E);color:var(--text-primary)}.hse-action-del:hover{border-color:#ff453a80;color:#ff453a}.hse-empty{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.hse-empty-icon{font-size:48px;opacity:.15;margin-bottom:12px}.hse-empty h3{font-size:18px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.hse-empty p{font-size:14px}.hse-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.hse-pagination-info{font-size:13px;color:var(--text-tertiary)}.hse-pagination-btns{display:flex;gap:8px}.hse-pagination-btn{background:var(--surface-card, #1C1C1E);color:var(--text-secondary);border:1px solid var(--border-subtle, #333);padding:6px 16px;border-radius:8px;font-size:13px;cursor:pointer}.hse-pagination-btn:disabled{opacity:.4;cursor:default}.hse-pagination-btn:not(:disabled):hover{background:var(--surface-card-hover, #2C2C2E);color:var(--text-primary)}.hse-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:hseFadeIn .2s ease}.hse-modal{background:var(--surface-card, #1C1C1E);border:1px solid var(--border-subtle, rgba(255,255,255,.08));border-radius:16px;width:520px;max-width:95vw;max-height:90vh;overflow-y:auto}.hse-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0}.hse-modal-header h2{font-size:20px;font-weight:600}.hse-modal-close{background:none;border:none;color:var(--text-tertiary);font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.hse-modal-close:hover{background:var(--surface-card-hover, #2C2C2E)}.hse-modal-body{padding:20px 24px 24px}.hse-fields-grid{display:flex;flex-direction:column;gap:12px;margin:16px 0}.hse-field-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.hse-field-label{font-size:14px;color:var(--text-secondary);flex:1}.hse-field-input{width:80px;background:var(--surface-bg, #000);color:var(--text-primary);border:1px solid var(--border-subtle, #333);border-radius:8px;padding:8px 10px;font-size:14px;text-align:center}.hse-field-input:focus{border-color:var(--accent-primary, #0A84FF);outline:none}.hse-toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;z-index:2000;animation:hseFadeIn .3s ease}.hse-toast.success{background:#30d15826;color:#30d158;border:1px solid rgba(48,209,88,.3)}.hse-toast.error{background:#ff453a26;color:#ff453a;border:1px solid rgba(255,69,58,.3)}.ast-container{max-width:100%;animation:astFadeIn .5s cubic-bezier(.25,.1,.25,1)}@keyframes astFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.ast-header-left{display:flex;align-items:center;gap:16px}.ast-header-icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#0a84ff1f,#0a84ff0a);display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid rgba(10,132,255,.15)}.ast-title{font-size:28px;font-weight:600;letter-spacing:-.5px;color:var(--text-primary);line-height:1.15}.ast-subtitle{font-size:13px;color:var(--text-tertiary);margin-top:2px}.ast-header-actions{display:flex;gap:8px}.ast-create-btn{display:flex;align-items:center;gap:6px;background:var(--accent-primary, #0A84FF);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.ast-create-btn:hover{background:var(--accent-hover, #3898ff)}.ast-create-btn span{font-size:18px}.ast-export-btn{display:flex;align-items:center;gap:6px;background:var(--surface-card, #1C1C1E);color:var(--text-secondary);border:1px solid var(--border-subtle, #333);padding:10px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.ast-export-btn:hover{background:var(--surface-card-hover, #2C2C2E);color:var(--text-primary)}.ast-filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;background:var(--surface-card, #1C1C1E);border-radius:14px;border:1px solid var(--border-subtle, #333)}.ast-filter-select{background:var(--surface-elevated, #1a1a1a);color:var(--text-primary);border:1px solid var(--border-default, #333);border-radius:10px;padding:8px 32px 8px 12px;font-size:13px;font-family:var(--font-family);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .2s ease;flex-shrink:0}.ast-filter-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0a84ff26}.ast-filter-select:hover{border-color:var(--accent-primary)}.ast-filter-input-wrap{position:relative;flex:1;min-width:180px;max-width:320px}.ast-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.ast-filter-text{width:100%;padding:8px 12px 8px 36px;background:var(--surface-elevated, #1a1a1a);border:1px solid var(--border-default, #333);border-radius:10px;color:var(--text-primary);font-size:13px;font-family:var(--font-family);outline:none;transition:all .2s ease}.ast-filter-text:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0a84ff26}.ast-filter-text::placeholder{color:var(--text-tertiary)}.ast-filter-divider{width:1px;height:28px;background:var(--border-subtle, #333);flex-shrink:0}.ast-filter-date{background:var(--surface-elevated, #1a1a1a);color:var(--text-primary);border:1px solid var(--border-default, #333);border-radius:10px;padding:8px;font-size:13px;font-family:var(--font-family);outline:none;flex:1;min-width:0;transition:all .2s ease}.ast-filter-date:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0a84ff26}.ast-filter-date::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.ast-date-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px;font-weight:600;white-space:nowrap}.ast-date-range-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.ast-clear-btn{padding:6px 14px;border-radius:8px;border:1px solid var(--border-default, #333);background:transparent;color:var(--text-secondary);font-size:12px;font-family:var(--font-family);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.ast-clear-btn:hover{color:#ff453a;border-color:#ff453a;background:#ff453a14}.ast-cell-po{font-family:SF Mono,Fira Code,monospace;font-size:13px;color:var(--text-secondary)}.ast-table-card{background:var(--surface-card, #1C1C1E);border-radius:12px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));overflow:hidden}.ast-table{width:100%;border-collapse:collapse}.ast-table th{text-align:left;padding:12px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06));font-weight:600}.ast-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.ast-sortable:hover{color:var(--text-primary)}.ast-table td{padding:12px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .04));text-align:left}.ast-table tbody tr{cursor:pointer}.ast-table tbody tr:hover{background:var(--surface-card-hover, #2C2C2E)}.ast-cell-code{font-family:SF Mono,Fira Code,monospace;font-size:13px;color:var(--accent-primary, #0A84FF)}.ast-status{display:inline-block;padding:2px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ast-status.active{background:#30d15826;color:#30d158}.ast-status.in_maintenance{background:#ff9f0a26;color:#ff9f0a}.ast-status.decommissioned{background:#8e8e9326;color:#8e8e93}.ast-wo-pill{display:inline-block;padding:2px 8px;margin:1px 4px 1px 0;border-radius:6px;font-size:12px;font-weight:500;background:#0a84ff1f;color:#0a84ff;border:1px solid rgba(10,132,255,.2);font-family:SF Mono,Fira Code,monospace;letter-spacing:.3px}.ast-action-btn{background:none;border:1px solid var(--border-subtle, #333);color:var(--text-secondary);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:14px;margin-right:6px;transition:all .15s}.ast-action-btn:hover{background:var(--surface-card-hover, #2C2C2E);color:var(--text-primary)}.ast-action-del:hover{border-color:#ff453a80;color:#ff453a}.ast-empty{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.ast-empty-icon{font-size:48px;opacity:.15;margin-bottom:12px}.ast-empty h3{font-size:18px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.ast-empty p{font-size:14px}.ast-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.ast-pagination-info{font-size:13px;color:var(--text-tertiary)}.ast-pagination-btns{display:flex;gap:8px}.ast-pagination-btn{background:var(--surface-card, #1C1C1E);color:var(--text-secondary);border:1px solid var(--border-subtle, #333);padding:6px 16px;border-radius:8px;font-size:13px;cursor:pointer}.ast-pagination-btn:disabled{opacity:.4;cursor:default}.ast-pagination-btn:not(:disabled):hover{background:var(--surface-card-hover, #2C2C2E);color:var(--text-primary)}.ast-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:astFadeIn .2s ease}.ast-modal{background:var(--surface-card, #1C1C1E);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:16px;width:560px;max-width:95vw;max-height:90vh;overflow-y:auto}.ast-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0}.ast-modal-header h2{font-size:20px;font-weight:600}.ast-modal-close{background:none;border:none;color:var(--text-tertiary);font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.ast-modal-close:hover{background:var(--surface-card-hover, #2C2C2E)}.ast-modal-body{padding:20px 24px 24px}.ast-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:astFadeIn .2s ease}.ast-detail-panel{background:var(--surface-card, #1C1C1E);border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:16px;width:640px;max-width:95vw;max-height:90vh;overflow-y:auto}.ast-detail-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.ast-detail-header h2{font-size:20px;font-weight:600}.ast-detail-body{padding:20px 24px 24px}.ast-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.ast-detail-field label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);display:block;margin-bottom:4px}.ast-detail-field span{font-size:14px;color:var(--text-primary)}.ast-detail-section{margin-top:24px}.ast-detail-section h3{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06));padding-bottom:8px}.ast-audit-row{font-size:13px;color:var(--text-secondary);padding:6px 0;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .03))}.ast-audit-row:last-child{border-bottom:none}.ast-no-data{font-size:13px;color:var(--text-tertiary);font-style:italic}.ast-toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;z-index:2000;animation:astFadeIn .3s ease}.ast-toast.success{background:#30d15826;color:#30d158;border:1px solid rgba(48,209,88,.3)}.ast-toast.error{background:#ff453a26;color:#ff453a;border:1px solid rgba(255,69,58,.3)}.asr-container{max-width:100%;animation:asrFadeIn .5s cubic-bezier(.25,.1,.25,1)}@keyframes asrFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.asr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.asr-header-left{display:flex;align-items:center;gap:16px}.asr-header-icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#64d2501f,#64d2500a);display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid rgba(100,210,80,.15)}.asr-title{font-size:28px;font-weight:600;letter-spacing:-.5px;color:var(--text-primary);line-height:1.15}.asr-subtitle{font-size:13px;color:var(--text-tertiary);margin-top:2px}.asr-export-btn{display:flex;align-items:center;gap:6px;background:var(--accent-primary, #0A84FF);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.asr-export-btn:hover{background:var(--accent-hover, #3898ff)}.asr-export-btn:disabled{opacity:.5;cursor:default}.asr-stats{display:flex;gap:12px;margin-bottom:20px}.asr-stat{flex:1;background:var(--surface-card, #1C1C1E);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:4px}.asr-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.asr-stat-value{font-size:28px;font-weight:700}.asr-stat-value.active{color:#30d158}.asr-stat-value.in_maintenance{color:#ff9f0a}.asr-stat-value.decommissioned{color:#8e8e93}.asr-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.asr-filter{background:var(--surface-card, #1C1C1E);color:var(--text-primary);border:1px solid var(--border-subtle, #333);border-radius:8px;padding:8px 12px;font-size:13px;min-width:160px}.asr-search{background:var(--surface-card, #1C1C1E);color:var(--text-primary);border:1px solid var(--border-subtle, #333);border-radius:8px;padding:8px 12px;font-size:13px;min-width:200px;flex:1;max-width:320px}.asr-search::placeholder{color:var(--text-tertiary)}.asr-table-card{background:var(--surface-card, #1C1C1E);border-radius:12px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));overflow:hidden}.asr-table{width:100%;border-collapse:collapse}.asr-table th{text-align:left;padding:12px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06));font-weight:600}.asr-table td{padding:12px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .04));text-align:left}.asr-table tbody tr:hover{background:var(--surface-card-hover, #2C2C2E)}.asr-cell-code{font-family:SF Mono,Fira Code,monospace;font-size:13px;color:var(--accent-primary, #0A84FF)}.asr-status{display:inline-block;padding:2px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.asr-status.active{background:#30d15826;color:#30d158}.asr-status.in_maintenance{background:#ff9f0a26;color:#ff9f0a}.asr-status.decommissioned{background:#8e8e9326;color:#8e8e93}.asr-loading{text-align:center;padding:40px;color:var(--text-tertiary);font-size:14px}.asr-empty{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.asr-empty-icon{font-size:48px;opacity:.15;margin-bottom:12px}.asr-empty h3{font-size:18px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.asr-empty p{font-size:14px}.asr-toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;z-index:2000;animation:asrFadeIn .3s ease}.asr-toast.success{background:#30d15826;color:#30d158;border:1px solid rgba(48,209,88,.3)}.asr-toast.error{background:#ff453a26;color:#ff453a;border:1px solid rgba(255,69,58,.3)}:root{--surface-bg: #000000;--surface-card: #1d1d1f;--surface-card-hover: #2d2d2f;--surface-elevated: #3a3a3c;--surface-input: #1d1d1f;--surface-input-focus: #2d2d2f;--text-primary: #f5f5f7;--text-secondary: #86868b;--text-tertiary: #6e6e73;--text-inverse: #000000;--accent-primary: #2997ff;--accent-primary-hover: #5ab4ff;--accent-green: #30d158;--accent-yellow: #ffd60a;--accent-orange: #ff9f0a;--accent-red: #ff453a;--accent-purple: #bf5af2;--status-pending-bg: rgba(255, 214, 10, .12);--status-pending-text: #ffd60a;--status-completed-bg: rgba(48, 209, 88, .12);--status-completed-text: #30d158;--status-skipped-bg: rgba(142, 142, 147, .12);--status-skipped-text: #86868b;--status-error-bg: rgba(255, 69, 58, .12);--status-error-text: #ff453a;--status-draft-bg: rgba(41, 151, 255, .12);--status-draft-text: #2997ff;--border-subtle: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .1);--border-focus: #2997ff;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 56px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 19px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.15;--line-height-normal: 1.47;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--transition-fast: .2s cubic-bezier(.25, .1, .25, 1);--transition-normal: .3s cubic-bezier(.25, .1, .25, 1);--transition-slow: .4s cubic-bezier(.25, .1, .25, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--surface-bg);min-height:100vh}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-hover);text-decoration:underline}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;margin-left:var(--sidebar-width);padding:var(--space-xl) var(--space-xl) var(--space-2xl);transition:margin-left var(--transition-normal)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.5px;line-height:var(--line-height-tight)}.card{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:var(--space-lg);transition:all var(--transition-fast)}.card:hover{background:var(--surface-card-hover)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:11px 22px;border:none;border-radius:var(--radius-full);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);line-height:1;letter-spacing:-.01em}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--surface-elevated);color:var(--text-primary)}.btn-secondary:hover{background:var(--surface-card-hover)}.btn-danger{background:var(--accent-red);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0a}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-xs);letter-spacing:-.01em}.form-input{width:100%;padding:11px 16px;background:var(--surface-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);transition:all var(--transition-fast);outline:none}.form-input:focus{background:var(--surface-input-focus);border-color:var(--border-focus);box-shadow:0 0 0 4px #2997ff1f}.form-input::placeholder{color:var(--text-tertiary)}.status-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.3px}.status-pill.pending{background:var(--status-pending-bg);color:var(--status-pending-text)}.status-pill.completed{background:var(--status-completed-bg);color:var(--status-completed-text)}.status-pill.skipped{background:var(--status-skipped-bg);color:var(--status-skipped-text)}.status-pill.error{background:var(--status-error-bg);color:var(--status-error-text)}.status-pill.draft{background:var(--status-draft-bg);color:var(--status-draft-text)}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead th{padding:14px 16px;text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border-default)}.data-table tbody td{padding:14px 16px;font-size:var(--font-size-sm);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.data-table tbody tr:hover td{background:#ffffff05}.search-bar{position:relative;max-width:360px}.search-bar input{width:100%;padding:11px 16px 11px 42px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);outline:none;transition:all var(--transition-fast)}.search-bar input:focus{border-color:var(--border-focus);background:var(--surface-card-hover)}.search-bar .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:var(--font-size-base)}.toast{position:fixed;bottom:var(--space-xl);right:var(--space-xl);padding:16px 24px;background:var(--surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:var(--font-size-sm);animation:slideUp .4s cubic-bezier(.25,.1,.25,1),fadeOut .4s ease 3s forwards;z-index:9999}.toast.success{border-left:3px solid var(--accent-green)}.toast.error{border-left:3px solid var(--accent-red)}.toast.warning{border-left:3px solid var(--accent-yellow)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.skeleton{background:linear-gradient(90deg,var(--surface-card) 25%,var(--surface-card-hover) 50%,var(--surface-card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-secondary);text-align:center}.empty-state .icon{font-size:48px;margin-bottom:var(--space-md);opacity:.3}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .25s ease}.modal-content{background:var(--surface-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);padding:var(--space-xl);min-width:420px;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:scaleIn .25s cubic-bezier(.25,.1,.25,1)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.3px;margin-bottom:var(--space-lg)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.mobile-menu-btn{display:none;position:fixed;top:14px;left:14px;z-index:200;width:40px;height:40px;border:none;border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);font-size:20px;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.sidebar-overlay{display:none}@media (max-width: 1024px){.mobile-menu-btn{display:flex}.sidebar{transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar.open{transform:translate(0)}.sidebar-overlay.visible{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.app-main{margin-left:0;padding:var(--space-lg);padding-top:64px}}@media (max-width: 768px){.app-main{padding:var(--space-md);padding-top:60px}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.page-title{font-size:var(--font-size-xl)}.modal-content{min-width:unset;width:92vw;max-width:92vw;margin:var(--space-md)}.data-table thead th,.data-table tbody td{padding:10px;font-size:var(--font-size-xs)}.search-bar{max-width:100%}}