@charset "UTF-8";.toast-container{position:fixed;top:80px;right:30px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast-position-top-right{top:80px;right:20px;left:auto;bottom:auto}.toast-position-top-left{top:80px;left:50px;right:auto;bottom:auto}.toast-position-bottom-right{bottom:20px;right:20px;top:auto;left:auto;flex-direction:column-reverse}.toast-position-bottom-left{bottom:20px;left:50px;top:auto;right:auto;flex-direction:column-reverse}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px 16px;background:var(--bg-surface, white);border-radius:8px;box-shadow:0 4px 12px #00000026;pointer-events:auto;animation:slideInRight .3s ease-out;border-left:4px solid;min-width:300px;position:relative;overflow:hidden}.toast.toast-closing{animation:slideOutRight .3s ease-out forwards}.toast-position-top-left .toast,.toast-position-bottom-left .toast{animation:slideInLeft .3s ease-out}.toast-position-top-left .toast.toast-closing,.toast-position-bottom-left .toast.toast-closing{animation:slideOutLeft .3s ease-out forwards}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-400px);opacity:0}}.toast-success{border-left-color:#27ae60}.toast-success .toast-icon{color:#27ae60}.toast-error{border-left-color:#e74c3c}.toast-error .toast-icon{color:#e74c3c}.toast-warning{border-left-color:#f39c12}.toast-warning .toast-icon{color:#f39c12}.toast-info{border-left-color:#3498db}.toast-info .toast-icon{color:#3498db}.toast-icon{display:flex;align-items:center;flex-shrink:0}.toast-message{flex:1;font-size:14px;color:var(--text-primary, #2c3e50);line-height:1.4}.toast-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary, #7f8c8d);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:var(--bg-surface-hover, #ecf0f1);color:var(--text-primary, #2c3e50)}.toast-progress-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:#0000000d;overflow:hidden}.toast-progress-fill{height:100%;background:currentColor;transition:width 50ms linear;opacity:.7}.toast-success .toast-progress-fill{background:#27ae60}.toast-error .toast-progress-fill{background:#e74c3c}.toast-warning .toast-progress-fill{background:#f39c12}.toast-info .toast-progress-fill{background:#3498db}@media (max-width: 768px){.toast-container{top:70px;right:10px;left:10px;max-width:none}.toast{min-width:auto;padding:12px 14px}.toast-message{font-size:13px}}.itcheck-access-denied-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:32px 16px;text-align:center}.itcheck-access-denied-card{background-color:var(--bg-surface, #ffffff);border:1px solid var(--border-divider, #e2e8f0);border-radius:12px;padding:40px 32px;max-width:480px;width:100%;box-shadow:0 4px 6px -1px #0000000d}.itcheck-access-denied-icon{width:64px;height:64px;border-radius:50%;background-color:#ef44441a;color:#ef4444;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.itcheck-access-denied-title{font-size:20px;font-weight:600;color:var(--text-primary, #0f172a);margin-bottom:12px}.itcheck-access-denied-desc{font-size:14px;color:var(--text-secondary, #64748b);line-height:1.6;margin-bottom:24px}.itcheck-access-denied-back-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background-color:#2563eb;color:#fff;font-size:14px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:background-color .2s ease}.itcheck-access-denied-back-btn:hover{background-color:#1d4ed8}[data-theme=dark] .itcheck-access-denied-card{background-color:var(--bg-surface, #1e2234);border-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .itcheck-access-denied-title{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .itcheck-access-denied-desc{color:var(--text-secondary, #9ca3af)}.header-clock{display:flex;flex-direction:row;align-items:center;gap:12px;background:rgba(var(--color-primary-rgb, 102, 126, 234),.07);border:1px solid rgba(var(--color-primary-rgb, 102, 126, 234),.18);border-radius:20px;padding:10px 12px;-webkit-user-select:none;user-select:none;white-space:nowrap}.header-clock-time,.header-clock-date{display:flex;align-items:center;gap:5px;line-height:1}.header-clock-time{color:var(--color-primary, #667eea);font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.03em}.header-clock-date{color:var(--text-label, #4a5568);font-size:.9rem;font-weight:700}.header-clock-divider{width:1px;height:14px;background:rgba(var(--color-primary-rgb, 102, 126, 234),.3);flex-shrink:0}.header-clock-notification{position:relative;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-primary, #667eea);cursor:default;flex-shrink:0;transition:background .2s ease}.header-clock-notification:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1)}.header-clock-notification-badge{position:absolute;top:1px;right:1px;background:#e53e3e;color:#fff;font-size:.58rem;font-weight:700;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;border:1.5px solid var(--bg-header, #fff)}@media (max-width: 768px){.header-clock{display:none}}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;cursor:pointer;transition:background .15s,border-left-color .15s;position:relative;border-bottom:1px solid var(--border-color, #f3f4f6);border-left:4px solid transparent}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-hover, rgba(0, 0, 0, .04))}.notification-item--unread{background:var(--bg-unread, rgba(59, 130, 246, .05))}.notification-item--unread:hover{background:var(--bg-unread-hover, rgba(59, 130, 246, .09))}.notification-item--info{border-left-color:var(--color-info, #3b82f6)}.notification-item--success{border-left-color:var(--color-success, #22c55e)}.notification-item--warning{border-left-color:var(--color-warning, #f59e0b)}.notification-item--danger{border-left-color:var(--color-danger, #ef4444)}.notification-item-icon{flex-shrink:0;margin-top:2px}.notification-item-type-icon--info{color:var(--color-info, #3b82f6)}.notification-item-type-icon--success{color:var(--color-success, #22c55e)}.notification-item-type-icon--warning{color:var(--color-warning, #f59e0b)}.notification-item-type-icon--danger{color:var(--color-danger, #ef4444)}.notification-item-content{flex:1;min-width:0}.notification-item-title{font-size:13px;font-weight:600;color:var(--text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.notification-item-message{font-size:12px;color:var(--text-secondary, #6b7280);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.notification-item-meta{display:flex;align-items:center;gap:8px}.notification-item-time{font-size:11px;color:var(--text-tertiary, #9ca3af)}.notification-item-category{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary, #9ca3af);background:var(--bg-tag, rgba(0, 0, 0, .06));padding:2px 6px;border-radius:4px}.notification-item-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary, #3b82f6);flex-shrink:0;margin-top:6px}.notification-item-delete-btn{display:none;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--text-tertiary, #9ca3af);flex-shrink:0;transition:background .2s,color .2s}.notification-item:hover .notification-item-delete-btn{display:flex}.notification-item-delete-btn:hover{background:var(--bg-danger-soft, rgba(239, 68, 68, .1));color:var(--color-danger, #ef4444)}[data-theme=dark] .notification-item{border-bottom-color:var(--border-color-dark, #374151)}[data-theme=dark] .notification-item:hover{background:var(--bg-hover-dark, rgba(255, 255, 255, .05))}[data-theme=dark] .notification-item--unread{background:#3b82f614}[data-theme=dark] .notification-item-title{color:var(--text-primary-dark, #f9fafb)}[data-theme=dark] .notification-item-message{color:var(--text-secondary-dark, #9ca3af)}[data-theme=dark] .notification-item-category{background:#ffffff14;color:var(--text-tertiary-dark, #6b7280)}.notification-settings{padding:12px 16px}.notification-settings-loading{padding:24px;text-align:center;color:var(--text-secondary, #6b7280);font-size:14px}.notification-settings-section{margin-bottom:24px}.notification-settings-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary, #9ca3af);margin:0 0 8px;padding:0 4px}.notification-settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 4px;border-radius:8px;transition:background .15s}.notification-settings-row:hover{background:var(--bg-hover, rgba(0, 0, 0, .03))}.notification-settings-row-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.notification-settings-row-label{font-size:14px;color:var(--text-primary, #111827);font-weight:500}.notification-settings-row-desc{font-size:12px;color:var(--text-secondary, #6b7280)}.notification-settings-row-status{font-size:11px;color:var(--accent-color, #6f5fbe);font-style:italic}.notification-settings-toggle{position:relative;display:inline-flex;align-items:center;width:40px;height:22px;flex-shrink:0;cursor:pointer}.notification-settings-toggle input{opacity:0;width:0;height:0;position:absolute}.notification-settings-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-toggle-off, #d1d5db);border-radius:11px;transition:background .2s}.notification-settings-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.notification-settings-toggle input:checked+.notification-settings-toggle-slider{background:var(--color-primary, #3b82f6)}.notification-settings-toggle input:checked+.notification-settings-toggle-slider:before{transform:translate(18px)}.notification-settings-toggle input:disabled+.notification-settings-toggle-slider{opacity:.4;cursor:not-allowed}.notification-settings-btn-reset{padding:4px 12px;font-size:12px;border-radius:6px;border:1px solid var(--color-warning, #f59e0b);background:transparent;color:var(--color-warning, #f59e0b);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;flex-shrink:0}.notification-settings-btn-reset:hover:not(:disabled){background:var(--color-warning, #f59e0b);color:#fff}.notification-settings-btn-reset:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .notification-settings-row-label{color:var(--text-primary-dark, #f9fafb)}[data-theme=dark] .notification-settings-row-desc{color:var(--text-secondary-dark, #9ca3af)}[data-theme=dark] .notification-settings-row:hover{background:var(--bg-hover-dark, rgba(255, 255, 255, .05))}[data-theme=dark] .notification-settings-toggle-slider{background:var(--bg-toggle-off-dark, #4b5563)}.notification-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:500px;max-height:600px;background:var(--bg-surface, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;box-shadow:0 8px 30px #0000001f;z-index:9999;display:flex;flex-direction:column;overflow:hidden;animation:notification-dropdown-appear .15s ease-out}@keyframes notification-dropdown-appear{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color, #e5e7eb);flex-shrink:0}.notification-dropdown-title{font-size:15px;font-weight:600;color:var(--text-primary, #111827);display:flex;align-items:center;gap:8px}.notification-dropdown-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:var(--color-primary, #3b82f6);color:#fff;font-size:11px;font-weight:700;border-radius:10px}.notification-dropdown-actions{display:flex;align-items:center;gap:4px}.notification-dropdown-mark-all-btn,.notification-dropdown-settings-btn,.notification-dropdown-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary, #6b7280);transition:background .2s,color .2s}.notification-dropdown-mark-all-btn:hover,.notification-dropdown-settings-btn:hover,.notification-dropdown-settings-btn.active{background:var(--bg-hover, rgba(0, 0, 0, .06));color:var(--color-primary, #3b82f6)}.notification-dropdown-close-btn:hover{background:var(--bg-hover, rgba(0, 0, 0, .06));color:var(--text-primary, #111827)}.notification-dropdown-list{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--border-color, #e5e7eb) transparent}.notification-dropdown-empty{padding:40px 16px;text-align:center;color:var(--text-secondary, #6b7280);font-size:14px}.notification-dropdown-loading{padding:12px 16px;text-align:center;color:var(--text-secondary, #6b7280);font-size:13px}.notification-dropdown-load-more{width:100%;padding:12px;border:none;background:transparent;border-top:1px solid var(--border-color, #e5e7eb);cursor:pointer;font-size:13px;color:var(--color-primary, #3b82f6);font-weight:500;transition:background .2s}.notification-dropdown-load-more:hover{background:var(--bg-hover, rgba(0, 0, 0, .04))}.notification-dropdown-settings-panel{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--border-color, #e5e7eb) transparent}.notification-category-tabs-wrapper{position:relative;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb);flex-shrink:0}.notification-category-tabs{display:flex;align-items:center;gap:5px;padding:6px 10px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.notification-category-tabs::-webkit-scrollbar{display:none}.notification-category-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #d1d5db);border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:2;box-shadow:0 2px 6px #0000001a;color:var(--text-secondary, #6b7280)}.notification-category-scroll-btn:hover{background:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6);color:#fff;box-shadow:0 2px 8px #3b82f64d}.notification-category-scroll-btn.left{left:4px}.notification-category-scroll-btn.right{right:4px}.notification-category-scroll-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.notification-category-tab{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:11.5px;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;box-shadow:0 1px 2px #0000000a}.notification-category-tab:hover{background:var(--bg-hover, #f9fafb);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6);transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.notification-category-tab.active{background:linear-gradient(135deg,var(--color-primary, #3b82f6),var(--color-primary-dark, #2563eb));border-color:var(--color-primary-dark, #2563eb);color:#fff;font-weight:600;box-shadow:0 2px 6px #3b82f640}.notification-category-tab.active:hover{background:linear-gradient(135deg,var(--color-primary-dark, #2563eb),var(--color-primary, #3b82f6));transform:translateY(-1px);box-shadow:0 3px 8px #3b82f659}.notification-category-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:#ffffff4d;border-radius:8px;font-size:9.5px;font-weight:700;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notification-category-tab:not(.active) .notification-category-count{background:var(--color-primary-light, #dbeafe);color:var(--color-primary, #3b82f6);border:1px solid var(--color-primary, #3b82f6)}[data-theme=dark] .notification-dropdown{background:var(--bg-surface, #1f2937);border-color:var(--border-color, #374151);box-shadow:0 8px 30px #0006}[data-theme=dark] .notification-dropdown-header{border-bottom-color:var(--border-color, #374151)}[data-theme=dark] .notification-dropdown-title{color:var(--text-primary, #f9fafb)}[data-theme=dark] .notification-dropdown-mark-all-btn,[data-theme=dark] .notification-dropdown-close-btn{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .notification-dropdown-mark-all-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .08))}[data-theme=dark] .notification-dropdown-close-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .08));color:var(--text-primary, #f9fafb)}[data-theme=dark] .notification-category-tabs-wrapper{background:var(--bg-tertiary, #0f172a);border-bottom-color:var(--border-color, #374151)}[data-theme=dark] .notification-category-scroll-btn{background:var(--bg-surface, #1f2937);border-color:var(--border-color, #4b5563);color:var(--text-secondary, #9ca3af);box-shadow:0 2px 6px #0000004d}[data-theme=dark] .notification-category-scroll-btn:hover{background:var(--color-primary, #3b82f6);border-color:var(--color-primary, #3b82f6);color:#fff;box-shadow:0 2px 8px #3b82f666}[data-theme=dark] .notification-category-tab{background:var(--bg-surface, #1f2937);border-color:var(--border-color, #4b5563);color:var(--text-secondary, #9ca3af);box-shadow:0 1px 2px #0003}[data-theme=dark] .notification-category-tab:hover{background:var(--bg-hover, #374151);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #60a5fa);box-shadow:0 2px 4px #0000004d}[data-theme=dark] .notification-category-tab.active{background:linear-gradient(135deg,var(--color-primary, #3b82f6),var(--color-primary-dark, #2563eb));border-color:var(--color-primary-dark, #2563eb);color:#fff;box-shadow:0 2px 8px #3b82f666}[data-theme=dark] .notification-category-tab.active:hover{background:linear-gradient(135deg,var(--color-primary-dark, #2563eb),var(--color-primary, #3b82f6));box-shadow:0 3px 10px #3b82f680}[data-theme=dark] .notification-category-tab:not(.active) .notification-category-count{background:var(--bg-tertiary, #0f172a);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #60a5fa)}[data-theme=dark] .notification-dropdown-load-more{border-top-color:var(--border-color, #374151)}[data-theme=dark] .notification-dropdown-load-more:hover{background:var(--bg-hover, rgba(255, 255, 255, .06))}@media (max-width: 480px){.notification-dropdown{position:fixed;top:50px;left:0;right:0;bottom:0;width:100%;max-height:none;border-radius:0;transform:none;animation:notification-dropdown-appear-mobile .2s ease-out}.notification-category-tabs{padding:5px 8px;gap:4px}.notification-category-tab{padding:3px 8px;font-size:10.5px;border-radius:5px}.notification-category-count{min-width:14px;height:14px;font-size:8.5px;padding:0 3px}.notification-category-scroll-btn{width:20px;height:20px}.notification-category-scroll-btn.left{left:3px}.notification-category-scroll-btn.right{right:3px}}@keyframes notification-dropdown-appear-mobile{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.notification-bell{position:relative;display:inline-flex;align-items:center}.notification-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--text-secondary, #6b7280);transition:background .2s,color .2s}.notification-bell-btn:hover{background:var(--bg-hover, rgba(0, 0, 0, .06));color:var(--text-primary, #111827)}.notification-bell-btn:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.notification-bell-icon{flex-shrink:0}.notification-bell-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--color-danger, #ef4444);color:#fff;font-size:10px;font-weight:700;line-height:16px;border-radius:8px;text-align:center;pointer-events:none}[data-theme=dark] .notification-bell-btn{color:var(--text-secondary-dark, #9ca3af)}[data-theme=dark] .notification-bell-btn:hover{background:var(--bg-hover-dark, rgba(255, 255, 255, .08));color:var(--text-primary-dark, #f9fafb)}.main-layout{display:flex;min-height:100vh;background:var(--bg-layout, #f8fafc);--sidebar-width: 50px;font-family:var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif);font-size:var(--font-size-base, 14px)}@media (min-width: 769px){.main-layout:has(.sidebar:not(.collapsed)){--sidebar-width: 50px}}.sidebar{position:fixed;left:0;top:0;height:100vh;width:50px;background:var(--bg-sidebar, #ffffff);color:var(--text-secondary, #2d3748);box-shadow:2px 0 10px #0000000d;border-right:1px solid var(--border-sidebar, #e2e8f0);transition:width .3s cubic-bezier(.4,0,.2,1);z-index:10050;display:flex;flex-direction:column;overflow:hidden}.sidebar:not(.collapsed){width:280px;box-shadow:2px 0 20px #0003;z-index:10060}.sidebar.collapsed{width:50px}.sidebar.open{width:280px}.sidebar-header{border-bottom:1px solid var(--border-sidebar, #e2e8f0);display:flex;align-items:center;min-height:50px;padding:0}.sidebar-toggle{background:none;border:none;color:var(--text-secondary, #4a5568);cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-toggle:hover{background-color:#f7fafc}.sidebar-logo{display:flex;align-items:center;font-weight:700;font-size:1.125rem;min-height:50px;flex:1;padding-right:1rem}.logo-text{font-size:1.25rem;font-weight:600;white-space:nowrap;opacity:1;max-width:200px;overflow:hidden;padding-right:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(0)}.sidebar.collapsed .logo-text{opacity:0;max-width:0;padding-right:0;transform:translate(-10px)}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:18px;height:14px;position:relative}.hamburger span{width:100%;height:2px;background-color:var(--text-secondary, #4a5568);border-radius:1px;transition:all .3s ease;transform-origin:center}.sidebar:not(.collapsed) .hamburger span:nth-child(1),.sidebar.open .hamburger span:nth-child(1){transform:translateY(6px) rotate(45deg)}.sidebar:not(.collapsed) .hamburger span:nth-child(2),.sidebar.open .hamburger span:nth-child(2){opacity:0;transform:scaleX(0)}.sidebar:not(.collapsed) .hamburger span:nth-child(3),.sidebar.open .hamburger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.sidebar-backdrop{position:fixed;top:0;left:50px;width:calc(100% - 50px);height:100vh;background-color:transparent;z-index:999;opacity:1;visibility:visible;transition:all .3s ease;pointer-events:auto}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto;min-height:0}.sidebar.collapsed .sidebar-nav{overflow-y:hidden!important;overflow-x:hidden!important}.nav-item{position:relative;display:flex;align-items:center;color:var(--text-secondary, #4a5568);text-decoration:none;transition:all .2s ease;min-height:44px;height:44px;margin-bottom:.125rem}.nav-item:hover{background-color:rgba(var(--color-primary-rgb, 102, 126, 234),.07);color:var(--text-primary, #2d3748)}.nav-item.active{background-color:transparent;color:var(--color-primary, #667eea)}.sidebar:not(.collapsed) .nav-item.active,.sidebar.open .nav-item.active{background-color:rgba(var(--color-primary-rgb, 102, 126, 234),.12)}.nav-item.active .nav-icon{overflow:hidden;color:#fff;transition:color .35s cubic-bezier(.4,0,.2,1)}.nav-item.active .nav-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-primary, #667eea);transform:translate(0);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:0}.nav-item.active .nav-icon>*{position:relative;z-index:1}.sidebar:not(.collapsed) .nav-item.active .nav-icon,.sidebar.open .nav-item.active .nav-icon{color:var(--color-primary, #667eea)}.sidebar:not(.collapsed) .nav-item.active .nav-icon:before,.sidebar.open .nav-item.active .nav-icon:before{transform:translate(-100%)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-primary, #667eea)}.nav-icon{width:50px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;position:relative;transition:none;min-width:50px;max-width:50px}.nav-text,.menu-label{font-weight:500;white-space:nowrap;padding:.625rem 1rem .625rem 0;opacity:1;max-width:200px;overflow:hidden;flex:1 1 auto;min-width:0;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(0)}.sidebar.collapsed .nav-text,.sidebar.collapsed .menu-label{opacity:0;max-width:0;padding-left:0;padding-right:0;transform:translate(-10px);transition-delay:0s}.marquee-inner{display:inline-block;white-space:nowrap;will-change:transform}.nav-tooltip,.menu-tooltip{position:absolute;left:55px;top:50%;transform:translateY(-50%);background-color:#333;color:#fff;padding:.5rem .75rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1001;pointer-events:none}.nav-tooltip:before,.menu-tooltip:before{content:"";position:absolute;top:50%;left:-5px;transform:translateY(-50%);border-right:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent}.sidebar.collapsed .nav-item:hover .nav-tooltip,.sidebar.collapsed .nav-item:hover .menu-tooltip{opacity:1;visibility:visible}.sidebar-footer{padding:1rem;border-top:1px solid #e2e8f0;text-align:center;transition:all .3s ease;flex-shrink:0;margin-top:auto}.footer-info{transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1;max-height:60px;overflow:hidden;transform:translateY(0)}.footer-text{font-size:.75rem;color:#718096;margin-bottom:.25rem}.footer-version{font-size:.7rem;color:#a0aec0}.sidebar.collapsed .sidebar-footer{padding:.25rem 0}.sidebar.collapsed .footer-info{opacity:0;max-height:0;transform:translateY(-10px)}.user-section{border-top:1px solid var(--border-sidebar, #e2e8f0)}.logout-btn{background:none;border:none;color:#718096;cursor:pointer;padding:0;border-radius:6px;transition:background-color .3s ease;display:flex;align-items:center;width:100%;min-height:48px}.logout-btn:hover{background:#fee2e2;color:#e53e3e}.logout-icon{width:50px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:50px;max-width:50px}.logout-text{font-weight:500;white-space:nowrap;padding:.75rem 1rem .75rem 0;opacity:1;max-width:200px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(0)}.sidebar.collapsed .logout-text{opacity:0;max-width:0;transform:translate(-10px)}.main-content{flex:1;height:100vh;display:flex;flex-direction:column;background:transparent;overflow:hidden}.main-header{background:var(--bg-header, rgba(255, 255, 255, .95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;height:50px;box-shadow:0 2px 20px #0000001a;border-bottom:1px solid var(--border-divider, rgba(255, 255, 255, .2));position:sticky;top:0;z-index:10100;width:100%}.header-content{width:100%;padding:0 5px;height:50px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0;overflow:hidden}.header-logo{height:65px;width:auto;object-fit:contain;flex-shrink:0}.header-menu-toggle{background:none;border:none;color:var(--color-primary, #667eea);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.header-menu-toggle:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1)}.page-title{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0}.header-right{display:flex;align-items:center;margin-right:20px;gap:1rem}.header-actions{display:flex;align-items:center;gap:.5rem}.header-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #2c3e50);margin:0}.user-greeting{color:#6c757d;font-size:.875rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.user-profile-menu{position:relative;display:flex;align-items:center}.user-profile-trigger{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:8px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.user-profile-trigger:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.08)}.user-avatar-header{width:32px;height:32px;border-radius:50%;background:var(--color-primary, #667eea);color:#fff;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.user-profile-trigger:hover .user-avatar-header{background:var(--color-primary-hover, #5a67d8);transform:scale(1.05)}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:380px;background:var(--bg-surface, #ffffff);border:1px solid rgba(var(--color-primary-rgb, 102, 126, 234),.5);border-radius:12px;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f;z-index:2000;overflow:hidden;animation:dropdown-in .15s ease}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-dropdown-header, #f8fafc)}.user-dropdown-avatar{width:38px;height:38px;border-radius:50%;background:var(--color-primary, #667eea);color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-dropdown-name{font-size:.875rem;font-weight:600;color:#1a202c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.user-dropdown-role{font-size:.75rem;color:#718096;margin-top:.125rem;text-transform:capitalize}.user-dropdown-divider{height:1px;background:#e2e8f0;margin:.25rem 0}.user-dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem 1rem;background:none;border:none;color:#374151;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.user-dropdown-item:hover:not(:disabled){background:#f1f5f9;color:#1a202c}.user-dropdown-item--disabled{color:#a0aec0;cursor:not-allowed}.user-dropdown-item--danger{color:#e53e3e}.user-dropdown-item--danger:hover:not(:disabled){background:#fff5f5;color:#c53030}.user-dropdown-badge{margin-left:auto;font-size:.65rem;font-weight:600;color:#a0aec0;background:#edf2f7;padding:.1rem .4rem;border-radius:4px;white-space:nowrap}.user-dropdown-lang{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;gap:.625rem}.user-dropdown-lang-label{display:flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap}.user-dropdown-lang-group{display:flex;gap:4px;background:#f1f5f9;border-radius:7px;padding:3px}.user-dropdown-lang-btn{display:flex;align-items:center;gap:3px;padding:3px 8px;border:none;background:none;border-radius:5px;font-size:.72rem;font-weight:600;color:#718096;cursor:pointer;font-family:inherit;transition:background .15s ease,color .15s ease;white-space:nowrap}.user-dropdown-lang-btn:hover:not(.active){background:#e2e8f0;color:#2d3748}.user-dropdown-lang-btn.active{background:var(--bg-surface, #ffffff);color:var(--color-primary, #667eea);box-shadow:0 1px 3px #0000001f}.user-dropdown-theme-custom{color:#a0aec0!important;cursor:not-allowed!important;opacity:.7}.user-dropdown-color-group{display:flex;gap:6px;background:#f1f5f9;border-radius:7px;padding:5px 6px;align-items:center}.user-dropdown-color-btn{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;flex-shrink:0;padding:0}.user-dropdown-color-btn:hover{transform:scale(1.2);box-shadow:0 2px 6px #00000040}.user-dropdown-color-btn.active{border-color:#0006;box-shadow:0 0 0 2px #ffffffe6,0 2px 6px #0003;transform:scale(1.15)}.lang-flag{font-size:.85rem;line-height:1}.notif-menu{position:relative;display:flex;align-items:center}.notif-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:50%;cursor:pointer;color:#6c757d;transition:background .2s ease,color .2s ease;flex-shrink:0}.notif-trigger:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1);color:var(--color-primary, #667eea)}.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;background:#e53e3e;color:#fff;font-size:.6rem;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1;pointer-events:none}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:-200px;width:450px;background:var(--bg-surface, #ffffff);border:1px solid rgba(var(--color-primary-rgb, 102, 126, 234),.5);border-radius:12px;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f;z-index:2000;overflow:hidden;animation:dropdown-in .15s ease}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem .75rem;border-bottom:1px solid rgba(var(--color-primary-rgb, 102, 126, 234),.35);background:var(--bg-dropdown-header, #f8fafc)}.notif-dropdown-title{font-size:.9rem;font-weight:700;color:#1a202c}.notif-dropdown-close{display:none;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;color:#718096;cursor:pointer;border-radius:50%;transition:background .15s;font-family:inherit}.notif-dropdown-close:hover{background:#f1f5f9;color:#1a202c}.notif-mark-all{display:flex;align-items:center;gap:4px;background:none;border:none;font-size:.72rem;font-weight:600;color:var(--color-primary, #667eea);cursor:pointer;padding:3px 6px;border-radius:4px;font-family:inherit;transition:background .15s ease}.notif-mark-all:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.1)}.notif-list{max-height:340px;overflow-y:auto}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-track{background:transparent}.notif-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.notif-empty{padding:2rem 1rem;text-align:center;color:#a0aec0;font-size:.85rem}.notif-item{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .15s ease}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f8fafc}.notif-item--unread{background:rgba(var(--color-primary-rgb, 102, 126, 234),.08)}.notif-item--unread:hover{background:rgba(var(--color-primary-rgb, 102, 126, 234),.13)}.notif-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e0;flex-shrink:0;margin-top:5px}.notif-item--unread .notif-dot{background:var(--color-primary, #667eea)}.notif-item--success .notif-dot{background:#38a169}.notif-item--warning .notif-dot{background:#d69e2e}.notif-item--info .notif-dot{background:#3182ce}.notif-content{flex:1;min-width:0}.notif-item-title{font-size:.8rem;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item--unread .notif-item-title{color:#1a202c}.notif-item-message{font-size:.775rem;color:#718096;margin-top:2px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-time{font-size:.7rem;color:#a0aec0;margin-top:4px}.mobile-avatar{display:none;width:32px;height:32px;border-radius:50%;background:var(--color-primary, #667eea);color:#fff;font-weight:600;font-size:.875rem;align-items:center;justify-content:center}.content-area{flex:1;background:transparent;box-sizing:border-box;overflow:auto;min-height:0;display:flex;flex-direction:column;position:relative!important}.content-area.cropper-open{overflow:hidden!important}@media (min-width: 769px){.content-area{margin-left:var(--sidebar-width);transition:margin-left .3s ease;max-width:calc(100vw - var(--sidebar-width))}}@media (min-width: 769px){.sidebar:not(.collapsed)+.main-content .content-area{margin-left:50px}}.app-container{margin:0 auto;width:100%;box-sizing:border-box;flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto}.mobile-overlay{display:none}.user-info-mobile{display:none;align-items:center;padding:.75rem 1rem;margin-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.1);gap:.75rem}@media (min-width: 769px){.user-greeting{display:block!important}.user-avatar-header{display:flex!important}.mobile-avatar,.user-info-mobile{display:none!important}}.user-avatar-sidebar{width:32px;height:32px;border-radius:50%;background:var(--color-primary, #667eea);color:#fff;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-greeting-sidebar{color:#374151;font-size:.875rem;font-weight:500;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:left center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.user-greeting-sidebar.visible{opacity:1;transform:translate(0) scaleX(1);width:auto}.user-greeting-sidebar.hidden{opacity:0;transform:translate(-20px) scaleX(0);width:0;overflow:hidden}.sidebar-nav:has(.nav-item:only-child){justify-content:flex-start}@media (max-width: 768px){.sidebar.vendor-mode{background:rgba(var(--color-primary-rgb, 102, 126, 234),.98)}.sidebar.vendor-mode .nav-item{color:#fff;font-weight:500}.sidebar.vendor-mode .nav-item:hover{background:#fff3}.sidebar.vendor-mode .nav-item.active{background:#ffffff4d}.sidebar.vendor-mode .user-info-mobile{background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2)}.sidebar.vendor-mode .user-avatar-sidebar{background:#ffffffe6;color:var(--color-primary, #667eea)}.sidebar.vendor-mode .user-greeting-sidebar{color:#fff}}@media (max-width: 768px){.main-header{backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar{transform:translate(-100%);width:280px;top:0;height:100vh;z-index:10060}.sidebar.open{transform:translate(0);box-shadow:2px 0 20px #00000080}.sidebar.open .nav-text,.sidebar.open .logout-text,.sidebar.open .logo-text,.sidebar.open .footer-info{opacity:1!important;max-width:200px!important;transform:none!important;display:block!important;visibility:visible!important;padding-right:1rem!important}.sidebar.open .sidebar-footer{padding:1rem!important}.content-area{margin-left:0!important;max-width:100vw!important}.main-layout{--sidebar-width: 0px}.header-menu-toggle{display:flex;flex-shrink:0;width:40px;height:40px}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;display:block}.header-content{padding:0 .75rem;justify-content:space-between;width:100%}.header-left{gap:.4rem;flex:1;min-width:0;width:100%}.header-logo{height:45px;flex-shrink:0}.nav-tooltip{display:none}.header-title{font-size:clamp(12px,calc(8px + 3vw),20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600}@media (max-width: 480px){.header-title{font-size:clamp(11px,calc(6px + 4vw),18px)}}@media (max-width: 360px){.header-title{font-size:clamp(10px,calc(4px + 5vw),16px)}}@supports (container-type: inline-size){.header-left{container-type:inline-size}@container (max-width: 400px){.header-title{font-size:clamp(10px,4cqw,16px)}}@container (max-width: 300px){.header-title{font-size:clamp(9px,5cqw,14px)}}}.header-clock{display:none}.header-right{gap:4px;margin-right:8px}.user-greeting{display:none}.user-profile-trigger .user-avatar-header{display:flex!important}.user-avatar-header,.mobile-avatar{display:none}.user-info-mobile{display:flex}.notif-dropdown{position:fixed;top:50px;left:0;right:0;bottom:0;width:100%;border-radius:0;border-left:none;border-right:none;border-bottom:none;box-shadow:none;z-index:9999;display:flex;flex-direction:column}.notif-dropdown-close{display:flex}.notif-list{max-height:none;flex:1;overflow-y:auto}.user-dropdown{position:fixed;top:50px;left:50%;transform:translate(-50%);right:auto;width:min(410px,95vw);min-width:unset;animation:dropdown-in-mobile .15s ease}.app-container{width:100vw;max-width:100vw;margin:0;box-sizing:border-box}}@keyframes dropdown-in-mobile{0%{opacity:0;transform:translate(-50%) translateY(-6px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}[data-theme=dark] .main-layout{background:var(--bg-layout, #13141f)}[data-theme=dark] .sidebar{background:var(--bg-sidebar, #1e2030);border-right-color:var(--border-sidebar, #2d3150);box-shadow:2px 0 10px #0006}[data-theme=dark] .sidebar-header{border-bottom-color:var(--border-sidebar, #2d3150)}[data-theme=dark] .sidebar-toggle{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .sidebar-toggle:hover{background-color:#ffffff14}[data-theme=dark] .hamburger span{background-color:var(--text-primary, #e5e7eb)}[data-theme=dark] .nav-item{color:var(--text-secondary, #cbd5e1)}[data-theme=dark] .nav-item:hover{background-color:#ffffff0f;color:var(--text-primary, #e5e7eb)}[data-theme=dark] .nav-tooltip,[data-theme=dark] .menu-tooltip{background-color:var(--bg-surface, #1e2030);border:1px solid var(--border-sidebar, #2d3150);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .nav-tooltip:before,[data-theme=dark] .menu-tooltip:before{border-right-color:var(--bg-surface, #1e2030)}[data-theme=dark] .sidebar-footer{border-top-color:var(--border-sidebar, #2d3150)}[data-theme=dark] .footer-text{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .footer-version{color:var(--text-secondary, #6b7280)}[data-theme=dark] .user-section{border-top-color:var(--border-sidebar, #2d3150)}[data-theme=dark] .logout-btn{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .logout-btn:hover{background:#ef444426;color:#fc8181}[data-theme=dark] .main-header{background:#1e2032f7;border-bottom:1px solid var(--border-sidebar, #2d3150);box-shadow:0 2px 10px #0006}[data-theme=dark] .page-title,[data-theme=dark] .header-title{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .user-greeting,[data-theme=dark] .user-greeting-sidebar{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .header-menu-toggle{color:var(--color-primary, #667eea)}[data-theme=dark] .header-menu-toggle:hover{background:rgba(var(--color-primary-rgb,102,126,234),.15)}[data-theme=dark] .user-profile-trigger:hover{background:#ffffff14}[data-theme=dark] .notif-trigger{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .notif-trigger:hover{background:#ffffff14;color:var(--text-primary, #e5e7eb)}[data-theme=dark] .user-dropdown{background:var(--bg-surface, rgba(30,32,50,.98));border-color:var(--border-sidebar, #2d3150);box-shadow:0 8px 30px #00000080}[data-theme=dark] .user-dropdown-header{background:#ffffff0d}[data-theme=dark] .user-dropdown-name{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .user-dropdown-role{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .user-dropdown-divider{background:var(--border-divider, rgba(255,255,255,.1))}[data-theme=dark] .user-dropdown-item{color:var(--text-label, #d1d5db)}[data-theme=dark] .user-dropdown-item:hover:not(:disabled){background:#ffffff12;color:var(--text-primary, #e5e7eb)}[data-theme=dark] .user-dropdown-badge{background:#ffffff1a;color:var(--text-secondary, #9ca3af)}[data-theme=dark] .user-dropdown-lang-label{color:var(--text-label, #d1d5db)}[data-theme=dark] .user-dropdown-lang-group{background:#ffffff12}[data-theme=dark] .user-dropdown-lang-btn{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .user-dropdown-lang-btn:hover:not(.active){background:#ffffff1a;color:var(--text-primary, #e5e7eb)}[data-theme=dark] .user-dropdown-lang-btn.active{background:#ffffff26;color:var(--color-primary, #667eea);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .user-dropdown-color-group{background:#ffffff12}[data-theme=dark] .user-dropdown-color-btn.active{border-color:#ffffff80;box-shadow:0 0 0 2px #fff3,0 2px 6px #0006}[data-theme=dark] .notif-dropdown{background:var(--bg-surface, rgba(30,32,50,.98));border-color:var(--border-sidebar, #2d3150)}[data-theme=dark] .notif-dropdown-header{background:#ffffff0d;border-bottom-color:var(--border-sidebar, #2d3150)}[data-theme=dark] .notif-dropdown-title{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .notif-mark-all{color:var(--color-primary, #667eea)}[data-theme=dark] .notif-mark-all:hover{background:rgba(var(--color-primary-rgb,102,126,234),.15)}[data-theme=dark] .notif-dropdown-close:hover{background:#ffffff1a;color:var(--text-primary, #e5e7eb)}[data-theme=dark] .notif-list::-webkit-scrollbar-thumb{background:var(--border-divider, rgba(255,255,255,.2))}[data-theme=dark] .notif-item{border-bottom-color:var(--border-divider, rgba(255,255,255,.06))}[data-theme=dark] .notif-item:hover{background:#ffffff0d}[data-theme=dark] .notif-item--unread{background:rgba(var(--color-primary-rgb,102,126,234),.12)}[data-theme=dark] .notif-item--unread:hover{background:rgba(var(--color-primary-rgb,102,126,234),.18)}[data-theme=dark] .notif-item-title{color:var(--text-primary, #e5e7eb)}[data-theme=dark] .notif-item--unread .notif-item-title{color:var(--text-primary, #f3f4f6)}[data-theme=dark] .notif-item-message{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .notif-item-time,[data-theme=dark] .notif-empty{color:var(--text-secondary, #6b7280)}[data-theme=dark] .user-info-mobile{border-bottom-color:var(--border-divider, rgba(255,255,255,.1))}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out;pointer-events:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal-content{background:var(--bg-surface, white);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;padding:30px;animation:slideUp .3s ease-out;position:relative;pointer-events:auto}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal-icon{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.confirm-modal-warning .confirm-modal-icon{color:#f39c12}.confirm-modal-danger .confirm-modal-icon{color:#e74c3c}.confirm-modal-success .confirm-modal-icon{color:#27ae60}.confirm-modal-info .confirm-modal-icon{color:#3498db}.confirm-modal-body{text-align:center;margin-bottom:25px}.confirm-modal-title{font-size:20px;font-weight:600;color:var(--text-primary, #2c3e50);margin:0 0 10px}.confirm-modal-message{font-size:15px;color:var(--text-secondary, #7f8c8d);line-height:1.5;margin:0;white-space:pre-line;max-height:300px;overflow-y:auto;padding-right:8px;text-align:left}.confirm-modal-footer{display:flex;gap:12px;justify-content:center}.confirm-modal-btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.confirm-modal-btn:focus{outline:none;box-shadow:0 0 0 3px #3498db33}.confirm-modal-btn-cancel{background:var(--bg-surface-hover, #ecf0f1);color:var(--text-secondary, #7f8c8d)}.confirm-modal-btn-cancel:hover{background:#bdc3c7;color:var(--text-primary, #2c3e50)}.confirm-modal-btn-confirm{color:#fff}.confirm-modal-btn-warning{background:#f39c12}.confirm-modal-btn-warning:hover{background:#e67e22;transform:translateY(-1px);box-shadow:0 4px 12px #f39c124d}.confirm-modal-btn-danger{background:#e74c3c}.confirm-modal-btn-danger:hover{background:#c0392b;transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c4d}.confirm-modal-btn-success{background:#27ae60}.confirm-modal-btn-success:hover{background:#229954;transform:translateY(-1px);box-shadow:0 4px 12px #27ae604d}.confirm-modal-btn-info{background:#3498db}.confirm-modal-btn-info:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}@media (max-width: 768px){.confirm-modal-content{padding:24px;max-width:90%}.confirm-modal-title{font-size:18px}.confirm-modal-message{font-size:14px}.confirm-modal-footer{flex-direction:column-reverse}.confirm-modal-btn{width:100%}}.confirm-modal-input-wrapper{margin-top:15px;width:100%}.confirm-modal-input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;box-sizing:border-box;background-color:var(--bg-surface, #ffffff);color:var(--text-primary, #111827);transition:border-color .15s ease,box-shadow .15s ease}.confirm-modal-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.confirm-modal-input.input-error{border-color:#ef4444!important;outline:none!important;box-shadow:0 0 0 2px #ef444433!important}.confirm-modal-input-error-msg{color:#ef4444;font-size:12px;margin-top:6px;text-align:left;font-weight:500}[data-theme=dark] .confirm-modal-input{border-color:#ffffff26;background-color:#ffffff0d;color:#f3f4f6}[data-theme=dark] .confirm-modal-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db4d}.confirm-modal-options-wrapper{margin-top:15px;text-align:left;width:100%}.confirm-modal-option-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-primary, #374151)}.confirm-modal-button-group{display:flex;flex-direction:column;gap:8px;margin-top:8px;width:100%}.confirm-modal-option-btn{width:100%;text-align:left;padding:10px 14px;font-size:14px;font-weight:500;border:1px solid #e5e7eb;border-radius:6px;background-color:var(--bg-surface, #ffffff);color:var(--text-secondary, #374151);cursor:pointer;transition:all .2s ease}.confirm-modal-option-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.confirm-modal-option-btn.active{background-color:#eff6ff;border-color:#3b82f6;color:#1d4ed8;font-weight:600}[data-theme=dark] .confirm-modal-option-label{color:#f3f4f6}[data-theme=dark] .confirm-modal-option-btn{border-color:#ffffff26;background-color:#ffffff0d;color:#d1d5db}[data-theme=dark] .confirm-modal-option-btn:hover{background-color:#ffffff1a;border-color:#ffffff4d}[data-theme=dark] .confirm-modal-option-btn.active{background-color:#38bdf826;border-color:#38bdf8;color:#38bdf8}.hp-wrapper{padding:0;flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg-content, #f5f6fa);overflow:hidden}.hp-toolbar{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-surface, #fff);border-bottom:1px solid var(--border-divider, #e8eaed);flex-wrap:wrap;flex-shrink:0}.hp-toolbar-filter-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;background:var(--bg-surface, #fff);border:1px solid var(--border-divider, #d0d5dd);color:var(--text-label, #374151);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.hp-toolbar-filter-btn:hover{background:#2563eb1a;border-color:var(--accent-primary, #2563eb);color:var(--accent-primary, #2563eb)}.hp-toolbar-filter-btn.active{background:var(--accent-primary, #2563eb);color:#fff;border-color:var(--accent-primary, #2563eb)}.hp-toolbar-search{display:flex;align-items:center;gap:8px;flex:1;max-width:360px;background:var(--bg-content, #f8f9fa);border:1px solid var(--border-divider, #e9ecef);border-radius:8px;padding:7px 12px}.hp-toolbar-search svg{color:var(--text-secondary, #9ca3af);flex-shrink:0}.hp-toolbar-search input{border:none;background:transparent;outline:none;font-size:13px;color:var(--text-primary, #374151);width:100%}.hp-toolbar-search input::placeholder{color:var(--text-secondary, #9ca3af)}.hp-content{padding:20px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.hp-content::-webkit-scrollbar{width:6px}.hp-content::-webkit-scrollbar-track{background:transparent}.hp-content::-webkit-scrollbar-thumb{background:var(--border-divider, rgba(0,0,0,.15));border-radius:4px}.hp-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #9ca3af)}.hp-group{margin-bottom:28px}.hp-group-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--accent-primary, #2563eb);margin-bottom:14px;padding-left:2px}.hp-group-title:before{content:"";display:inline-block;width:4px;height:18px;background:var(--accent-primary, #2563eb);border-radius:4px}.hp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hp-card{display:flex;align-items:flex-start;gap:14px;background:var(--bg-surface, #fff);border:1px solid var(--border-divider, #e8eaed);border-radius:12px;padding:16px;cursor:pointer;transition:box-shadow .18s,border-color .18s,transform .15s;position:relative;text-decoration:none;color:inherit}.hp-card:hover{box-shadow:0 4px 18px #2563eb1f;border-color:var(--accent-primary, #60a5fa);transform:translateY(-1px)}.hp-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hp-card-icon--blue{background:#eff2ff;color:#3b5bdb}.hp-card-icon--green{background:#ebfbee;color:#2f9e44}.hp-card-icon--purple{background:#f3f0ff;color:#7048e8}.hp-card-icon--orange{background:#fff4e6;color:#e8590c}.hp-card-icon--teal{background:#e6fcf5;color:#0ca678}.hp-card-icon--red{background:#fff5f5;color:#e03131}.hp-card-icon--yellow{background:#fffbe6;color:#d9a800}.hp-card-icon--pink{background:#fff0f6;color:#d6336c}.hp-card-icon--cyan{background:#e3fafc;color:#0891b2}.hp-card-icon--indigo{background:#edf2ff;color:#4c6ef5}.hp-card-icon--gray{background:#f3f4f6;color:#6b7280}[data-theme=dark] .hp-card-icon--blue{background:#3b5bdb33;color:#7b9cff}[data-theme=dark] .hp-card-icon--green{background:#2f9e4433;color:#69db7c}[data-theme=dark] .hp-card-icon--purple{background:#7048e833;color:#b197fc}[data-theme=dark] .hp-card-icon--orange{background:#e8590c33;color:#ffa94d}[data-theme=dark] .hp-card-icon--teal{background:#0ca67833;color:#38d9a9}[data-theme=dark] .hp-card-icon--red{background:#e0313133;color:#ff8787}[data-theme=dark] .hp-card-icon--yellow{background:#d9a80033;color:#ffd43b}[data-theme=dark] .hp-card-icon--pink{background:#d6336c33;color:#f783ac}[data-theme=dark] .hp-card-icon--cyan{background:#0891b233;color:#66d9e8}[data-theme=dark] .hp-card-icon--indigo{background:#4c6ef533;color:#91a7ff}[data-theme=dark] .hp-card-icon--gray{background:#6b728033;color:#adb5bd}.hp-card-body{flex:1;min-width:0}.hp-card-name{font-size:14px;font-weight:600;color:var(--text-primary, #111827);line-height:1.4;margin-bottom:3px}.hp-card-desc{font-size:11.5px;color:var(--text-secondary, #9ca3af);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.hp-card-star{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;color:var(--text-secondary, #d1d5db);padding:2px;border-radius:4px;display:flex;align-items:center;transition:color .15s}.hp-card-star:hover,.hp-card-star.starred{color:#f59e0b}.hp-card-help{position:absolute;bottom:10px;right:10px;color:var(--text-secondary, #d1d5db);display:flex;align-items:center;cursor:pointer;transition:color .15s}.hp-card-help:hover{color:var(--text-primary, #6b7280)}.hp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary, #9ca3af);gap:12px}.hp-empty svg{color:var(--border-divider, #d1d5db)}.hp-empty p{font-size:14px;margin:0}.hp-filter-tabs{display:flex;align-items:center;gap:0}@media (max-width: 1200px){.hp-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.hp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.hp-grid{grid-template-columns:1fr}.hp-content{padding:12px}.hp-toolbar{padding:10px 12px}}[data-theme=dark] .hp-wrapper{background:var(--bg-content, #13141f)}[data-theme=dark] .hp-toolbar{background:var(--bg-card, #1e2234);border-bottom-color:var(--border-divider, rgba(255, 255, 255, .1))}[data-theme=dark] .hp-card{background:var(--bg-card, #1e2234);border-color:var(--border-divider, rgba(255, 255, 255, .1))}.sys-settings-page{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--bg-content, #f5f6fa);padding:24px;display:flex;flex-direction:column;gap:20px}.sys-settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-surface, rgba(255,255,255,.95));border-radius:12px;padding:18px 24px;box-shadow:0 2px 8px #00000014;border:1px solid var(--border-surface, rgba(255,255,255,.2))}.sys-settings-header-title{display:flex;align-items:center;gap:10px;color:var(--text-primary, #333)}.sys-settings-header-title h1{font-size:1.3rem;font-weight:700;margin:0;color:var(--text-primary, #333)}.sys-settings-header-title svg{color:var(--color-primary, #667eea);flex-shrink:0}.sys-settings-reset-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid var(--border-input, #ced4da);border-radius:8px;color:var(--text-secondary, #6c757d);font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sys-settings-reset-btn:hover{border-color:var(--color-primary, #667eea);color:var(--color-primary, #667eea);background:rgba(var(--color-primary-rgb, 102,126,234),.05)}.sys-settings-section{background:var(--bg-surface, rgba(255,255,255,.95));border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;border:1px solid var(--border-surface, rgba(255,255,255,.2));display:flex;flex-direction:column;gap:20px}.sys-settings-section-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;color:var(--text-primary, #333);margin:0 0 4px;padding-bottom:12px;border-bottom:1px solid var(--border-divider, rgba(0,0,0,.08))}.sys-settings-section-title svg{color:var(--color-primary, #667eea)}.sys-settings-section-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sys-settings-field{display:flex;flex-direction:column;gap:10px}.sys-settings-field-label{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--text-label, #374151)}.sys-settings-field-label svg{color:var(--color-primary, #667eea);opacity:.7;flex-shrink:0}.sys-settings-mode-group{display:flex;gap:10px;flex-wrap:wrap}.sys-settings-mode-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:var(--bg-input, rgba(255,255,255,.9));border:2px solid var(--border-input, #ced4da);border-radius:8px;font-size:.9rem;color:var(--text-primary, #333);cursor:pointer;transition:all .2s ease;font-weight:500}.sys-settings-mode-btn:hover{border-color:var(--color-primary, #667eea);color:var(--color-primary, #667eea);background:rgba(var(--color-primary-rgb, 102,126,234),.05)}.sys-settings-mode-btn.active{border-color:var(--color-primary, #667eea);background:rgba(var(--color-primary-rgb, 102,126,234),.1);color:var(--color-primary, #667eea);font-weight:600}.sys-settings-color-group{display:flex;flex-wrap:wrap;gap:8px}.sys-settings-color-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:var(--bg-input, rgba(255,255,255,.9));border:2px solid var(--border-input, #ced4da);border-radius:20px;font-size:.82rem;color:var(--text-primary, #333);cursor:pointer;transition:all .2s ease;font-weight:500}.sys-settings-color-btn:hover{border-color:var(--swatch-color, #667eea);background:rgba(var(--color-primary-rgb, 102,126,234),.04)}.sys-settings-color-btn.active{border-color:var(--swatch-color, #667eea);background:color-mix(in srgb,var(--swatch-color, #667eea) 12%,transparent);color:var(--text-primary, #333);font-weight:600;box-shadow:0 0 0 3px color-mix(in srgb,var(--swatch-color, #667eea) 20%,transparent)}.sys-settings-color-dot{display:inline-block;width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 4px #0003}.sys-settings-color-label{white-space:nowrap}.sys-settings-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 600px){.sys-settings-two-col{grid-template-columns:1fr}}.sys-settings-select-wrapper{position:relative}.sys-settings-select{width:100%;padding:9px 36px 9px 12px;background:var(--bg-input, rgba(255,255,255,.9));border:1px solid var(--border-input, #ced4da);border-radius:8px;font-size:.9rem;color:var(--text-primary, #333);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .2s ease,box-shadow .2s ease}.sys-settings-select:focus{outline:none;border-color:var(--color-primary, #667eea);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 102,126,234),.1)}[data-theme=dark] .sys-settings-select{background-color:var(--bg-input, rgba(25,27,45,.9));color:var(--text-primary, #e5e7eb)}.sys-settings-preview-text{font-size:.875rem;color:var(--text-secondary, #6c757d);margin:0;line-height:1.5}.sys-settings-preview-text small{font-size:.8rem;color:var(--text-secondary, #6c757d);opacity:.8}.sys-settings-three-col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 1199px){.sys-settings-three-col-grid{grid-template-columns:1fr}}.sys-settings-static-select{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:var(--bg-input, rgba(255,255,255,.9));border:1px solid var(--border-input, #ced4da);border-radius:8px;font-size:.875rem;color:var(--text-primary, #333);cursor:default}.sys-settings-static-select svg{color:var(--text-secondary, #6c757d);flex-shrink:0}.sys-settings-badge-soon{display:inline-flex;align-items:center;padding:3px 10px;background:rgba(var(--color-primary-rgb, 102,126,234),.12);color:var(--color-primary, #667eea);border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.sys-settings-notification-item{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;background:var(--bg-input, rgba(255,255,255,.9));border:1px solid var(--border-input, #ced4da);border-radius:8px;opacity:.55}.sys-settings-notification-item-enabled{opacity:1}.sys-settings-notification-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:rgba(var(--color-primary-rgb, 102,126,234),.1);border-radius:8px;flex-shrink:0;color:var(--color-primary, #667eea)}.sys-settings-notification-info{flex:1}.sys-settings-notification-title{font-size:.9rem;font-weight:600;color:var(--text-primary, #333);margin-bottom:2px}.sys-settings-notification-desc{font-size:.8rem;color:var(--text-secondary, #6c757d)}.sys-settings-coming-soon-note{font-size:.8rem;color:var(--text-secondary, #6c757d);font-style:italic;text-align:right;margin:0}@media (max-width: 480px){.sys-settings-page{padding:12px;gap:12px}.sys-settings-header{flex-direction:column;align-items:flex-start;gap:10px}.sys-settings-section{padding:16px}.sys-settings-color-group{gap:6px}.sys-settings-color-btn{padding:6px 10px;font-size:.78rem}.sys-settings-mode-btn{padding:8px 14px;font-size:.85rem}}.itc-about-wrapper{max-width:1200px;width:100%;margin:0 auto;padding:2rem 1.5rem}.itc-about-hero{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;border-radius:16px;padding:2.25rem 2rem;margin-bottom:2rem;box-shadow:0 10px 25px -5px #0003;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.itc-about-hero-brand{display:flex;align-items:center;gap:1.25rem}.itc-about-hero-logo{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #2563eb66}.itc-about-hero-title{font-size:1.75rem;font-weight:800;line-height:1.2}.itc-about-hero-subtitle{font-size:.9rem;color:#94a3b8;margin-top:.25rem}.itc-about-hero-badges{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.itc-about-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:9999px;font-size:.8rem;font-weight:600}.itc-about-badge.green{background-color:#22c55e33;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.itc-about-badge.blue{background-color:#3b82f633;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.itc-about-badge.yellow{background-color:#eab30833;color:#facc15;border:1px solid rgba(250,204,21,.3)}.itc-about-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.75rem}@media (max-width: 900px){.itc-about-grid{grid-template-columns:1fr}}.itc-about-card{background-color:var(--bg-surface);border:1px solid var(--border-divider);border-radius:14px;padding:1.75rem;box-shadow:var(--card-shadow);margin-bottom:1.75rem}.itc-about-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-divider)}.itc-about-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background-color:#2563eb1a;color:var(--accent-primary)}.itc-about-card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.itc-about-dev-profile{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.25rem}.itc-about-dev-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-primary)}.itc-about-dev-name{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.itc-about-dev-role{font-size:.85rem;color:var(--text-secondary)}.itc-about-info-list{display:flex;flex-direction:column;gap:.85rem}.itc-about-info-row{display:flex;flex-direction:column;gap:.2rem}.itc-about-info-label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.itc-about-info-value{font-size:.9rem;color:var(--text-primary);line-height:1.5}.itc-about-contact-list{display:flex;flex-direction:column;gap:.85rem}.itc-about-contact-item{display:flex;align-items:center;gap:.85rem;padding:.75rem .9rem;border-radius:10px;background-color:var(--bg-content);text-decoration:none;color:inherit;transition:background-color .2s}.itc-about-contact-item:hover{background-color:var(--status-info-bg)}.itc-about-contact-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background-color:var(--bg-surface);color:var(--accent-primary);flex-shrink:0}.itc-about-contact-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.itc-about-contact-desc{font-size:.8rem;color:var(--text-secondary)}.itc-about-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-divider);font-size:.85rem;color:var(--text-secondary);line-height:1.6}[data-theme=dark] .itc-about-card{background-color:var(--bg-card)}[data-theme=dark] .itc-about-contact-item{background-color:#ffffff08}.ips-category-tree-sidebar{background-color:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:1rem;height:100%;box-sizing:border-box}.ips-tree-header{display:flex;flex-direction:column;gap:.375rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.ips-tree-header-main{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.ips-tree-close-btn{border:none;background:none;color:var(--text-secondary, #64748b);cursor:pointer;padding:.25rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center}.ips-tree-close-btn:hover{background-color:var(--bg-hover, #f1f5f9);color:var(--text-primary, #0f172a)}.ips-tree-header-title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9375rem;color:var(--text-primary, #0f172a)}.ips-tree-header-icon{color:var(--primary-color, #2563eb)}.ips-tree-header-count-row{display:flex;align-items:center;justify-content:flex-start}.ips-tree-header-count{font-size:.75rem;font-weight:600;background-color:var(--primary-light, #eff6ff);color:var(--primary-color, #2563eb);padding:.25rem .625rem;border-radius:9999px;display:inline-flex;align-items:center}.ips-tree-body{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.ips-tree-node-item{display:flex;flex-direction:column;gap:.375rem;padding:.625rem .75rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-primary, #334155);transition:all .15s ease}.ips-tree-node-item:hover{background-color:var(--bg-hover, #f8fafc);color:var(--primary-color, #2563eb)}.ips-tree-node-active{background-color:var(--primary-light, #eff6ff)!important;color:var(--primary-color, #2563eb)!important;font-weight:600}.ips-tree-node-header-line{display:flex;align-items:center;justify-content:space-between;width:100%}.ips-tree-node-label-group{display:flex;align-items:center;gap:.625rem}.ips-tree-node-icon{flex-shrink:0}.ips-tree-node-count-line{display:flex;align-items:center;justify-content:flex-end;width:100%}.ips-tree-node-badge{font-size:.75rem;color:var(--text-secondary, #64748b);background-color:var(--bg-secondary, #f1f5f9);padding:.125rem .5rem;border-radius:.375rem;font-weight:500;display:inline-flex;align-items:center}.ips-tree-node-active .ips-tree-node-badge{background-color:#dbeafe;color:#1e40af}.ips-tree-group-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem .25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #94a3b8);cursor:pointer}.ips-tree-subnodes{display:flex;flex-direction:column;gap:.25rem;padding-left:.5rem}.ad-trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#f0f0f0;color:#555;border:1px solid #ddd;border-radius:15px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.ad-trigger:hover{background:#e2e6ea;color:#333;border-color:#bbb;transform:rotate(30deg)}.ad-menu{position:fixed;z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:160px;padding:4px 0;animation:ad-fadein .15s ease}@keyframes ad-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ad-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;background:none;border:none;cursor:pointer;font-size:13px;color:#374151;text-align:left;transition:background .15s}.ad-menu-item:hover{background:#f1f5f9;color:#1e293b}.ad-menu-item.warning{color:#856404}.ad-menu-item.warning:hover{background:#fff3cd}.ad-menu-item.danger{color:#721c24}.ad-menu-item.danger:hover{background:#f8d7da}.ad-menu-divider{height:1px;background:#e5e7eb;margin:4px 0}[data-theme=dark] .ad-trigger{background:#334155;color:#cbd5e1;border-color:#475569}[data-theme=dark] .ad-trigger:hover{background:#475569;color:#e2e8f0;border-color:#64748b}[data-theme=dark] .ad-menu{background:#1e293b;border-color:#334155;box-shadow:0 4px 24px #00000080}[data-theme=dark] .ad-menu-item{color:#cbd5e1}[data-theme=dark] .ad-menu-item:hover{background:#334155;color:#e2e8f0}[data-theme=dark] .ad-menu-item.warning{color:#fbbf24}[data-theme=dark] .ad-menu-item.warning:hover{background:#fbbf241f}[data-theme=dark] .ad-menu-item.danger{color:#f87171}[data-theme=dark] .ad-menu-item.danger:hover{background:#f871711f}[data-theme=dark] .ad-menu-divider{background:#334155}.ips-table-container{background-color:transparent;border:none;border-radius:0;overflow:hidden;box-shadow:none;display:flex;flex-direction:column;flex:1;min-height:0}.ips-table-wrapper{display:block;overflow-y:auto;overflow-x:auto;flex:1;width:100%;min-height:0;border:1px solid var(--border-color, #e2e8f0);border-radius:.75rem;background-color:var(--bg-card, #ffffff)}.ips-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;text-align:left}.ips-table th{position:sticky;top:0;z-index:20;background-color:var(--bg-table-header, #f9fafb);color:var(--text-secondary, #374151);font-weight:600;padding:8px 10px;box-shadow:inset 0 -1px 0 var(--border-color, #e5e7eb);white-space:nowrap!important;-webkit-user-select:none;user-select:none}.ips-table th.sortable{cursor:pointer;transition:background-color .15s ease}.ips-table th.sortable:hover{background-color:var(--bg-hover, #f3f4f6)}.ips-table th.ips-table-stt-th{width:45px;text-align:center}.ips-table th.ips-table-actions-th{width:140px;text-align:center}.ips-sort-icon{display:inline;margin-left:4px}.ips-table td{padding:8px 10px;border-bottom:1px solid var(--border-color, #f3f4f6);color:var(--text-primary, #1f2937);vertical-align:middle;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;max-width:220px}.ips-table tr{cursor:pointer}.ips-table-stt-cell{font-weight:600;color:#6b7280;text-align:center}.ips-table-cell-text{font-weight:600;color:var(--text-primary, #111827);white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;max-width:220px}.ips-table-cell-subtext{font-size:11px;color:#6b7280;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;max-width:220px}.ips-table-cell-eqm-subtext{font-size:11px;color:#94a3b8;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;max-width:220px}.ips-table-empty-cell{font-size:12px;color:#9ca3af;font-style:italic;white-space:nowrap!important}.ips-table-permissions{font-size:12px;white-space:nowrap!important}.ips-table-synced-at{font-size:12px;color:#6b7280;white-space:nowrap!important}.ips-table-nodata-cell{text-align:center;padding:40px;color:#6b7280}.ips-table tr:hover td{background-color:var(--bg-hover, #f8fafc)}.ips-table-row-selected td{background-color:var(--primary-light, #eff6ff)!important}.ips-table-eqm-code{font-weight:600;color:#2563eb;white-space:nowrap}.ips-table-so-may{font-weight:600;white-space:nowrap}.ips-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-size:12px;font-weight:600;white-space:nowrap}.ips-badge-active{background-color:#10b9811f;color:#10b981}.ips-badge-maintenance{background-color:#f59e0b1f;color:#d97706}.ips-badge-off{background-color:#6b72801f;color:#6b7280}.ips-badge-broken{background-color:#ef44441f;color:#dc2626}.ips-cat-badge{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;margin-left:6px}.ips-mobile-card-list{display:none;flex-direction:column;gap:12px;padding:12px}.ips-mobile-card{background-color:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px #0000000d;cursor:pointer;transition:all .2s ease}.ips-mobile-card-selected{border-color:#2563eb!important;background-color:#eff6ff!important;box-shadow:0 0 0 2px #2563eb33!important}.ips-mobile-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color, #f3f4f6);padding-bottom:8px}.ips-mobile-card-eqm-code{font-weight:700;font-size:14px;color:#2563eb}.ips-mobile-card-so-may{font-weight:600;font-size:13px;color:var(--text-primary, #0f172a)}.ips-mobile-card-body{display:flex;flex-direction:column;gap:8px;font-size:13px}.ips-mobile-card-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.ips-mobile-card-row-last{padding-top:4px}.ips-mobile-card-left-val{display:flex;align-items:center;gap:4px;color:var(--text-primary, #1e293b);flex:1;text-align:left}.ips-mobile-card-right-val{display:flex;align-items:center;gap:4px;color:var(--text-primary, #1e293b);justify-content:flex-end;text-align:right}.ips-mobile-card-label{color:#64748b;font-size:12px;font-weight:500}.ips-mobile-ip-val{font-weight:600;color:#2563eb}.ips-mobile-mac-val{font-family:monospace;font-size:12px;color:#475569}@media (max-width: 768px){.ips-table-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.ips-table-wrapper{display:none}.ips-mobile-card-list{display:flex;flex-direction:column;padding:.375rem;gap:.5rem;flex:1;min-height:0;overflow-y:auto}.ips-mobile-card{padding:10px 12px;gap:6px;border-radius:8px}.ips-mobile-card-header{padding-bottom:6px}.ips-mobile-card-body{gap:6px}}.ips-table-ip-val{font-weight:600;color:#2563eb}.ips-table-mac-container{display:inline-flex;align-items:center;gap:6px}.ips-table-mac-val{font-family:monospace;font-size:12px}.ips-table-fake-mac-badge{font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;background-color:#ffedd5;color:#c2410c;border:1px solid #fed7aa;font-family:system-ui,-apple-system,sans-serif;line-height:1}.ips-badge-eqm{background-color:#3b82f61f;color:#2563eb;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600;display:inline-flex;align-items:center}.ips-badge-srtech{background-color:#8b5cf624;color:#7c3aed;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;border:1px solid rgba(139,92,246,.25)}.ips-badge-srtech-small{font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;background-color:#8b5cf624;color:#7c3aed;border:1px solid rgba(139,92,246,.3);margin-left:6px;line-height:1}[data-theme=dark] .ips-table-ip-val{color:#60a5fa}[data-theme=dark] .ips-table-fake-mac-badge{background-color:#ea580c33;color:#fdba74;border-color:#f9731666}[data-theme=dark] .ips-badge-eqm{background-color:#3b82f633;color:#60a5fa}[data-theme=dark] .ips-badge-srtech,[data-theme=dark] .ips-badge-srtech-small{background-color:#8b5cf640;color:#c084fc;border-color:#a855f766}@keyframes ipsOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ipsOverlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes ipsDrawerSlideFromRight{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes ipsDrawerSlideToRight{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}.ips-modal-overlay{position:fixed;top:50px;left:0;right:0;bottom:0;height:calc(100vh - 50px);background-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;display:flex;justify-content:flex-end;align-items:stretch;z-index:2000!important;padding:0;margin:0;box-sizing:border-box;pointer-events:none!important}.ips-modal-overlay.open{animation:ipsOverlayFadeIn .3s ease forwards}.ips-modal-overlay.closing{animation:ipsOverlayFadeOut .3s ease forwards}.ips-modal-container{background-color:var(--bg-card, #ffffff);border-left:1px solid var(--border-color, #e5e7eb);border-top:none;border-right:none;border-bottom:none;border-radius:0;width:760px;max-width:90vw;height:calc(100vh - 50px);max-height:calc(100vh - 50px);display:flex;flex-direction:column;box-shadow:-6px 0 25px #00000026;overflow:hidden!important;pointer-events:auto;will-change:transform;box-sizing:border-box}.ips-modal-overlay.open .ips-modal-container{animation:ipsDrawerSlideFromRight .38s cubic-bezier(.25,1,.5,1) forwards}.ips-modal-overlay.closing .ips-modal-container{animation:ipsDrawerSlideToRight .35s cubic-bezier(.25,1,.5,1) forwards}.ips-modal-title-icon{color:#2563eb;flex-shrink:0}[data-theme=dark] .ips-modal-title-icon{color:#60a5fa}.ips-modal-header{padding:8px 14px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;flex-direction:column;gap:6px;background-color:var(--bg-secondary, #f9fafb);flex-shrink:0}.ips-modal-header-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.ips-modal-title{font-size:16px;font-weight:700;color:var(--text-primary, #111827);display:flex;align-items:flex-start;gap:8px;flex:1;word-break:break-word}.ips-modal-title-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25;gap:2px}.ips-modal-title-action{font-size:15px;font-weight:700;color:var(--text-primary, #0f172a)}.ips-modal-title-code{font-size:13px;font-weight:700;color:var(--primary-color, #2563eb);word-break:break-all}.ips-modal-header-actions{display:flex;align-items:center;justify-content:flex-end;width:100%}.ips-modal-mode-toggle{display:flex;align-items:center;background-color:var(--bg-hover, #e2e8f0);border-radius:8px;padding:3px;gap:3px;width:100%;max-width:100%}.ips-modal-mode-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;border:none;background:transparent;color:var(--text-secondary, #64748b);cursor:pointer;flex:1 1 0%;width:100%;transition:all .15s ease;white-space:nowrap}.ips-modal-mode-btn:hover{color:var(--text-primary, #1e293b)}.ips-modal-mode-btn.active{background-color:var(--bg-card, #ffffff);color:var(--primary-color, #2563eb);box-shadow:0 1px 3px #0000001a}.ips-modal-close{background:none;border:none;color:var(--text-secondary, #6b7280);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.ips-modal-close:hover{background-color:var(--bg-hover, #e5e7eb);color:var(--text-primary, #111827)}.ips-modal-form{display:flex;flex-direction:column;height:100%;overflow:hidden}.ips-modal-body{padding:12px;overflow-y:auto!important;flex:1;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.ips-modal-section{background-color:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.ips-modal-section.collapsed{gap:0}.ips-modal-section-title{font-size:14px;font-weight:700;color:var(--text-primary, #374151);display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border-color, #f3f4f6);padding-bottom:10px;margin-bottom:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease,border-color .2s ease}.ips-modal-section-title:hover{color:var(--primary-color, #2563eb)}.ips-modal-section.collapsed .ips-modal-section-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.ips-modal-section-title-left{display:flex;align-items:center;gap:8px}.ips-modal-section-title-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);transition:color .2s ease}.ips-modal-section-title:hover .ips-modal-section-title-icon{color:var(--primary-color, #2563eb)}.ips-modal-section-header-row{display:flex;justify-content:space-between;align-items:center}.ips-modal-field-grid{display:flex;flex-direction:column;gap:0;width:100%}.ips-modal-field-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed var(--border-color, #e2e8f0);width:100%;box-sizing:border-box}.ips-modal-field-row:last-child{border-bottom:none}.ips-modal-field-row.edit-mode{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px dashed var(--border-color, #e2e8f0);padding:8px 0;width:100%}.ips-modal-field-row.edit-mode .ips-modal-input,.ips-modal-field-row.edit-mode .ips-modal-select,.ips-modal-input-field-wrapper{width:260px!important;min-width:260px!important;max-width:260px!important;box-sizing:border-box!important}.ips-modal-field-row.edit-mode .ips-modal-input,.ips-modal-field-row.edit-mode .ips-modal-select{text-align:right!important}.ips-modal-input-field-wrapper{display:flex;flex-direction:column;align-items:flex-end;padding:0!important;margin:0!important;border:none!important;background:transparent!important}.ips-modal-input-field-wrapper .ips-modal-input{width:100%!important;min-width:100%!important;max-width:100%!important;text-align:right!important;box-sizing:border-box!important}.ips-modal-field-col{display:flex;flex-direction:column;gap:6px;width:100%;padding:8px 0}.ips-modal-notes-group{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color, #f3f4f6)}.ips-modal-field-label{font-size:13px;font-weight:500;color:var(--text-secondary, #64748b);text-align:left;flex-shrink:0}.ips-modal-field-val{font-size:13px;font-weight:600;color:var(--text-primary, #0f172a);text-align:right;word-break:break-word}.ips-modal-field-val-block{font-size:13px;color:var(--text-primary, #334155);background-color:var(--bg-secondary, #f8fafc);padding:10px 12px;border-radius:6px;border:1px solid var(--border-color, #e2e8f0);white-space:pre-wrap}.ips-modal-input,.ips-modal-select,.ips-modal-textarea{padding:7px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:13px;color:var(--text-primary, #111827);background-color:var(--bg-input, #ffffff);outline:none;transition:all .15s ease}.ips-modal-input.text-right,.ips-modal-select.text-right{text-align:right}.ips-modal-input:focus,.ips-modal-select:focus,.ips-modal-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ips-modal-textarea{min-height:70px;resize:vertical;width:100%;box-sizing:border-box}.ips-modal-section-actions-row{display:flex;align-items:center;gap:10px;margin-top:8px;margin-bottom:12px;flex-wrap:wrap}.ips-modal-add-btn,.ips-modal-clear-all-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap!important;transition:all .15s ease}.ips-modal-add-btn{background-color:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.ips-modal-add-btn:hover{background-color:#dbeafe}.ips-modal-clear-all-btn{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.ips-modal-clear-all-btn:hover{background-color:#fee2e2}.ips-modal-nic-card{background-color:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px;margin-bottom:10px}.ips-modal-nic-card.detail-nic-card{background-color:var(--bg-card, #ffffff)}.ips-modal-nic-card.ips-modal-nic-primary{border-left:4px solid #2563eb}.ips-modal-nic-detail-block,.ips-modal-nic-edit-block{display:flex;flex-direction:column;gap:8px}.ips-modal-nic-top-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:6px;border-bottom:1px solid var(--border-color, #e2e8f0)}.ips-btn-primary-toggle{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;border:1px solid var(--border-color, #cbd5e1);background-color:var(--bg-card, #ffffff);color:var(--text-secondary, #64748b);cursor:pointer}.ips-btn-primary-toggle.active{background-color:#fef3c7;color:#b45309;border-color:#fde68a}.ips-modal-nic-title{font-weight:700;font-size:13px;color:var(--text-primary, #0f172a)}.ips-modal-remove-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;border:1px solid #fecaca;background-color:#fef2f2;color:#dc2626;cursor:pointer}.ips-modal-remove-btn:hover{background-color:#fee2e2}.ips-modal-nic-ip-list{display:flex;flex-direction:column;gap:8px;padding-top:6px}.ips-modal-ip-item-card{background-color:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:6px;padding:10px 12px}.ips-modal-ip-detail-left{display:flex;align-items:center;gap:6px}.ips-modal-ip-detail-right{display:flex;align-items:center;gap:8px}.ips-modal-ip-badge{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;background-color:#eff6ff;color:#2563eb}.ips-modal-ip-edit-box{display:flex;flex-direction:column;gap:8px}.ips-modal-ip-top-bar{display:flex;align-items:center;gap:10px;justify-content:space-between}.ips-modal-ip-cat-select{padding:4px 8px;font-size:12px}.ips-modal-ip-notes-col{margin-top:4px}.ips-modal-add-ip-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;border:1px dashed #93c5fd;background-color:#eff6ff;color:#2563eb;cursor:pointer;transition:all .15s ease;margin-top:4px}.ips-modal-add-ip-btn:hover{background-color:#dbeafe}.ips-modal-footer{padding:14px 20px;border-top:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:flex-end;gap:10px;background-color:var(--bg-secondary, #f9fafb);flex-shrink:0}.ips-modal-btn-cancel{padding:8px 16px;border-radius:6px;border:1px solid var(--border-color, #d1d5db);background-color:var(--bg-card, #ffffff);color:var(--text-primary, #374151);font-size:13px;font-weight:500;cursor:pointer}.ips-modal-btn-save{padding:8px 18px;border-radius:6px;border:none;background-color:#2563eb;color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.ips-modal-btn-save:hover{background-color:#1d4ed8}.ips-modal-log-container{display:flex;flex-direction:column;height:100%}.ips-modal-log-layout{display:flex;gap:16px;height:100%}.ips-history-list{width:280px;border-right:1px solid var(--border-color, #e2e8f0);padding-right:12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.ips-history-item{padding:10px;border-radius:6px;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #f8fafc);cursor:pointer}.ips-history-item-active{border-color:#2563eb;background-color:#eff6ff}.ips-history-badge-sync{background-color:#e0f2fe;color:#0369a1;font-size:11px;padding:2px 6px;border-radius:4px;font-weight:600}.ips-history-badge-update{background-color:#dcfce7;color:#15803d;font-size:11px;padding:2px 6px;border-radius:4px;font-weight:600}.ips-history-meta{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--text-secondary, #64748b);margin-top:4px}.ips-history-diff-section{flex:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.ips-input-error-msg{display:flex;align-items:center;gap:4px;color:#dc2626;font-size:11px;font-weight:600;margin-top:4px;justify-content:flex-end;animation:ipsErrorFadeIn .2s ease forwards}@keyframes ipsErrorFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.ips-modal-input.has-error{border-color:#ef4444!important;background-color:#fef2f2!important}@media (max-width: 768px){.ips-modal-overlay{top:86px!important;height:calc(100vh - 86px)!important;z-index:2000!important}.ips-modal-container{width:100vw;max-width:100vw;height:calc(100vh - 86px)!important;max-height:calc(100vh - 86px)!important}.ips-modal-header{padding:6px 10px;gap:4px}.ips-modal-body{padding:8px}.ips-modal-mode-toggle{max-width:100%}.ips-modal-mode-btn{padding:6px 8px;font-size:11px}.ips-modal-field-row.edit-mode{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}.ips-modal-field-row.edit-mode .ips-modal-field-label{flex-shrink:0;max-width:42%;text-align:left;font-size:12px}.ips-modal-field-row.edit-mode .ips-modal-input,.ips-modal-field-row.edit-mode .ips-modal-select,.ips-modal-input-field-wrapper{width:200px!important;min-width:200px!important;max-width:200px!important;box-sizing:border-box!important}.ips-modal-field-row.edit-mode .ips-modal-input,.ips-modal-field-row.edit-mode .ips-modal-select{font-size:12px;padding:5px 8px;text-align:right!important}.ips-modal-input-field-wrapper{padding:0!important;margin:0!important}.ips-input-error-msg{justify-content:flex-end}}.ips-mac-duplicate-alert-row{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-top:4px;width:100%}.ips-btn-fake-mac{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;border:1px solid #f97316;background-color:#fff7ed;color:#c2410c;cursor:pointer;transition:all .15s ease}.ips-btn-fake-mac:hover{background-color:#ffedd5;color:#ea580c}.ips-modal-mac-fake-val{display:inline-flex;align-items:center;gap:8px}.ips-mac-fake-badge{font-size:11px;font-weight:700;padding:1px 6px;border-radius:4px;background-color:#ffedd5;color:#c2410c;border:1px solid #fed7aa}.ips-modal-mac-fake-row{background-color:#fb923c0f;padding:8px 10px!important;border-radius:6px;border:1px dashed rgba(249,115,22,.3)!important}.ips-modal-mac-fake-label{display:flex;align-items:center;gap:6px}.ips-mac-fake-tag-badge{font-size:10px;font-weight:700;padding:1px 5px;border-radius:3px;background-color:#ea580c;color:#fff}.ips-mac-fake-input-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ips-input-mac-fake{border-color:#f97316!important}.ips-btn-remove-fake-mac{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;border:1px solid #fecaca;background-color:#fef2f2;color:#dc2626;cursor:pointer;white-space:nowrap;transition:all .15s ease}.ips-btn-remove-fake-mac:hover{background-color:#fee2e2;color:#b91c1c}.ips-log-icon{display:inline;margin-right:4px}.ips-history-item-notes{font-size:13px;color:var(--text-secondary, #4b5563);margin-top:4px}.ips-history-diff-header-changed{font-weight:600;font-size:14px;color:#dc2626;margin-top:8px}.ips-history-diff-no-changed{font-size:13px;color:var(--text-secondary, #6b7280);font-style:italic}.ips-history-snapshot-header{font-weight:600;font-size:14px;color:var(--text-primary, #374151);margin-top:12px}.ips-col-30{width:30%}.ips-col-35{width:35%}.ips-col-65{width:65%}.ips-font-semibold{font-weight:600}.ips-font-medium{font-weight:500}[data-theme=dark] .ips-btn-fake-mac{background-color:#ea580c33;color:#fdba74;border-color:#f9731666}[data-theme=dark] .ips-btn-fake-mac:hover{background-color:#ea580c59;color:#ffedd5}[data-theme=dark] .ips-mac-fake-badge{background-color:#ea580c33;color:#fdba74;border-color:#f9731666}[data-theme=dark] .ips-modal-mac-fake-row{background-color:#ea580c1a;border-color:#f973164d!important}[data-theme=dark] .ips-btn-remove-fake-mac{background-color:#dc262633;color:#fca5a5;border-color:#ef444466}[data-theme=dark] .ips-btn-remove-fake-mac:hover{background-color:#dc262659}.ips-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000!important;padding:1rem}.ips-history-modal{background-color:var(--bg-card, #ffffff);border-radius:.875rem;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--border-color, #e2e8f0);overflow:hidden}.ips-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.ips-modal-title{display:flex;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:700;color:var(--text-primary, #0f172a)}.ips-modal-close-btn{border:none;background:none;color:var(--text-secondary, #64748b);cursor:pointer;padding:.375rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center}.ips-modal-close-btn:hover{background-color:var(--bg-hover, #f1f5f9);color:var(--text-primary, #0f172a)}.ips-history-body{display:flex;flex:1;min-height:0;overflow:hidden}.ips-history-timeline-list{width:320px;border-right:1px solid var(--border-color, #e2e8f0);overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.ips-history-timeline-item{padding:.875rem;border-radius:.625rem;border:1px solid var(--border-color, #e2e8f0);background-color:var(--bg-secondary, #f8fafc);cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;gap:.375rem}.ips-history-timeline-item:hover{border-color:var(--primary-color, #2563eb);background-color:var(--bg-card, #ffffff)}.ips-history-timeline-item.active{border-color:var(--primary-color, #2563eb);background-color:var(--primary-light, #eff6ff)}.ips-history-item-action{font-weight:600;font-size:.875rem;color:var(--text-primary, #0f172a)}.ips-history-item-user{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary, #64748b)}.ips-history-item-date{font-size:.75rem;color:var(--text-secondary, #94a3b8)}.ips-history-detail-panel{flex:1;padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.ips-history-detail-title{font-size:1rem;font-weight:700;color:var(--text-primary, #0f172a);padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.ips-history-diff-table{width:100%;border-collapse:collapse;font-size:.875rem}.ips-history-diff-table th,.ips-history-diff-table td{padding:.625rem .875rem;text-align:left;border-bottom:1px solid var(--border-color, #e2e8f0)}.ips-history-diff-table th{background-color:var(--bg-table-header, #f8fafc);color:var(--text-secondary, #64748b);font-weight:600}.ips-history-diff-old{color:#dc2626;background-color:#fef2f2}.ips-history-diff-new{color:#16a34a;background-color:#f0fdf4}.ips-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e2e8f0);display:flex;justify-content:flex-end;background-color:var(--bg-footer, #f8fafc)}.ips-history-empty{padding:3rem 1.5rem;text-align:center;color:var(--text-secondary, #64748b);font-size:.875rem}.cpn-pagination-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:8px 16px;margin-top:2px}.cpn-pagination-info{justify-self:start;font-size:14px;color:#6b7280;font-weight:500}.cpn-pagination-info-label{margin-right:4px}.cpn-pagination-controls{justify-self:center;display:flex;gap:8px;align-items:center}.cpn-pagination-per-page{justify-self:end;display:flex;align-items:center;gap:8px}.cpn-pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease}.cpn-pagination-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.cpn-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.cpn-pagination-current{padding:0 16px;font-size:14px;font-weight:600;color:#1f2937}.cpn-pagination-per-page{display:flex;align-items:center;gap:8px}.cpn-pagination-per-page label{font-size:14px;color:#6b7280;font-weight:500}.cpn-pagination-select{padding:6px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;cursor:pointer}@media (max-width: 768px){.cpn-pagination-container{display:grid;grid-template-columns:25% 50% 25%;grid-template-areas:"info controls perpage";align-items:center;padding:6px 8px;gap:0}.cpn-pagination-info{grid-area:info;display:flex;flex-direction:column;font-size:11px;word-break:break-word;padding-right:4px}.cpn-pagination-info-label,.cpn-pagination-info-range{white-space:nowrap}.cpn-pagination-controls{grid-area:controls;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;white-space:nowrap;overflow:hidden}.cpn-pagination-btn{width:28px;height:28px;border-width:1px;flex-shrink:0}.cpn-pagination-btn svg{width:12px;height:12px}.cpn-pagination-current{padding:0 4px;font-size:11px;white-space:nowrap;flex-shrink:0}.cpn-pagination-per-page{grid-area:perpage;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-left:4px}.cpn-pagination-per-page label{font-size:11px;white-space:nowrap;line-height:1.2}.cpn-pagination-select{padding:3px 6px;font-size:11px;width:100%;max-width:70px}}.cpn-pagination-container--compact{display:grid!important;grid-template-columns:25% 50% 25%!important;grid-template-areas:"info controls perpage"!important;align-items:center!important;padding:6px 8px!important;gap:0!important}.cpn-pagination-container--compact .cpn-pagination-info{grid-area:info!important;display:flex!important;flex-direction:column!important;font-size:11px!important;word-break:break-word!important;padding-right:4px!important}.cpn-pagination-container--compact .cpn-pagination-info-label,.cpn-pagination-container--compact .cpn-pagination-info-range{white-space:nowrap!important}.cpn-pagination-container--compact .cpn-pagination-controls{grid-area:controls!important;display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;overflow:hidden!important}.cpn-pagination-container--compact .cpn-pagination-btn{width:28px!important;height:28px!important;border-width:1px!important;flex-shrink:0!important}.cpn-pagination-container--compact .cpn-pagination-btn svg{width:12px!important;height:12px!important}.cpn-pagination-container--compact .cpn-pagination-current{padding:0 4px!important;font-size:11px!important;white-space:nowrap!important;flex-shrink:0!important}.cpn-pagination-container--compact .cpn-pagination-per-page{grid-area:perpage!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:2px!important;padding-left:4px!important}.cpn-pagination-container--compact .cpn-pagination-per-page label{font-size:11px!important;white-space:nowrap!important;line-height:1.2!important}.cpn-pagination-container--compact .cpn-pagination-select{padding:3px 6px!important;font-size:11px!important;width:100%!important;max-width:70px!important}[data-theme=dark] .cpn-pagination-info,[data-theme=dark] .cpn-pagination-per-page label{color:var(--text-label, #6b7280)}[data-theme=dark] .cpn-pagination-current{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .cpn-pagination-btn{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-secondary, #8a93a8)}[data-theme=dark] .cpn-pagination-btn:hover:not(:disabled){border-color:var(--color-primary, #667eea);color:var(--color-primary, #667eea);background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .cpn-pagination-select{background:var(--bg-input, #252830);border-color:var(--border-input, #3a3f4f);color:var(--text-primary, #e2e8f0)}.col-sel-container{position:relative;display:inline-block}.col-sel-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e1e5e9;border-radius:10px;box-shadow:0 10px 30px #00000026,0 2px 8px #00000014;z-index:1050;width:280px;display:flex;flex-direction:column;max-height:480px;animation:col-sel-fadeIn .15s ease-out}@keyframes col-sel-fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.col-sel-header{padding:14px 16px 10px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-bottom:1px solid #e1e5e9;border-radius:10px 10px 0 0;flex-shrink:0}.col-sel-header h4{margin:0 0 2px;color:#2c3e50;font-size:13px;font-weight:700;letter-spacing:.3px}.col-sel-header-hint{margin:0;color:#7f8c8d;font-size:11px;display:flex;align-items:center;gap:4px}.col-sel-select-all{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid #f0f2f5;background:#fafbfc;flex-shrink:0;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.col-sel-select-all:hover{background:#f0f2f5}.col-sel-select-all-checkbox{width:15px;height:15px;cursor:pointer;accent-color:#6c5ce7;flex-shrink:0}.col-sel-select-all-label{font-size:13px;font-weight:600;color:#2c3e50;flex:1}.col-sel-select-all-count{font-size:11px;color:#95a5a6;white-space:nowrap}.col-sel-list{overflow-y:auto;flex:1;padding:6px 0;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.col-sel-list::-webkit-scrollbar{width:4px}.col-sel-list::-webkit-scrollbar-track{background:transparent}.col-sel-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.col-sel-item{display:flex;align-items:center;padding:7px 12px 7px 10px;gap:8px;cursor:default;-webkit-user-select:none;user-select:none;transition:background-color .12s ease;position:relative;border-radius:4px;margin:1px 6px}.col-sel-item:hover{background:#f5f6fa}.col-sel-item.col-sel-item-required{cursor:default}.col-sel-item.col-sel-dragging-source{opacity:.4;background:#eef2ff}.col-sel-item.col-sel-drag-over{background:#eef2ff;border-top:2px solid #6c5ce7}.col-sel-drag-handle{display:flex;align-items:center;cursor:grab;color:#bdc3cc;padding:2px;border-radius:3px;flex-shrink:0;transition:color .15s;-webkit-user-select:none;user-select:none}.col-sel-drag-handle:hover{color:#6c5ce7;background:#6c5ce714}.col-sel-drag-handle:active{cursor:grabbing}.col-sel-item.col-sel-item-required .col-sel-drag-handle{cursor:not-allowed;opacity:.3}.col-sel-checkbox{width:15px;height:15px;cursor:pointer;accent-color:#6c5ce7;flex-shrink:0}.col-sel-item-required .col-sel-checkbox{cursor:not-allowed;opacity:.5}.col-sel-item-label{font-size:13px;color:#2c3e50;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.col-sel-item-label-required{cursor:default;color:#95a5a6;font-style:italic}.col-sel-required-badge{font-size:10px;color:#7f8c8d;background:#f0f2f5;padding:1px 5px;border-radius:3px;white-space:nowrap;flex-shrink:0}.col-sel-footer{padding:8px 16px;border-top:1px solid #f0f2f5;background:#fafbfc;border-radius:0 0 10px 10px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.col-sel-reset-btn{font-size:12px;color:#6c5ce7;background:transparent;border:1px solid #d8d2f7;padding:5px 10px;border-radius:5px;cursor:pointer;font-weight:500;transition:all .15s}.col-sel-reset-btn:hover{background:#eee9fd;border-color:#6c5ce7}.col-sel-close-btn{font-size:12px;color:#fff;background:linear-gradient(135deg,#6c5ce7,#5b4cdb);border:none;padding:5px 14px;border-radius:5px;cursor:pointer;font-weight:500;transition:all .15s;box-shadow:0 2px 6px #6c5ce74d}.col-sel-close-btn:hover{background:linear-gradient(135deg,#5a4fcf,#4834d4);box-shadow:0 3px 10px #6c5ce766}.col-sel-dragging-ghost{opacity:0!important}@media (max-width: 768px){.col-sel-container{display:none!important}}[data-theme=dark] .col-sel-dropdown{background:var(--bg-surface, #1c1f26);border-color:var(--border-divider, #2d3140);box-shadow:0 10px 30px #00000080,0 2px 8px #0000004d}[data-theme=dark] .col-sel-header{background:linear-gradient(135deg,var(--bg-input, #252830),var(--bg-content, #1a1d24));border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .col-sel-header h4{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .col-sel-header-hint{color:var(--text-label, #6b7280)}[data-theme=dark] .col-sel-select-all{background:var(--bg-input, #252830);border-bottom-color:var(--border-divider, #2d3140)}[data-theme=dark] .col-sel-select-all:hover{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .col-sel-select-all-label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .col-sel-select-all-count{color:var(--text-label, #6b7280)}[data-theme=dark] .col-sel-list{scrollbar-color:var(--border-divider, #3a3f4f) transparent}[data-theme=dark] .col-sel-list::-webkit-scrollbar-thumb{background:var(--border-divider, #3a3f4f)}[data-theme=dark] .col-sel-item:hover{background:var(--bg-surface-hover, #2a2f3d)}[data-theme=dark] .col-sel-item.col-sel-dragging-source{background:#667eea14}[data-theme=dark] .col-sel-item.col-sel-drag-over{background:#667eea1a;border-top-color:#667eea}[data-theme=dark] .col-sel-drag-handle{color:var(--text-label, #4a5060)}[data-theme=dark] .col-sel-drag-handle:hover{color:#667eea;background:#667eea1a}[data-theme=dark] .col-sel-item-label{color:var(--text-primary, #e2e8f0)}[data-theme=dark] .col-sel-item-required .col-sel-item-label{color:var(--text-label, #6b7280)}[data-theme=dark] .col-sel-required-badge{color:var(--text-label, #6b7280);background:var(--bg-input, #252830)}[data-theme=dark] .col-sel-footer{background:var(--bg-input, #252830);border-top-color:var(--border-divider, #2d3140)}[data-theme=dark] .col-sel-reset-btn{color:#667eea;background:transparent;border-color:#667eea4d}[data-theme=dark] .col-sel-reset-btn:hover{background:#667eea1f;border-color:#667eea}.ips-page-container{padding:0;width:100%;height:calc(100vh - 40px);display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.ips-page-header{padding:12px;display:flex;justify-content:space-between;align-items:flex-start;margin:0;flex-wrap:wrap;gap:.5rem;flex-shrink:0}.ips-page-title-group{display:flex;flex-direction:column;gap:.25rem}.ips-page-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary, #0f172a)}.ips-page-title-icon{color:var(--primary-color, #2563eb)}.ips-page-subtitle{font-size:.875rem;color:var(--text-secondary, #64748b)}.ips-header-actions{display:flex;align-items:center;gap:.75rem}.ips-btn-add-srtech{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:#7c3aed;color:#fff;font-size:.875rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease}.ips-btn-add-srtech:hover{background-color:#6d28d9;box-shadow:0 4px 12px #7c3aed40}.ips-btn-sync{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:var(--primary-color, #2563eb);color:#fff;font-size:.875rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease}.ips-btn-sync:hover:not(:disabled){background-color:var(--primary-hover, #1d4ed8);box-shadow:0 4px 12px #2563eb40}.ips-btn-sync:disabled{opacity:.7;cursor:not-allowed}.ips-spin{animation:ipsSpin 1s linear infinite}@keyframes ipsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ips-main-layout{display:flex;gap:1.25rem;align-items:stretch;flex:1;min-height:0;overflow:hidden}@media (min-width: 1025px){.ips-tree-sidebar-wrapper{width:320px!important;min-width:320px!important;max-width:320px!important;flex-shrink:0;height:100%;overflow:hidden!important;will-change:margin-left,opacity;transition:margin-left .38s cubic-bezier(.25,1,.5,1),opacity .35s ease,visibility .35s ease;margin-left:0;opacity:1;visibility:visible}.ips-tree-sidebar-wrapper.collapsed{margin-left:-335px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.ips-tree-sidebar-wrapper:not(.collapsed){margin-left:0!important;opacity:1!important;visibility:visible!important}.ips-tree-sidebar-wrapper .ips-category-tree-sidebar{width:320px!important;min-width:320px!important;box-sizing:border-box!important}}.ips-table-section{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem;height:100%;overflow:hidden}.ips-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background-color:var(--bg-card, #ffffff);padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--border-color, #e2e8f0);flex-shrink:0}.ips-toolbar-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:280px}.ips-toggle-tree-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;border:1px solid var(--border-color, #cbd5e1);background-color:var(--bg-secondary, #f8fafc);color:var(--text-secondary, #475569);cursor:pointer;transition:all .2s ease}.ips-toggle-tree-btn:hover{background-color:var(--primary-light, #eff6ff);color:var(--primary-color, #2563eb);border-color:var(--primary-color, #93c5fd)}.ips-search-box{position:relative;flex:1;max-width:420px}.ips-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8}.ips-search-input{width:100%;padding:.5rem 2.25rem;border:1px solid var(--border-color, #cbd5e1);border-radius:.5rem;font-size:.875rem;background-color:var(--bg-input, #ffffff);color:var(--text-primary, #0f172a);outline:none;transition:border-color .2s ease}.ips-search-input:focus{border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.ips-clear-search-btn{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);border:none;background:none;color:#94a3b8;cursor:pointer;padding:.125rem;display:flex;align-items:center;justify-content:center}.ips-clear-search-btn:hover{color:#64748b}.ips-filter-group{display:flex;align-items:center}.ips-filter-select{padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--border-color, #cbd5e1);background-color:var(--bg-input, #ffffff);color:var(--text-primary, #0f172a);font-size:.875rem;outline:none;cursor:pointer;transition:border-color .2s ease}.ips-filter-select:focus{border-color:var(--primary-color, #2563eb)}.ips-toolbar-right{display:flex;align-items:center;gap:.75rem}.ips-select{padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--border-color, #cbd5e1);background-color:var(--bg-input, #ffffff);color:var(--text-primary, #0f172a);font-size:.875rem;outline:none;cursor:pointer}.ips-select:focus{border-color:var(--primary-color, #2563eb)}.ips-col-sel-wrapper{position:relative}.ips-btn-col-sel{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:.5rem;border:1px solid var(--border-color, #cbd5e1);background-color:var(--bg-secondary, #f8fafc);color:var(--text-secondary, #475569);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ips-btn-col-sel:hover{background-color:var(--primary-light, #eff6ff);color:var(--primary-color, #2563eb);border-color:var(--primary-color, #93c5fd)}.ips-mobile-sync-btn{display:none}@media (max-width: 1024px){.ips-page-container{padding:0 .5rem .5rem!important}.ips-page-header{position:sticky!important;top:0!important;z-index:1205!important;background-color:var(--bg-body, #f8fafc)!important;padding:.375rem .5rem!important;margin:0!important;gap:0!important;height:36px!important;min-height:36px!important;max-height:36px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;overflow:hidden!important}.ips-page-title-group{margin:0!important;padding:0!important;gap:0!important;display:flex!important;align-items:center!important}.ips-page-title{font-size:1rem!important;gap:.375rem!important;line-height:1!important;margin:0!important;padding:0!important}.ips-page-title-icon{width:18px!important;height:18px!important}.ips-page-subtitle{display:none!important;margin:0!important;padding:0!important}.ips-page-header .ips-header-actions{display:none!important}.ips-main-layout{gap:0!important;margin:0!important;padding:0!important}.ips-table-section{gap:0!important;margin:0!important;padding:0!important;flex:1!important;min-height:0!important;overflow:hidden!important;position:relative!important}.ips-toolbar{position:relative!important;top:0!important;z-index:1200!important;flex-direction:row!important;align-items:center!important;padding:.375rem .5rem!important;margin:0!important;gap:.5rem!important;min-height:46px!important;height:46px!important;background-color:var(--bg-card, #ffffff)!important;box-shadow:0 2px 8px #00000014!important;box-sizing:border-box!important;flex-shrink:0!important}.ips-toggle-tree-btn{position:relative!important;z-index:1201!important;width:36px!important;height:36px!important;flex-shrink:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.ips-tree-close-btn{display:none!important}.ips-search-box{flex:1!important;min-width:0!important;max-width:100%!important;width:auto!important;height:36px!important}.ips-search-input{padding:.375rem .5rem .375rem 2rem!important;font-size:.8125rem!important;height:36px!important}.ips-search-icon{left:.5rem!important;width:15px!important;height:15px!important}.ips-btn-col-sel span,.ips-mobile-sync-btn span{display:none!important}.ips-btn-col-sel,.ips-mobile-sync-btn{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:.5rem!important;flex-shrink:0!important;box-sizing:border-box!important}.ips-mobile-sync-btn{background-color:var(--primary-color, #2563eb)!important;color:#fff!important;border:none!important;cursor:pointer!important}.ips-toolbar-right{display:none!important}.ips-main-layout,.ips-table-section{position:relative!important}.ips-tree-sidebar-wrapper{position:fixed!important;top:132px!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:100%!important;min-width:100%!important;height:calc(100vh - 132px)!important;z-index:1150!important;background-color:var(--bg-card, #ffffff)!important;box-shadow:0 8px 30px #00000026!important;border-radius:0!important;margin:0!important;padding:0!important;overflow:hidden!important;will-change:transform,opacity;transition:transform .38s cubic-bezier(.25,1,.5,1),opacity .38s ease,visibility .38s ease!important;transform:translateZ(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.ips-tree-sidebar-wrapper .ips-category-tree-sidebar{width:100%!important;min-width:100%!important;max-width:100%!important;height:100%!important;border:1px solid var(--border-color, #e2e8f0)!important;border-radius:8px!important;box-shadow:none!important}.ips-tree-sidebar-wrapper.collapsed{margin-left:0!important;transform:translate3d(-100%,0,0)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.ips-tree-sidebar-wrapper:not(.collapsed){margin-left:0!important;transform:translateZ(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.ips-pagination-wrapper{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1000!important;background-color:var(--bg-card, #ffffff)!important;border-top:1px solid var(--border-color, #e2e8f0)!important;padding:.375rem .5rem!important;box-shadow:0 -4px 12px #00000014!important}.ips-page-container{padding-bottom:56px!important}.cpn-pagination-container{flex-wrap:nowrap!important;justify-content:space-between!important;gap:.25rem!important;padding:0!important}.cpn-pagination-info{font-size:.75rem!important}.cpn-pagination-controls{gap:.25rem!important}.cpn-pagination-btn{width:28px!important;height:28px!important;padding:0!important}.cpn-pagination-perpage{display:none!important}}.ips-toast{position:fixed;top:1.5rem;right:1.5rem;z-index:2000;padding:.75rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;animation:ipsToastSlideIn .3s ease forwards}@keyframes ipsToastSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.ips-toast-success{background-color:#10b981;color:#fff}.ips-toast-error{background-color:#ef4444;color:#fff}:root{--bg-surface: #ffffff;--bg-content: #f8fafc;--bg-input: #ffffff;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-divider: #e2e8f0;--border-input: #cbd5e1;--accent-primary: #2563eb;--accent-hover: #1d4ed8;--status-success: #16a34a;--status-success-bg: rgba(22, 163, 74, .1);--status-info: #0284c7;--status-info-bg: rgba(2, 132, 199, .1);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05)}[data-theme=dark]{--bg-surface: rgba(30, 32, 50, .97);--bg-content: #13141f;--bg-input: rgba(25, 27, 45, .9);--bg-card: #1e2234;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-divider: rgba(255, 255, 255, .1);--border-input: #374151;--accent-primary: #3b82f6;--accent-hover: #60a5fa;--status-success: #4ade80;--status-success-bg: rgba(74, 222, 128, .15);--status-info: #38bdf8;--status-info-bg: rgba(56, 189, 248, .15);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-content);color:var(--text-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease}