@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:rgba(0,0,0,.05);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}}.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;-moz-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:rgba(59,130,246,.08)}[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:rgba(255,255,255,.08);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:rgba(255,255,255,.3);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:1001;display:flex;flex-direction:column;overflow:hidden}.sidebar:not(.collapsed){width:280px;box-shadow:2px 0 20px #0003;z-index:1002}.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:1050;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;-o-object-fit:contain;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;-moz-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}@media (min-width: 769px){.content-area{margin-left:var(--sidebar-width);transition:margin-left .3s ease;max-width:calc(100vw - var(--sidebar-width))}.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:rgba(255,255,255,.2)}.sidebar.vendor-mode .nav-item.active{background:rgba(255,255,255,.3)}.sidebar.vendor-mode .user-info-mobile{background:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.2)}.sidebar.vendor-mode .user-avatar-sidebar{background:rgba(255,255,255,.9);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:2000}.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:rgba(0,0,0,.5);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] .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:rgba(239,68,68,.15);color:#fc8181}[data-theme=dark] .main-header{background:rgba(30,32,50,.97);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:rgba(255,255,255,.08)}[data-theme=dark] .notif-trigger{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .notif-trigger:hover{background:rgba(255,255,255,.08);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:rgba(255,255,255,.05)}[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:rgba(255,255,255,.07);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .user-dropdown-badge{background:rgba(255,255,255,.1);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:rgba(255,255,255,.07)}[data-theme=dark] .user-dropdown-lang-btn{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .user-dropdown-lang-btn:hover:not(.active){background:rgba(255,255,255,.1);color:var(--text-primary, #e5e7eb)}[data-theme=dark] .user-dropdown-lang-btn.active{background:rgba(255,255,255,.15);color:var(--color-primary, #667eea);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .user-dropdown-color-group{background:rgba(255,255,255,.07)}[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:rgba(255,255,255,.05);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:rgba(255,255,255,.1);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:rgba(255,255,255,.05)}[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))}.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-back{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-divider, #d0d5dd);border-radius:8px;background:var(--bg-surface, #fff);color:var(--text-label, #374151);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.hp-toolbar-back:hover{background:var(--bg-surface-hover, #f3f4f6);border-color:var(--text-secondary, #9ca3af)}.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:rgba(var(--color-primary-rgb, 16, 185, 129),.1);border-color:var(--color-primary, #10b981);color:var(--color-primary, #10b981)}.hp-toolbar-filter-btn.active{background:var(--color-primary, #10b981);color:#fff;border-color:var(--color-primary, #10b981)}.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::-moz-placeholder{color:var(--text-secondary, #9ca3af)}.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(--color-primary, #10b981);margin-bottom:14px;padding-left:2px}.hp-group-title:before{content:"";display:inline-block;width:4px;height:18px;background:var(--color-primary, #10b981);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 rgba(var(--color-primary-rgb, 16, 185, 129),.12);border-color:var(--color-primary, #6ee7b7);transform:translateY(-1px)}.hp-card.hp-card--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.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:rgba(59,91,219,.2);color:#7b9cff}[data-theme=dark] .hp-card-icon--green{background:rgba(47,158,68,.2);color:#69db7c}[data-theme=dark] .hp-card-icon--purple{background:rgba(112,72,232,.2);color:#b197fc}[data-theme=dark] .hp-card-icon--orange{background:rgba(232,89,12,.2);color:#ffa94d}[data-theme=dark] .hp-card-icon--teal{background:rgba(12,166,120,.2);color:#38d9a9}[data-theme=dark] .hp-card-icon--red{background:rgba(224,49,49,.2);color:#ff8787}[data-theme=dark] .hp-card-icon--yellow{background:rgba(217,168,0,.2);color:#ffd43b}[data-theme=dark] .hp-card-icon--pink{background:rgba(214,51,108,.2);color:#f783ac}[data-theme=dark] .hp-card-icon--cyan{background:rgba(8,145,178,.2);color:#66d9e8}[data-theme=dark] .hp-card-icon--indigo{background:rgba(76,110,245,.2);color:#91a7ff}[data-theme=dark] .hp-card-icon--gray{background:rgba(107,114,128,.2);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}}.about-wrapper{padding:0;min-height:100%;background:#f5f6fa}.about-hero{background:linear-gradient(135deg,#064e3b 0%,#059669 60%,#10b981 100%);padding:30px 52px 26px;color:#fff;display:flex;align-items:center;gap:24px}.about-hero-logo{width:72px;height:72px;border-radius:20px;flex-shrink:0;-o-object-fit:contain;object-fit:contain;border:2px solid rgba(255,255,255,.25);background:rgba(255,255,255,.15);padding:6px}.about-hero-info{flex:1}.about-hero-title{font-size:26px;font-weight:800;line-height:1.2;margin-bottom:4px;letter-spacing:-.5px}.about-hero-subtitle{font-size:14px;opacity:.85;margin-bottom:12px}.about-hero-badges{display:flex;flex-wrap:wrap;gap:8px}.about-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:11.5px;font-weight:600;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);color:#fff}.about-badge--green{background:rgba(34,197,94,.25);border-color:#22c55e66}.about-badge--yellow{background:rgba(234,179,8,.25);border-color:#eab30866}.about-badge--blue{background:rgba(59,130,246,.3);border-color:#3b82f680}.about-content{padding:12px 12px 0;display:flex;flex-direction:column;gap:12px}.about-card{background:#fff;border:1px solid #e8eaed;border-radius:14px;overflow:hidden}.about-card-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #f0f2f5;background:#fafbfc}.about-card-header-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-card-header-icon--blue{background:#eff2ff;color:#3b5bdb}.about-card-header-icon--green{background:#ebfbee;color:#2f9e44}.about-card-header-icon--purple{background:#f3f0ff;color:#7048e8}.about-card-header-icon--orange{background:#fff4e6;color:#e8590c}.about-card-header-icon--red{background:#fff5f5;color:#e03131}.about-card-header-icon--teal{background:#e6fcf5;color:#0ca678}.about-card-header-icon--gray{background:#f3f4f6;color:#6b7280}.about-card-header-title{font-size:14px;font-weight:700;color:#111827;flex:1}.about-card-body{padding:18px 20px}.about-dev-profile{display:flex;align-items:center;gap:16px;margin-bottom:16px}.about-dev-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;flex-shrink:0}.about-dev-name{font-size:16px;font-weight:700;color:#111827;margin-bottom:2px}.about-dev-role{font-size:12.5px;color:#6b7280}.about-info-list{display:flex;flex-direction:column;gap:0}.about-info-row{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid #f3f4f6}.about-info-row:last-child{border-bottom:none}.about-info-label{font-size:12.5px;color:#9ca3af;min-width:140px;flex-shrink:0;padding-top:1px}.about-info-value{font-size:13px;color:#111827;font-weight:500;flex:1;word-break:break-all}.about-info-value a{color:#059669;text-decoration:none}.about-info-value a:hover{text-decoration:underline}.about-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-link-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef;text-decoration:none;color:inherit;transition:background .15s,border-color .15s;cursor:pointer}.about-link-item:hover{background:#ecfdf5;border-color:#6ee7b7}.about-link-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.about-link-icon--blue{background:#eff2ff;color:#3b5bdb}.about-link-icon--green{background:#ebfbee;color:#2f9e44}.about-link-icon--orange{background:#fff4e6;color:#e8590c}.about-link-icon--purple{background:#f3f0ff;color:#7048e8}.about-link-icon--teal{background:#e6fcf5;color:#0ca678}.about-link-icon--red{background:#fff5f5;color:#e03131}.about-link-icon--yellow{background:#fffbe6;color:#d9a800}.about-link-icon--gray{background:#f3f4f6;color:#6b7280}.about-link-name{font-size:13px;font-weight:600;color:#111827;margin-bottom:1px}.about-link-desc{font-size:11.5px;color:#9ca3af}.about-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;align-items:start}.about-col-left,.about-col-right{display:flex;flex-direction:column;gap:12px}.about-info-list--mt{margin-top:18px}.about-link-grid--single{display:grid;grid-template-columns:1fr;gap:10px}.about-link-item--static{cursor:default}.about-link-item--static:hover{background:#f8f9fa;border-color:#e9ecef}.about-footer{text-align:center;padding:20px;color:#9ca3af;font-size:12px;line-height:1.8;border-top:1px solid #e8eaed;background:#fff;margin-top:4px}.about-footer strong{color:#374151}.about-footer-version{margin-top:4px}.about-footer-link{color:#059669;text-decoration:none}.about-footer-link:hover{text-decoration:underline}@media (max-width: 768px){.about-hero{flex-direction:column;align-items:flex-start;padding:24px 16px 20px;gap:16px}.about-content{padding:16px 12px 32px}.about-main-grid,.about-link-grid{grid-template-columns:1fr}.about-info-label{min-width:110px}}.coming-soon-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px 20px;background:linear-gradient(135deg,rgba(var(--color-primary-rgb, 102, 126, 234),.08) 0%,rgba(var(--color-primary-rgb, 102, 126, 234),.14) 100%);border-radius:12px;margin:20px}.coming-soon-content{text-align:center;background:var(--bg-surface, #ffffff);padding:48px 40px;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:440px;width:100%}[data-theme=dark] .coming-soon-content{box-shadow:0 10px 40px #0006}.coming-soon-icon{color:#f59e0b;margin-bottom:16px}.coming-soon-title{font-size:22px;font-weight:700;color:var(--text-primary, #111827);margin:0 0 12px}.coming-soon-message{font-size:14px;color:var(--text-label, #374151);margin:0 0 8px;line-height:1.6}.coming-soon-hint{font-size:13px;color:var(--text-secondary, #9ca3af);margin:0}.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}}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%)}.app-loading-spinner{width:64px;height:64px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}.app-redirect-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%)}.app-redirect-content{text-align:center;color:#fff}.app-redirect-spinner{width:64px;height:64px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.app-redirect-text{font-size:1.1rem;font-weight:500;margin:0}:root{--color-primary: #667eea;--color-primary-end: #764ba2;--color-primary-rgb: 102, 126, 234;--color-primary-hover: #5a6fd8;--color-primary-end-hover: #6a4190;--font-family-base: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-base: 14px;--bg-body-start: var(--color-primary);--bg-body-end: var(--color-primary-end);--bg-content: #f5f6fa;--bg-surface: rgba(255, 255, 255, .95);--bg-surface-hover: rgba(255, 255, 255, 1);--border-surface: rgba(255, 255, 255, .2);--text-primary: #333333;--text-secondary: #6c757d;--text-label: #374151;--bg-input: rgba(255, 255, 255, .9);--bg-input-focus: rgba(255, 255, 255, .95);--border-input: #ced4da;--border-divider: rgba(0, 0, 0, .1);--bg-layout: #f8fafc;--bg-sidebar: #ffffff;--border-sidebar: #e2e8f0;--text-sidebar: #2d3748;--bg-header: rgba(255, 255, 255, .95);--bg-dropdown-header: #f8fafc}[data-theme=dark]{--bg-body-start: #1a1a2e;--bg-body-end: #16213e;--bg-content: #13141f;--bg-surface: rgba(30, 32, 50, .97);--bg-surface-hover: rgba(36, 38, 58, 1);--border-surface: rgba(255, 255, 255, .08);--text-primary: #e5e7eb;--text-secondary: #9ca3af;--text-label: #d1d5db;--bg-input: rgba(25, 27, 45, .9);--bg-input-focus: rgba(30, 32, 52, .95);--border-input: #374151;--border-divider: rgba(255, 255, 255, .1);--bg-layout: #13141f;--bg-sidebar: #1e2030;--border-sidebar: #2d3150;--text-sidebar: #cbd5e1;--bg-header: rgba(30, 32, 50, .97);--bg-dropdown-header: rgba(255, 255, 255, .05)}[data-theme=dark] .main-layout{background:var(--bg-layout)}[data-theme=dark] .sidebar{background:var(--bg-sidebar);color:var(--text-sidebar);border-right-color:var(--border-sidebar);box-shadow:2px 0 10px #0006}[data-theme=dark] .sidebar-header{border-bottom-color:var(--border-sidebar)}[data-theme=dark] .sidebar-toggle{color:var(--text-sidebar)}[data-theme=dark] .sidebar-toggle:hover{background-color:#ffffff14}[data-theme=dark] .sidebar-nav-item{color:var(--text-sidebar)}[data-theme=dark] .sidebar-nav-item:hover{background-color:#ffffff14}[data-theme=dark] .app-header,[data-theme=dark] .header-bar{background:var(--bg-sidebar);border-bottom-color:var(--border-sidebar);color:var(--text-primary)}[data-theme=dark] .main-content,[data-theme=dark] .content-area{background:var(--bg-content)}[data-theme=dark] .app-card{background:var(--bg-surface);border-color:var(--border-surface);box-shadow:0 8px 32px #0006}[data-theme=dark] .app-card:hover{box-shadow:0 12px 48px #00000080}[data-theme=dark] .card-header,[data-theme=dark] .card-footer{border-color:var(--border-divider)}[data-theme=dark] .form-control{background:var(--bg-input);border-color:var(--border-input);color:var(--text-primary)}[data-theme=dark] .form-control:focus{background:var(--bg-input-focus);border-color:var(--color-primary)}[data-theme=dark] .form-control::-moz-placeholder{color:var(--text-secondary)}[data-theme=dark] .form-control::placeholder{color:var(--text-secondary)}[data-theme=dark] .form-label{color:var(--text-label)}[data-theme=dark] table{background:var(--bg-surface);color:var(--text-primary)}[data-theme=dark] th{background:rgba(255,255,255,.05);color:var(--text-label);border-bottom-color:var(--border-divider)}[data-theme=dark] td{border-bottom-color:var(--border-divider);color:var(--text-primary)}[data-theme=dark] tr:hover td{background:rgba(255,255,255,.04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth;font-family:var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:var(--font-size-base, 14px)}body{font-family:var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:var(--font-size-base, 14px);line-height:1.6;color:var(--text-primary, #333);background:linear-gradient(135deg,var(--bg-body-start, #667eea) 0%,var(--bg-body-end, #764ba2) 100%);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.4;margin-bottom:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}.app-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.app-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-end) 100%);color:#fff}.app-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-end-hover) 100%)}.app-btn-secondary{background:rgba(255,255,255,.9);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb),.3)}.app-btn-secondary:hover{background:white;border-color:var(--color-primary)}.btn-success{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#218838 0%,#1c9c7a 100%)}.btn-danger{background:linear-gradient(135deg,#dc3545 0%,#e83e8c 100%);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#c82333 0%,#d91a72 100%)}.btn-warning{background:linear-gradient(135deg,#ffc107 0%,#fd7e14 100%);color:#212529}.btn-warning:hover{background:linear-gradient(135deg,#e0a800 0%,#e8690b 100%)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-label, #374151)}.form-control{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:#495057;background:var(--bg-input, rgba(255,255,255,.9));border:1px solid var(--border-input, #ced4da);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);background:var(--bg-input-focus, rgba(255,255,255,.95))}.form-control::-moz-placeholder{color:#6c757d}.form-control::placeholder{color:#6c757d}.app-card{background:var(--bg-surface, rgba(255,255,255,.95));border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-surface, rgba(255,255,255,.2));transition:all .3s ease}.app-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #00000026}.card-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.card-title{font-size:1.25rem;font-weight:600;margin:0}.card-body{padding:0}.card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-block{display:block}.d-inline{display:inline}.d-none{display:none}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.m-4{margin:1.5rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease}.slide-down{animation:slideDown .3s ease}@page{size:A4 portrait;margin:5mm 5mm 5mm 8mm}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-divider, rgba(0,0,0,.2));border-radius:4px;-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #9ca3af)}*{scrollbar-width:thin;scrollbar-color:var(--border-divider, rgba(0,0,0,.2)) transparent}@media (max-width: 768px){body{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.btn{padding:.6rem 1.2rem;font-size:.9rem}.card{padding:1rem}}:root{--color-primary: #10b981;--color-primary-end: #059669;--color-primary-rgb: 16, 185, 129;--color-primary-hover: #0ca872;--color-primary-end-hover: #047857;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}