@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";.toast-container{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:10px 14px;min-width:280px;max-width:420px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--panel-shadow-soft);color:var(--text-primary);font-size:12px;font-family:var(--font-mono);position:relative;overflow:hidden;pointer-events:auto}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-info{border-left:3px solid var(--info, var(--accent-primary))}.toast-icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--error)}.toast-info .toast-icon{color:var(--info, var(--accent-primary))}.toast-message{flex:1;min-width:0}.toast-close{flex-shrink:0;background:transparent;border:none;color:var(--text-tertiary);font-size:11px;cursor:pointer;padding:2px 4px}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:2px;transform-origin:left}.toast-success .toast-progress{background:var(--success)}.toast-error .toast-progress{background:var(--error)}.toast-info .toast-progress{background:var(--info, var(--accent-primary))}.login-container{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:var(--bg-primary)}.login-box{width:400px;background-color:var(--bg-secondary);border:var(--border-width) solid var(--border-color);font-family:"Manrope",var(--font-ui)}.login-header{padding:var(--space-2xl);border-bottom:var(--border-width) solid var(--border-color);text-align:center}.login-title{font-family:"Manrope",var(--font-ui);font-size:20px;font-weight:800;letter-spacing:.8px;color:var(--text-active);margin-bottom:var(--space-sm)}.login-subtitle{font-family:"Manrope",var(--font-ui);font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.6px}.login-body{padding:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-xl)}.login-body input::placeholder{font-family:"Manrope",var(--font-ui);font-style:normal;font-weight:500}.login-description{font-size:13px;color:var(--text-secondary);line-height:1.6}.login-button{width:100%;padding:var(--space-md) var(--space-lg);font-size:14px;font-weight:700}.login-error{font-size:12px;color:var(--error);font-family:"Manrope",var(--font-ui)}.login-footer{padding:var(--space-lg);border-top:var(--border-width) solid var(--border-color);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);background-color:var(--bg-tertiary)}.sidebar{width:216px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;overflow:hidden;z-index:var(--z-overlay)}.sidebar-header{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.sidebar-logo{display:flex;align-items:center;justify-content:center;cursor:pointer;width:100%;text-align:center}.logo-mark{font-family:var(--font-mono);font-weight:800;font-size:14px;letter-spacing:.6px;color:var(--text-primary);text-align:center}.sidebar-toggle{display:none}.sidebar-menu-button{width:100%;padding:10px 12px;font-size:12px;border-radius:0;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.sidebar-menu-button:hover{color:var(--text-primary);border-color:var(--border-hover)}.sidebar-nav{display:flex;flex-direction:column;padding:10px;gap:4px;overflow-y:auto;flex:1}.sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid transparent;background:transparent;color:var(--text-secondary);text-align:left;font-size:13px;position:relative;cursor:grab}.sidebar-active-bar{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-primary)}.sidebar-item:hover{border-color:var(--border-hover);background:var(--bg-hover);color:var(--text-primary)}.sidebar-item:focus-visible{border-color:var(--accent-primary);outline:none}.sidebar-item.active{border-color:var(--accent-primary);background:var(--bg-active);color:var(--text-active)}.sidebar-item.dragging{opacity:.6;cursor:grabbing}.sidebar-item.drag-over{border-color:var(--accent-primary);background:var(--bg-tertiary)}.sidebar-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;color:inherit}.sidebar-icon svg{display:block}.sidebar-label{white-space:nowrap}.sidebar-footer{padding:10px 14px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px}.sidebar-user-name{font-size:13px;color:var(--text-primary)}.sidebar-logout{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;padding:8px 10px;text-align:center;border-color:var(--error);color:var(--error);background:transparent}.sidebar-logout:hover{background:var(--error);color:var(--bg-primary)}.sidebar.collapsed .sidebar-nav{padding:10px 8px}.sidebar.collapsed .sidebar-header{align-items:center}.sidebar.collapsed .sidebar-item{justify-content:center;padding:10px 8px}.sidebar.collapsed .sidebar-menu-button{font-size:10px;padding:8px 6px}@media(max-width:900px){.sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);transition:transform var(--transition-slow);width:min(280px,82vw)!important}.sidebar.mobile-open{transform:translate(0)}.sidebar-toggle,.sidebar-menu-button{display:none}}.layout{display:flex;flex-direction:row;height:100vh;overflow:hidden;background-color:var(--bg-primary);position:relative}.layout-main{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior-x:contain;display:flex;flex-direction:column;min-width:0;position:relative;padding-right:0}.layout-notifications{position:fixed;top:42px;right:28px;z-index:170;pointer-events:none}.layout-notifications>*{pointer-events:auto}.sidebar-overlay{position:fixed;inset:0;background:var(--overlay-bg);z-index:90}.mobile-edge-swipe-zone{display:none}@media(max-width:900px){.layout{flex-direction:column}.layout-main{height:100vh;padding-right:0}.layout-notifications{position:fixed;top:72px;right:12px}.mobile-edge-swipe-zone{display:block;position:fixed;top:0;bottom:0;left:0;width:22px;z-index:95;background:transparent;touch-action:pan-y}}.notif-dock,.notif-dock.slotted{position:relative}.notif-lamp-btn{width:42px;height:42px;min-width:42px;padding:0;border-radius:10px;border:1px solid var(--accent-primary);background:#74bad414;display:inline-flex;align-items:center;justify-content:center;position:relative;color:var(--accent-primary)}.notif-lamp-btn:hover{border-color:var(--accent-primary);background:#74bad429}.notif-lamp-btn.has-unread{border-color:var(--warning);box-shadow:0 0 0 1px #d8a65759,0 0 14px #d8a6573d}.notif-lamp-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:#66b8de;filter:drop-shadow(0 0 8px rgba(116,186,212,.45))}.notif-lamp-icon svg{width:100%;height:100%}.notif-lamp-btn.has-unread .notif-lamp-icon{color:#f0cf70;filter:drop-shadow(0 0 9px rgba(216,166,87,.6))}[data-theme=light] .notif-lamp-btn{background:#2688ac24}[data-theme=light] .notif-lamp-icon{color:#1c6f95;filter:none}.notif-lamp-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--error);color:#fff;font-size:10px;font-weight:700;font-family:var(--font-mono);display:inline-flex;align-items:center;justify-content:center}.notif-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(380px,calc(100vw - 24px));max-height:460px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--panel-shadow);overflow:hidden;z-index:500}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-color);font-size:13px;font-weight:600;color:var(--text-primary)}.notif-panel-body{max-height:390px;overflow-y:auto}.notif-mark-all-icon{width:34px;height:34px;min-width:34px;padding:0;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--accent-primary);display:inline-flex;align-items:center;justify-content:center}.notif-mark-all-icon svg{width:18px;height:18px}.notif-mark-all-icon:hover{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,var(--bg-primary))}.notif-empty{padding:24px 14px;text-align:center;color:var(--text-tertiary);font-size:12px;font-family:var(--font-mono)}.notif-item{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast)}.notif-item:hover{background:var(--bg-hover)}.notif-item.unread{background:#74bad414;border-left:2px solid var(--accent-primary)}.notif-item-content{flex:1;min-width:0}.notif-item-title{font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.3}.notif-item-body{font-size:11px;color:var(--text-secondary);margin-top:2px;line-height:1.3}.notif-item-time{font-size:10px;color:var(--text-tertiary);font-family:var(--font-mono);margin-top:4px}.notif-item-dismiss{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-tertiary);font-size:16px;cursor:pointer;border-radius:var(--radius-xs);transition:color var(--transition-fast),background var(--transition-fast)}.notif-item-dismiss:hover{color:var(--error);background:#c4746e1a}.command-palette-overlay{position:fixed;inset:0;background-color:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:var(--z-command-palette)}.command-palette{width:640px;max-width:90vw;max-height:70vh;background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--panel-shadow);display:flex;flex-direction:column;overflow:hidden}.command-palette-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-primary);border-bottom:var(--border-width) solid var(--border-color)}.command-palette-icon{font-size:20px;color:var(--accent-primary);flex-shrink:0}.command-palette-input{flex:1;background:transparent;border:none;color:var(--text-active);font-size:16px;font-family:var(--font-mono);outline:none;padding:0}.command-palette-input::placeholder{color:var(--text-tertiary)}.command-palette-hint{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);padding:2px 6px;border:var(--border-width) solid var(--border-color);background-color:var(--bg-tertiary);text-transform:uppercase}.command-palette-results{flex:1;overflow-y:auto;padding:var(--space-sm)}.command-palette-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;border:var(--border-width) solid transparent;margin-bottom:var(--space-xs);transition:all var(--transition-fast);position:relative}.command-palette-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-primary);opacity:0;transition:opacity var(--transition-fast)}.command-palette-item:hover,.command-palette-item.selected{background-color:var(--bg-hover);border-color:var(--accent-primary)}.command-palette-item.selected:before{opacity:1}.command-icon{font-size:18px;flex-shrink:0}.command-info{flex:1;min-width:0}.command-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.command-palette-item.selected .command-label{color:var(--text-active)}.command-description{font-size:12px;color:var(--text-secondary);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-category{font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;padding:2px 6px;background-color:var(--bg-tertiary);border:var(--border-width) solid var(--border-color)}.command-palette-item.selected .command-category{color:var(--accent-primary);border-color:var(--accent-primary)}.command-palette-empty{text-align:center;padding:var(--space-3xl);color:var(--text-secondary);font-family:var(--font-mono);font-size:12px}.command-palette-footer{padding:var(--space-md) var(--space-lg);background:var(--bg-primary);border-top:var(--border-width) solid var(--border-color)}.command-palette-tips{display:flex;gap:var(--space-lg);justify-content:center}.tip{font-size:11px;color:var(--text-secondary);font-family:var(--font-mono);display:flex;align-items:center;gap:var(--space-xs)}.tip kbd{font-family:var(--font-mono);font-size:10px;padding:2px 6px;background-color:var(--bg-tertiary);border:var(--border-width) solid var(--border-color);color:var(--accent-primary)}.dashboard-v2{display:flex;flex-direction:column;gap:var(--space-xl)}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap}.dashboard-header h1{font-size:28px}.dashboard-actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.dashboard-notes-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.dashboard-live-datetime-inline{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.dashboard-notif-slot{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-actions .btn-secondary.active{border-color:var(--accent-primary);color:var(--accent-primary)}.dashboard-greeting{display:inline-block;animation:greeting-fade-in .7s ease-out,greeting-pulse 2.2s ease-in-out infinite}@keyframes greeting-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes greeting-pulse{0%,to{text-shadow:0 0 0 rgba(116,186,212,0)}50%{text-shadow:0 0 18px rgba(116,186,212,.45)}}.template-controls{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}.template-controls small{color:var(--text-secondary)}.template-select{width:190px}.template-name-input{width:260px;min-width:180px;flex:0 0 auto}.template-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.template-actions .btn-secondary{padding:6px 10px;font-size:10px}.dashboard-templates-modal{max-width:760px}.template-controls-modal{border:0;background:transparent;padding:0;display:flex;flex-direction:column;gap:var(--space-lg)}.template-builder{display:flex;flex-direction:column;gap:var(--space-sm)}.template-helper-text{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono)}.template-card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md)}.template-card{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.template-card.selected{border-color:var(--accent-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-primary) 55%,transparent)}.template-card-main{all:unset;display:flex;flex-direction:column;gap:var(--space-sm);cursor:pointer}.template-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.template-card-title-row strong{font-size:15px;color:var(--text-primary)}.template-card-badge{padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent-primary) 18%,transparent);color:var(--accent-primary);font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.template-card-meta{display:none;flex-direction:column;gap:4px;color:var(--text-secondary);font-size:12px;font-family:var(--font-mono)}.template-card-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.template-card-actions .btn-secondary{flex:1 1 110px}.template-card-actions .btn-secondary.danger{color:var(--error);border-color:color-mix(in srgb,var(--error) 55%,var(--border-color))}.template-empty-state{border:var(--border-width) dashed var(--border-color);border-radius:var(--radius-sm);padding:var(--space-lg);text-align:center;color:var(--text-secondary);font-size:13px}.dashboard-error{padding:var(--space-md);border:var(--border-width) solid var(--error);border-radius:var(--radius-sm);color:var(--error);background:#c4746e14;font-size:13px}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-lg)}.widget-card{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);box-shadow:var(--panel-shadow-soft);min-height:220px;display:flex;flex-direction:column;overflow:hidden;transition:border-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal)}.widget-card:hover{border-color:var(--border-hover);box-shadow:var(--panel-shadow)}.widget-card.drag-over{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary)}.widget-card.dragging{opacity:.5;transform:scale(.98)}.widget-size-sm{grid-column:span 4}.widget-size-md{grid-column:span 6}.widget-size-lg{grid-column:span 12}.widget-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg) var(--space-lg) var(--space-md)}.widget-header-info{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.widget-header-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent-primary)}.widget-header-text h3{margin:0;font-size:17px;font-weight:600}.widget-header-text p{display:none;margin:2px 0 0;font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.widget-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.size-toggle{min-width:28px;padding:4px 8px;font-family:var(--font-mono);font-size:10px;border-radius:var(--radius-xs)}.size-toggle.active{background:var(--accent-primary);color:var(--btn-contrast-text);border-color:var(--accent-primary)}.size-toggle.hide{color:var(--warning)}.widget-body{padding:0 var(--space-lg) var(--space-lg);flex:1;display:flex;flex-direction:column}.brief-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);flex:1}.stat-card{background:var(--bg-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);border-left:3px solid var(--border-color);transition:border-color var(--transition-normal),transform var(--transition-normal)}.stat-card:hover{transform:translateY(-1px)}.stat-card.accent-primary{border-left-color:var(--accent-primary)}.stat-card.accent-warning{border-left-color:var(--warning)}.stat-card.accent-error{border-left-color:var(--error)}.stat-card.accent-info{border-left-color:var(--info)}.stat-card span{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.5px}.stat-card strong{font-size:32px;font-weight:700;line-height:1;color:var(--text-primary)}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.quick-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border:var(--border-width) solid var(--border-color);border-radius:20px;color:var(--text-primary);background:var(--bg-primary);font-size:13px;font-weight:500;transition:all var(--transition-normal)}.quick-link:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-hover);text-decoration:none;transform:translateY(-1px)}.list-widget{display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.list-row{background:var(--bg-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;gap:var(--space-md);align-items:center;transition:border-color var(--transition-normal),transform var(--transition-normal)}.list-row:hover{border-color:var(--border-hover);transform:translate(2px)}.list-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.list-row-main strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row-main span{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.risk{color:var(--warning);font-weight:600;font-size:12px;font-family:var(--font-mono)}.chart-wrap{height:240px;flex:1}.notes-widget-single{display:flex;flex-direction:column;gap:var(--space-sm);height:100%}.notes-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.notes-nav span{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.notes-scroll{flex:1;min-height:130px;max-height:210px;overflow-y:auto;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);padding:var(--space-md);white-space:pre-wrap;word-break:break-word;line-height:1.45}.notes-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary)}.announcements{display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.announcements article{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);padding:var(--space-md);transition:border-color var(--transition-normal)}.announcements article:hover{border-color:var(--border-hover)}.announcements strong{font-size:13px}.announcements p{margin-top:var(--space-xs);color:var(--text-secondary);font-size:12px}.widget-picker{border:var(--border-width) dashed var(--border-color);border-radius:var(--radius-md);padding:var(--space-xl);background:var(--bg-secondary)}.widget-picker h3{margin:0 0 var(--space-lg);font-size:16px}.widget-picker p{color:var(--text-secondary);font-size:13px}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.picker-item{width:100%;text-align:left;display:flex;flex-direction:column;gap:4px;border-radius:var(--radius-sm);padding:var(--space-md) var(--space-lg);min-height:64px;justify-content:center;background:var(--bg-primary);transition:border-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal)}.picker-item span{font-size:14px;font-weight:500}.picker-item:hover{border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--panel-shadow-soft)}.picker-item small{color:var(--text-secondary);font-size:12px}.widget-controls{gap:6px}.size-toggle{min-width:34px;height:28px;padding:4px 10px;font-size:12px}.size-toggle.hide{padding:4px 12px;min-width:auto}@media(max-width:1200px){.widget-size-sm,.widget-size-md{grid-column:span 6}.widget-size-lg{grid-column:span 12}}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr;gap:var(--space-md)}.widget-size-sm,.widget-size-md,.widget-size-lg{grid-column:span 1}.dashboard-header{flex-direction:column}.dashboard-actions{width:100%}.template-controls{align-items:flex-start;flex-direction:column}.template-select,.template-name-input{width:100%;max-width:none}.template-card-list{grid-template-columns:1fr}.brief-grid{grid-template-columns:repeat(2,1fr)}.stat-card strong{font-size:24px}}.profile-page{padding:var(--space-2xl) 30px;max-width:1680px;margin:0 auto;font-size:14px}.profile-loading{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.profile-header{margin-bottom:var(--space-xl)}.profile-header-actions{align-items:flex-start}.profile-title h1{font-size:26px;font-weight:500;font-family:var(--font-mono);letter-spacing:.2px;color:var(--text-primary);line-height:1.2;margin:0}.profile-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"user" "personal" "permissions" "notifications" "history";gap:20px}.profile-page .panel.profile-card{border-radius:16px;border:1px solid color-mix(in srgb,var(--border-color) 82%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 97%,transparent),color-mix(in srgb,var(--bg-secondary) 92%,transparent)),linear-gradient(130deg,color-mix(in srgb,var(--accent-primary) 8%,transparent),transparent 45%);box-shadow:0 10px 34px #0000002e,inset 0 1px #ffffff08;overflow:hidden;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.profile-page .panel.profile-card:hover{border-color:color-mix(in srgb,var(--accent-primary) 42%,var(--border-color));box-shadow:0 12px 36px #0000003d,inset 0 1px #ffffff0d}.profile-page .panel.profile-card .panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-mono);color:var(--text-muted-strong);padding:14px 16px;border-bottom:1px solid color-mix(in srgb,var(--border-color) 88%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--bg-tertiary) 64%,transparent),color-mix(in srgb,var(--bg-secondary) 86%,transparent)),linear-gradient(120deg,color-mix(in srgb,var(--accent-primary) 10%,transparent),transparent 48%)}.profile-page .panel.profile-card .panel-body{padding:16px}.profile-page .user-card{grid-area:user}.profile-page .personal-card{grid-area:personal}.profile-page .permissions-card{grid-area:permissions}.profile-page .permissions-card .panel-body{display:flex;flex-direction:column;gap:14px;max-height:620px;overflow:hidden}.notifications-history-card{grid-area:notifications;min-height:420px}.notifications-history-card.is-collapsed{min-height:auto}.profile-page .history-card{grid-area:history}.profile-card,.profile-card.is-collapsed{min-height:auto}.profile-avatar{text-align:center;padding:10px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border-color) 84%,transparent);background:color-mix(in srgb,var(--bg-primary) 92%,transparent)}.user-card-body{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(300px,.7fr);gap:18px;align-items:start}.user-profile-hero{display:flex;flex-direction:column;gap:8px;align-self:start;min-width:0}.user-summary-card{border:1px solid color-mix(in srgb,var(--border-color) 88%,transparent);border-radius:14px;background:color-mix(in srgb,var(--bg-primary) 94%,transparent);padding:16px 18px;display:flex;flex-direction:column;gap:10px;max-width:960px}.user-summary-name{font-size:24px;font-weight:700;line-height:1.1;color:var(--text-primary)}.user-summary-username{font-size:14px;font-family:var(--font-mono);color:var(--accent-primary)}.user-summary-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px}.user-summary-item{display:grid;gap:2px;min-width:0}.user-summary-label{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted-strong)}.user-summary-value{font-size:14px;color:var(--text-primary);line-height:1.45;word-break:break-word}.user-card-tools{display:grid;grid-template-columns:1fr;gap:10px;align-content:start;justify-self:stretch;align-self:start;width:min(340px,100%);margin-left:auto}.avatar-circle{width:88px;height:88px;border-radius:50%;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--accent-primary) 30%,transparent),color-mix(in srgb,var(--bg-tertiary) 82%,transparent));border:1px solid color-mix(in srgb,var(--accent-primary) 35%,var(--border-color));display:inline-flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:var(--text-primary);box-shadow:0 8px 20px #0000003d}.avatar-preview-card{display:flex;justify-content:center;padding:10px 12px}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-field{margin-bottom:0}.profile-field label{display:block;font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted-strong);margin-bottom:7px}.profile-field .field-input,.profile-field .field-value{width:100%;border-radius:10px;border:1px solid color-mix(in srgb,var(--border-color) 88%,transparent);background:color-mix(in srgb,var(--bg-primary) 95%,transparent);color:var(--text-primary)}.profile-field .field-input{min-height:44px;padding:10px 12px;font-size:15px;font-family:var(--font-mono)}.profile-field textarea.field-input{min-height:110px;resize:vertical}.profile-field .field-input:focus{border-color:color-mix(in srgb,var(--accent-primary) 74%,var(--border-color));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 18%,transparent)}.profile-field .field-value{font-size:14px;padding:10px 12px}.profile-field .field-value.mono{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);word-break:break-all}.profile-field .field-value.plain{padding:0;background:transparent;border:none;font-weight:500;font-size:15px;font-family:var(--font-mono)}.avatar-controls{display:flex;flex-direction:column;gap:8px}.file-input{padding:6px 8px;font-size:13px}.file-input::file-selector-button{margin-right:10px;padding:7px 12px;border-radius:9px;border:1px solid color-mix(in srgb,var(--accent-primary) 48%,var(--border-color));background:color-mix(in srgb,var(--accent-primary) 20%,transparent);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;cursor:pointer}.avatar-clear{width:100%;min-height:34px;padding:7px 10px;font-size:11px;font-family:var(--font-mono)}.permissions-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:14px;flex-wrap:wrap}.permissions-search{width:100%;font-size:15px;min-height:44px}.permissions-groups{display:grid;gap:14px;max-height:520px;overflow-y:auto;padding-right:6px}.permission-group{border:1px solid color-mix(in srgb,var(--border-color) 88%,transparent);border-radius:14px;background:color-mix(in srgb,var(--bg-primary) 90%,transparent);padding:14px}.permission-group-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.permission-group-header h3{margin:0;font-size:13px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted-strong)}.permission-group-header span{min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-primary) 40%,var(--border-color));background:color-mix(in srgb,var(--accent-primary) 14%,transparent);color:var(--text-primary);font-size:12px;font-family:var(--font-mono)}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.permission-item{font-size:14px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--border-color) 88%,transparent);border-radius:12px;background:color-mix(in srgb,var(--bg-primary) 93%,transparent);color:var(--text-primary);font-family:var(--font-ui);line-height:1.45}.personal-card-body{display:flex;flex-direction:column;gap:10px}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.profile-form-grid .profile-field:nth-child(6),.profile-form-grid .profile-field:nth-child(7),.profile-form-grid .profile-field:nth-child(8),.profile-form-grid .profile-field:nth-child(9){grid-column:1 / -1}.notifications-history-toolbar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);align-items:center}.notifications-search{flex:1;min-height:42px;font-size:15px}.notifications-refresh-btn{min-height:42px;padding:0 16px;white-space:nowrap}.notifications-history-list{height:300px;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:8px}.notification-history-item{border:1px solid color-mix(in srgb,var(--border-color) 88%,transparent);border-radius:11px;background:color-mix(in srgb,var(--bg-primary) 92%,transparent);padding:11px}.notification-history-item.unread{border-color:color-mix(in srgb,var(--accent-primary) 62%,var(--border-color));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-primary) 28%,transparent)}.notification-history-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.notification-history-type{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-tertiary)}.notification-history-date{font-size:12px;font-family:var(--font-mono);color:var(--text-secondary)}.notification-history-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.notification-history-body{font-size:13px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}.notifications-history-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:12px;font-family:var(--font-mono);color:var(--text-secondary)}.notifications-history-footer button{min-height:34px;padding:6px 12px;font-size:12px;border-radius:9px;background:color-mix(in srgb,var(--bg-tertiary) 90%,transparent);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer}.notifications-history-footer button:disabled{opacity:.5;cursor:not-allowed}.notifications-history-footer button:hover:not(:disabled){color:var(--text-primary);border-color:color-mix(in srgb,var(--accent-primary) 65%,var(--border-color))}.field-error{margin-top:6px;font-size:12px;color:var(--error);font-family:var(--font-mono)}.profile-save-error{margin-top:10px;padding:10px;border:1px solid color-mix(in srgb,var(--error) 70%,var(--border-color));border-radius:10px;color:var(--error);font-size:13px;font-family:var(--font-mono);background:#c4746e14}.no-roles{text-align:center;padding:22px;color:var(--text-secondary);font-family:var(--font-mono);font-size:13px}.status-badge{padding:3px 10px;font-size:12px;font-family:var(--font-mono);text-transform:uppercase;border:1px solid;border-radius:999px;font-weight:700}.status-badge.verified{color:var(--success);border-color:var(--success);background-color:#7aa8741f}.status-badge.unverified{color:var(--text-secondary);border-color:var(--border-color);background-color:color-mix(in srgb,var(--bg-tertiary) 88%,transparent)}.profile-actions{display:flex;gap:10px;margin-top:16px}.profile-actions button{flex:1;min-height:42px}.toggle-button{min-height:30px;padding:6px 12px;font-size:12px;line-height:1;border-radius:9px;background:color-mix(in srgb,var(--bg-tertiary) 90%,transparent);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer}.toggle-button:hover{color:var(--text-primary);border-color:var(--accent-primary)}.toggle-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.history-timeline{display:grid;gap:8px}.history-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:10px 11px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border-color) 88%,transparent);background:color-mix(in srgb,var(--bg-primary) 92%,transparent)}.history-date{font-size:12px;font-family:var(--font-mono);color:var(--text-secondary)}.history-event{font-size:14px;color:var(--text-primary);text-align:right}[data-theme=light] .profile-page .panel.profile-card{background:linear-gradient(180deg,#fff,#f6f9ff),linear-gradient(130deg,rgba(60,123,199,.08),transparent 42%);border-color:#c5d6ef;box-shadow:0 10px 24px #304a7314}[data-theme=light] .profile-page .panel.profile-card .panel-header{background:linear-gradient(120deg,#f2f7ff,#e9f1fe),linear-gradient(120deg,rgba(60,123,199,.08),transparent 45%);color:#3d5473;border-bottom-color:#d0ddf2}[data-theme=light] .profile-avatar{background:#f9fbff;border-color:#d2def0}[data-theme=light] .permission-item,[data-theme=light] .notification-history-item,[data-theme=light] .profile-field .field-input,[data-theme=light] .profile-field .field-value,[data-theme=light] .history-item{background:#fff;border-color:#c4d4eb}[data-theme=light] .permission-group{background:#fbfdff;border-color:#c4d4eb}[data-theme=light] .profile-field label{color:#4d6586}[data-theme=light] .profile-field .field-input:focus{border-color:#2d7cc6;box-shadow:0 0 0 3px #2d7cc629}[data-theme=light] .notification-history-item.unread{border-color:#68a2dd;box-shadow:inset 0 0 0 1px #5091d233}[data-theme=light] .profile-page .panel.profile-card:hover{border-color:#9bbce7;box-shadow:0 12px 28px #304a7324}@media(max-width:1280px){.profile-page{padding:20px 18px}.user-card-body,.profile-form-grid,.user-summary-meta{grid-template-columns:1fr}}@media(max-width:900px){.profile-page{padding:16px 12px}.profile-title h1{font-size:22px}.user-card-tools,.permissions-grid{grid-template-columns:1fr}.profile-card{min-height:auto}.notifications-history-toolbar{flex-direction:column}.notifications-history-list{height:260px}}@media(max-width:480px){.profile-page{padding:12px 10px}.profile-title h1{font-size:20px}.profile-actions{flex-direction:column}}.access-denied{display:flex;align-items:center;justify-content:center;height:calc(100vh - 80px);padding:24px}.access-denied-card{max-width:480px;width:100%;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0;text-align:center;box-shadow:0 0 20px #00000059}.access-denied-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.access-denied-message{font-size:13px;color:var(--text-secondary)}.icon-action-button{width:28px;height:28px;padding:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;color:var(--text-secondary)}.icon-action-button svg{width:16px;height:16px}.icon-action-button--xs{width:16px;height:16px}.icon-action-button--xs svg{width:12px;height:12px}.icon-action-button--sm{width:22px;height:22px}.icon-action-button--sm svg{width:14px;height:14px}.icon-action-button--md{width:28px;height:28px}.icon-action-button--md svg{width:16px;height:16px}.icon-action-button--edit{color:var(--warning)}.icon-action-button--delete{color:var(--error)}.icon-action-button:hover{background:var(--bg-hover);border-color:var(--border-hover)}.icon-action-button--edit:hover{border-color:var(--warning)}.icon-action-button--delete:hover{border-color:var(--error)}.icon-action-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.icon-action-button:disabled{opacity:.5;cursor:not-allowed}.role-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.2px;border:1px solid transparent;text-transform:none;white-space:nowrap}.role-badge-master-admin{background:#d23c3c33;border-color:#d23c3c80;color:#eb7d7d}.role-badge-admin{background:#df964633;border-color:#df964680;color:#f0bc60}.role-badge-manager{background:#548cdc33;border-color:#548cdc80;color:#94bcff}.role-badge-master-dev{background:#9b5fd733;border-color:#9b5fd780;color:#c896f5}.role-badge-dev{background:#46bec333;border-color:#46bec380;color:#8ce6eb}.role-badge-master-support{background:#28824633;border-color:#28824680;color:#70c88c}.role-badge-support{background:#50aa5a33;border-color:#50aa5a80;color:#96dca0}.role-badge-default{background:#78787833;border-color:#78787880;color:#c8c8c8}[data-theme=light] .role-badge-master-admin{background:#d23c3c1f;border-color:#aa24248c;color:#8c1818}[data-theme=light] .role-badge-admin{background:#df964624;border-color:#a86a1a8c;color:#78480a}[data-theme=light] .role-badge-manager{background:#548cdc24;border-color:#285aaa8c;color:#18468e}[data-theme=light] .role-badge-master-dev{background:#9b5fd724;border-color:#743ab48c;color:#582490}[data-theme=light] .role-badge-dev{background:#46bec324;border-color:#1480888c;color:#0c6a72}[data-theme=light] .role-badge-master-support{background:#28824624;border-color:#1c6a368c;color:#16602e}[data-theme=light] .role-badge-support{background:#50aa5a24;border-color:#2880348c;color:#186c24}[data-theme=light] .role-badge-default{background:#78787824;border-color:#6066748c;color:#424c5e}.role-badge-plain{padding:0;background:transparent;border:none;border-radius:0;font-weight:500;color:inherit}.users-grid{display:flex;flex-direction:column;gap:6px}.user-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xs);padding:0;transition:border-color .2s;display:flex;flex-direction:column;min-height:0;width:100%}.user-card:hover{border-color:var(--primary)}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 10px}.user-side-panel{display:flex;flex-direction:column;align-items:stretch;gap:6px;flex:0 0 auto;min-width:540px}.user-main{display:flex;gap:6px;align-items:flex-start;min-width:0;flex:1 1 auto}.user-identity{min-width:0}.user-avatar{width:32px;height:32px;border-radius:999px;border:1px solid var(--border-color);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);background:var(--bg-tertiary);font-size:14px;font-weight:700;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-name{font-size:18px;font-weight:600;line-height:1.2;color:var(--text-primary);margin-bottom:2px}.user-email{font-family:var(--font-mono);font-size:13px;line-height:1.2;color:var(--text-secondary)}.user-updated{margin-top:2px;font-family:var(--font-mono);font-size:13px;color:var(--text-tertiary);line-height:1.2}.user-description{margin-top:2px;font-size:16px;color:var(--text-secondary);line-height:1.25}.user-badges{display:flex;gap:4px;justify-content:flex-end;flex:0 0 auto}.badge{padding:2px 8px;font-size:10px;font-family:var(--font-mono);text-transform:uppercase;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-xs)}.badge.success{background:#22c55e1a;color:var(--success)}.presence-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;border:1px solid var(--border-color);font-size:9px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.4px}.presence-badge.online{color:#9be6b3;border-color:#22c55e73;background:#22c55e14}.presence-badge.offline{color:#f3a5a5;border-color:#ef444473;background:#ef444414}.presence-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.user-card-section{margin-top:0;display:flex;flex-direction:column;gap:4px;width:100%}.section-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:0;gap:10px;flex-wrap:nowrap}.roles-inline{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:nowrap;flex:0 0 auto}.users-header-actions{align-items:center}.users-role-add-inline{margin-left:0}.section-title{font-size:12px;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.btn-icon{width:18px;height:18px;padding:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;font-size:12px;line-height:1;transition:all .2s}.btn-icon:hover{border-color:var(--primary);color:var(--primary)}.role-list{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;min-height:0;justify-content:flex-end;flex:1 1 auto}.role-tag{display:inline-flex;align-items:center;gap:4px;padding:1px}.role-badge-list{display:flex;flex-wrap:wrap;gap:6px}.btn-remove{width:14px;height:14px;padding:0;background:transparent;border:none;color:currentColor;cursor:pointer;font-size:16px;line-height:1;opacity:.6;transition:opacity .2s}.btn-remove:hover{opacity:1}.role-remove{background:transparent;border:none}.role-remove:hover{background:transparent;border-color:transparent}.override-remove{margin-left:8px}.users-grid .empty-state{font-size:12px;text-align:left;padding:0}.role-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px;margin-top:0;flex:0 0 auto}.role-tool-btn{min-height:24px;padding:3px 8px;font-size:11px;white-space:nowrap}.role-tool-btn-wide{min-width:0}.user-info{padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xs);font-size:12px;color:var(--text-primary)}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-group label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-primary);text-transform:none;cursor:pointer}.radio-group input[type=radio]{cursor:pointer}.hint-text{display:block;margin-top:6px;font-size:11px;color:var(--text-tertiary)}.users-role-checks{max-height:180px;overflow-y:auto;padding:8px;border:1px solid var(--border-color);border-radius:var(--radius-xs);background:var(--bg-secondary)}@media(max-width:480px){.user-card{padding:0}.user-card-header{padding:10px;flex-direction:column}.btn-icon{width:24px;height:24px;font-size:14px}.btn-delete-small{width:36px;height:36px}.role-toolbar{width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start}.user-side-panel{min-width:0;width:100%;align-items:stretch}.role-tool-btn{width:100%}.section-header{flex-wrap:wrap}.role-list{justify-content:flex-start}}.support-table{width:100%;border-collapse:collapse;font-size:12px}.support-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.support-table th{padding:12px;text-align:left;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;white-space:nowrap}.support-table td{padding:12px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.support-table tbody tr{transition:background-color .2s}.support-table tbody tr:hover{background:var(--bg-tertiary)}.support-table tbody tr:last-child td{border-bottom:none}.row-invoiced{background:#3b82f60d}.module-list{display:flex;flex-wrap:wrap;gap:4px}.module-tag{display:inline-block;padding:2px 6px;background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-xs);font-size:10px;font-family:var(--font-mono);color:var(--accent-secondary);white-space:nowrap}.status-badge{display:inline-block;padding:3px 8px;border-radius:var(--radius-xs);font-size:10px;font-family:var(--font-mono);text-transform:uppercase;font-weight:600}.status-open{background:#3b82f61a;color:var(--info);border:1px solid rgba(59,130,246,.3)}.status-in-progress{background:#fbbf241a;color:var(--warning);border:1px solid rgba(251,191,36,.3)}.status-resolved{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.3)}.status-closed{background:#6b72801a;color:var(--text-tertiary);border:1px solid rgba(107,114,128,.3)}.priority-badge{display:inline-block;padding:3px 8px;border-radius:var(--radius-xs);font-size:10px;font-family:var(--font-mono);text-transform:uppercase;font-weight:600}.priority-urgent{background:#ef44441a;color:var(--error);border:1px solid rgba(239,68,68,.3)}.priority-high{background:#fb923c1a;color:var(--warning);border:1px solid rgba(251,146,60,.3)}.priority-normal{background:#3b82f61a;color:var(--info);border:1px solid rgba(59,130,246,.3)}.priority-low{background:#6b72801a;color:var(--text-tertiary);border:1px solid rgba(107,114,128,.3)}.badge-invoiced{display:inline-block;padding:2px 6px;background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-xs);font-size:9px;font-family:var(--font-mono);text-transform:uppercase;margin-left:8px}.searchable-field{position:relative}.selected-support-types{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.support-type-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#3b82f61f;border:1px solid rgba(59,130,246,.35);border-radius:var(--radius-xs);font-size:11px;color:var(--text-primary)}.chip-remove{width:18px;height:18px;min-width:18px;padding:0;border:1px solid rgba(59,130,246,.45);border-radius:4px;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.chip-remove:hover{color:var(--text-primary);border-color:var(--primary)}.searchable-input{position:relative}.searchable-input .form-input{padding-right:32px}.clear-button{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:24px;height:24px;min-width:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:16px;line-height:1;cursor:pointer;z-index:2}.clear-button:hover{color:var(--text-primary);border-color:var(--primary);background:var(--bg-hover)}.search-dropdown{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);max-height:180px;overflow-y:auto}.search-item{display:block;width:100%;text-align:left;padding:8px 10px;background:transparent;border:none;color:var(--text-primary);font-size:12px;cursor:pointer}.search-item:hover{background:var(--bg-tertiary)}.search-empty{padding:10px;font-size:12px;color:var(--text-secondary)}.modal.support-entry-modal{max-width:1120px}.module-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xs);max-height:200px;overflow-y:auto}.selected-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.chips-empty{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);font-size:11px;color:var(--text-secondary);font-family:var(--font-mono);border-radius:var(--radius-xs)}.chip-with-remove .chip-remove{width:16px;height:16px;min-width:16px;border-color:var(--border-color);font-size:12px}.module-checkbox{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xs);font-size:14px;color:var(--text-primary);cursor:pointer;transition:all .2s}.module-checkbox:hover{border-color:var(--primary)}.module-checkbox.selected{border-color:color-mix(in srgb,var(--accent-primary) 64%,var(--border-color));background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-primary))}.module-checkbox input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.checkbox-group label{display:inline-flex;align-items:center;gap:10px}.module-version{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.support-types-form{display:flex;align-items:flex-end;gap:12px;margin:12px 0 16px;flex-wrap:wrap;padding:12px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-sm)}.support-types-toolbar{border:1px solid var(--border-color);border-radius:var(--radius-sm)}.support-types-form .form-input{min-width:360px;flex:1 1 360px}.support-types-check{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:12px;padding-bottom:6px}.support-types-editing{flex:1 1 100%;font-size:12px;color:var(--text-secondary)}.support-type-row-editing{outline:1px solid var(--primary);outline-offset:-1px}.support-types-table-container{border:1px solid var(--border-color);border-radius:var(--radius-sm)}[data-theme=light] .support-types-toolbar,[data-theme=light] .support-types-form,[data-theme=light] .support-types-table-container{border-color:#b8c7de;background:#f8fbff}[data-theme=light] .support-types-toolbar .search-input,[data-theme=light] .support-types-form .form-input{border-color:#b5c5dd;color:#16253d;background:#fff}[data-theme=light] .support-types-toolbar .search-input::placeholder,[data-theme=light] .support-types-form .form-input::placeholder{color:#5e6f88;opacity:1}[data-theme=light] .support-types-check{color:#31445f}[data-theme=light] .support-types-editing{color:#3f546f}@media(max-width:900px){.support-types-form .form-input{min-width:100%}}.modules-table{width:100%;border-collapse:collapse;font-size:12px}.modules-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.modules-table th{padding:12px;text-align:left;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;white-space:nowrap}.modules-table td{padding:12px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.modules-table tbody tr:hover{background:var(--bg-tertiary)}.modules-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-xs);font-size:10px;font-family:var(--font-mono);text-transform:uppercase;background:var(--bg-tertiary);color:var(--text-secondary)}.badge-success{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.3)}.badge-muted{background:#6b72801a;color:var(--text-tertiary);border:1px solid rgba(107,114,128,.3)}.modules-details-page .detail-card,.module-upload-form{margin-bottom:20px}.modules-details-page .module-info-card{padding:16px 18px}.modules-details-page .detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.modules-details-page .detail-row{display:grid;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.modules-details-page .detail-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.modules-details-page .detail-value{font-size:18px;font-weight:600;color:var(--text-primary);line-height:1.35}.module-channel-group{min-width:280px}.module-channel-options{display:flex;flex-wrap:wrap;gap:8px}.module-channel-option{padding:8px 12px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:12px;font-weight:500}.module-channel-option:hover{border-color:var(--accent-primary);color:var(--text-primary)}.module-channel-option.is-selected{border-color:var(--accent-primary);background:#74bad426;color:var(--text-primary)}.module-channel-badge.channel-prod{border-color:#22c55e59;background:#22c55e1f;color:var(--success)}.module-channel-badge.channel-test{border-color:#f59e0b59;background:#f59e0b1f;color:var(--warning)}.module-channel-badge.channel-dev{border-color:#38bdf859;background:#38bdf81f;color:var(--info)}.module-updates-table-wrap tbody tr{cursor:context-menu}.module-updates-table tbody tr:hover{background:var(--bg-tertiary)}.module-update-context-menu{position:fixed;z-index:2200;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xs);box-shadow:var(--panel-shadow-soft);padding:8px}@media(max-width:1280px){.modules-details-page .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.modules-details-page .detail-grid{grid-template-columns:1fr}}.invoices-table{width:100%;border-collapse:collapse;font-size:13px}.invoices-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.invoices-table th{padding:12px;text-align:left;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;white-space:nowrap}.invoices-table td{padding:12px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.invoices-table tbody tr:hover{background:var(--bg-tertiary)}.status-badge{display:inline-block;padding:3px 8px;border-radius:var(--radius-xs);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;font-weight:600}.status-draft{background:#3b82f61a;color:var(--info);border:1px solid rgba(59,130,246,.3)}.status-sent{background:#fbbf241a;color:var(--warning);border:1px solid rgba(251,191,36,.3)}.status-paid{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.3)}.status-cancelled{background:#ef44441a;color:var(--error);border:1px solid rgba(239,68,68,.3)}.support-list{display:grid;gap:8px;max-height:280px;overflow:auto;border:1px solid var(--border-color);border-radius:var(--radius-xs);padding:8px;background:var(--bg-secondary)}.support-add-row{margin:8px 0 10px;display:flex;justify-content:flex-start}.support-picker-filters{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;align-items:end;margin-bottom:10px}.support-picker-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.form-help{display:block;margin-top:6px;color:var(--text-secondary);font-size:12px}.support-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xs);cursor:pointer}.support-item:hover{border-color:var(--primary)}.support-picker-item{grid-template-columns:1fr auto;cursor:default}.support-info{display:flex;flex-direction:column;gap:4px}.support-title{font-size:13px;font-weight:600;color:var(--text-primary)}.support-meta{font-size:12px;color:var(--text-secondary)}.drawer{position:fixed;top:0;right:0;height:100%;width:420px;background:var(--bg-primary);border-left:1px solid var(--border-color);display:flex;flex-direction:column}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.drawer-header h3{margin:0;font-size:17px}.drawer-body{padding:16px;overflow:auto;flex:1}.drawer-section{margin-bottom:20px;display:grid;gap:8px}.drawer-title{font-size:13px;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-secondary)}.drawer-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.drawer-row.total{font-weight:600}.drawer-lines{display:grid;gap:8px}.drawer-line{border:1px solid var(--border-color);border-radius:var(--radius-xs);padding:8px;background:var(--bg-secondary);display:grid;gap:4px}.line-title{font-size:13px;font-weight:600}.line-meta{font-size:12px;color:var(--text-secondary)}.line-total{font-family:var(--font-mono);font-size:12px}.drawer-actions{margin-top:12px}.drawer-loading{text-align:center;color:var(--text-secondary)}@media(max-width:900px){.invoices-table th,.invoices-table td{padding:8px}.drawer{width:100%;right:0}.support-picker-filters{grid-template-columns:1fr 1fr}.support-picker-pagination{flex-direction:column;align-items:stretch}}@media(max-width:480px){.invoices-table{font-size:11px}.invoices-table th{padding:6px;font-size:9px}.invoices-table td{padding:8px 6px}.support-item{grid-template-columns:auto 1fr;gap:8px}}.permissions-page .page-header-row{align-items:center}.permissions-page .page-header-actions{display:flex;align-items:center}.permissions-page h1{font-size:34px}.permissions-page .toolbar,.permissions-page .toolbar-stats,.permissions-page .search-input,.permissions-page .filter-select,.permissions-page .btn-secondary,.permissions-page .page-info{font-size:14px}.matrix-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0;overflow-x:auto}.matrix-table{width:100%;border-collapse:collapse;font-size:14px}.matrix-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.matrix-table th{padding:12px;text-align:left;font-family:var(--font-mono);font-size:11.5px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;white-space:nowrap}.matrix-table td{padding:12px 14px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.matrix-table th:not(:first-child),.matrix-table td:not(:first-child){text-align:center}.matrix-table tbody tr:hover{background:var(--bg-tertiary)}.category-row td{background:var(--bg-tertiary);color:var(--text-secondary);font-family:var(--font-mono);padding:0}.category-toggle{width:100%;display:flex;align-items:center;gap:8px;justify-content:flex-start;padding:10px 12px;border:0;background:transparent;color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;font-size:11px;cursor:pointer}.category-toggle-icon{font-size:12px;transition:transform var(--transition-normal)}.category-toggle-icon.collapsed{transform:rotate(-90deg)}.category-toggle-count{margin-left:auto;font-size:11px;color:var(--text-tertiary)}.permission-name{font-weight:600;font-size:15px}.matrix-check,.matrix-empty{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:0;font-weight:600}.matrix-check{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.3)}.matrix-empty{background:#6b72801a;color:var(--text-tertiary);border:1px solid rgba(107,114,128,.2)}.matrix-toggle{border:none;padding:0;cursor:pointer;font:inherit}.matrix-toggle.matrix-check{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.3)}.matrix-toggle.matrix-empty{background:#6b72801a;color:var(--text-tertiary);border:1px solid rgba(107,114,128,.2)}.matrix-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.roles-page{display:flex;flex-direction:column;gap:18px}.roles-title{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.roles-subtitle-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.roles-summary{display:flex;gap:10px;flex-wrap:wrap}.roles-summary-item{font-size:15px;font-weight:500;color:var(--text-muted-strong);line-height:1.2}.roles-grid,.roles-easter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.role-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--panel-shadow-soft);transition:border-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal)}.role-card:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--panel-shadow)}.role-card-easter{border-color:color-mix(in srgb,var(--warning) 70%,var(--border-color));background:radial-gradient(circle at 12% 15%,color-mix(in srgb,var(--warning) 18%,transparent),transparent 40%),radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--accent-primary) 16%,transparent),transparent 35%),var(--bg-secondary)}.role-easter-placeholder{visibility:hidden;pointer-events:none;min-height:220px}.role-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.role-permission-count{font-size:11px;color:var(--text-muted-strong);font-family:var(--font-mono)}.role-description{font-size:12px;color:var(--text-primary);min-height:46px;line-height:1.45}.role-permissions{display:flex;flex-wrap:wrap;gap:6px}.role-permission-chip{padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--bg-tertiary) 80%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 85%,transparent);font-size:11px;color:var(--text-primary)}.role-permission-more{font-size:11px;color:var(--text-secondary);align-self:center;font-family:var(--font-mono)}.role-permission-more-btn{border:0;background:transparent;cursor:pointer;padding:2px 0}.role-permission-more-btn:hover{color:var(--text-primary)}.role-details-overlay{position:fixed;inset:0;z-index:1200;background:#070c169e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px}.role-details-modal{width:min(1180px,97vw);max-height:86vh;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--panel-shadow);display:flex;flex-direction:column;overflow:hidden}.role-details-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-color);background:var(--panel-header-gradient)}.role-details-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.role-details-count{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap}.role-details-close{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-xs);width:40px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;line-height:1;font-weight:500;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.role-details-close:hover{border-color:color-mix(in srgb,var(--accent-primary) 65%,var(--border-color));color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,transparent)}.role-details-body{padding:14px;display:flex;flex-direction:column;gap:10px;min-height:0}.role-details-description{font-size:13px;color:var(--text-primary);line-height:1.45}.role-details-permissions{border:1px solid var(--border-color);border-radius:var(--radius-xs);background:color-mix(in srgb,var(--bg-primary) 94%,transparent);max-height:56vh;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.role-details-permission-item{font-size:12px;color:var(--text-primary);border:1px solid color-mix(in srgb,var(--border-color) 80%,transparent);border-radius:999px;padding:6px 10px;background:color-mix(in srgb,var(--bg-secondary) 90%,transparent)}.role-details-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px}.role-details-page-btn{min-height:34px;padding:6px 12px;border-radius:9px;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-tertiary) 90%,transparent);color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);cursor:pointer}.role-details-page-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent-primary) 65%,var(--border-color));color:var(--text-primary)}.role-details-page-btn:disabled{opacity:.5;cursor:not-allowed}.role-details-page-info{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary)}[data-theme=light] .role-card{background:#fff;border-color:#cfd7e3}[data-theme=light] .role-description{color:#263145}[data-theme=light] .role-permission-chip{background:#f2f6fc;border-color:#b9c8de;color:#223049}[data-theme=light] .role-permission-count,[data-theme=light] .roles-summary-item{color:#4c5c75}[data-theme=light] .role-details-modal{background:#fff;border-color:#cfd7e3}[data-theme=light] .role-details-header{border-bottom-color:#d7dfeb}[data-theme=light] .role-details-permissions{border-color:#d1dae8;background:#f7f9fc}[data-theme=light] .role-details-permission-item{border-color:#c4d1e5;background:#fff;color:#1f2d44}@media(max-width:1500px){.roles-grid,.roles-easter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.roles-grid,.roles-easter-row{grid-template-columns:1fr}.role-details-modal{width:min(98vw,98vw)}.role-details-permissions{grid-template-columns:1fr}}.revenue-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.revenue-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0;padding:24px;transition:border-color .2s}.revenue-card:hover{border-color:var(--primary)}.revenue-card-label{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:12px}.revenue-card-value{font-size:36px;font-weight:700;color:var(--primary);font-family:var(--font-mono)}.revenue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px}.revenue-list{display:flex;flex-direction:column;gap:8px}.revenue-list-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0;font-size:14px;transition:all .2s}.revenue-list-row:hover{background:var(--bg-hover);border-color:var(--border-hover)}.revenue-amount{font-family:var(--font-mono);font-weight:600;color:var(--primary)}.export-buttons{display:flex;flex-direction:column;gap:12px}.export-buttons button{width:100%}.empty-state{text-align:center;padding:24px;color:var(--text-tertiary);font-style:italic}@media(max-width:480px){.revenue-cards{grid-template-columns:1fr}.revenue-card{padding:16px}.revenue-card-value{font-size:24px}.revenue-grid{grid-template-columns:1fr}}.leaves-page{font-size:16px}.leaves-page h1{font-size:24px}.leaves-list{display:flex;flex-direction:column;gap:8px}.leaves-header-row{align-items:center}.leaves-notif-slot{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.leaves-header-actions{margin-top:8px}.leaves-page .toolbar,.leaves-page .toolbar-stats{font-size:15px}.leaves-page .search-input,.leaves-page .filter-select,.leaves-page .toolbar input[type=date],.leaves-page .toolbar select,.leaves-page .toolbar input[type=number]{font-size:16px}.leave-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0;padding:8px 12px;transition:border-color .2s;font-size:14px;width:100%}.leave-card:hover{border-color:var(--primary)}.leave-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.leave-card-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.leave-type-badge{display:inline-block;padding:3px 7px;font-size:11px;font-family:var(--font-mono);text-transform:uppercase;border-radius:0;margin-right:6px}.leave-type-badge.paid{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.3)}.leave-type-badge.half_day{background:#7dd3fc1a;color:var(--accent-primary);border:1px solid rgba(125,211,252,.3)}.leave-type-badge.unpaid{background:#fbbf241a;color:var(--warning);border:1px solid rgba(251,191,36,.3)}.leave-type-badge.sick{background:#ef44441a;color:var(--error);border:1px solid rgba(239,68,68,.3)}.leave-type-badge.other{background:#6b72801a;color:var(--text-secondary);border:1px solid rgba(107,114,128,.3)}.leave-days{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.leave-user-inline{font-size:18px;font-weight:700;color:var(--text-primary);margin-left:10px}.leave-halfday-inline{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid rgba(125,211,252,.35);background:#7dd3fc1a;color:var(--accent-primary);font-size:11px;font-family:var(--font-mono);text-transform:uppercase}.leave-card-body{display:flex;flex-direction:column;gap:4px}.leave-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.leave-info-row>.leave-meta{display:none}.leave-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.leave-dates{display:flex;align-items:center;flex-wrap:wrap;gap:6px;column-gap:12px}.leave-date-label{font-size:11px;color:var(--text-secondary);font-family:var(--font-mono)}.leave-date-value{font-size:13px;color:var(--text-primary);font-weight:500;min-width:0}.leave-notes{padding:3px 6px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0;font-size:13px;color:var(--text-secondary);font-style:italic;flex:1 1 320px;min-width:0}.leave-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);margin-top:0}.leave-card .row-actions{gap:6px}.leave-card .row-actions .btn-secondary,.leave-card .row-actions .btn-secondary.danger{min-height:28px;padding:5px 10px;font-size:12px}.leave-card.deleted{opacity:.7;border-style:dashed}.leaves-page .filter-row{align-items:center}.leave-week-nav-btn{min-width:44px;padding:8px 10px}.leaves-date-wrap{position:relative;display:flex;align-items:center;width:136px;min-width:136px;max-width:136px;min-height:40px;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius-xs);background:var(--bg-primary);cursor:pointer}.leaves-date-display{position:absolute;inset:0;display:flex;align-items:center;padding:0 2rem 0 .55rem;font-size:12px;line-height:1.1;color:var(--text-primary);pointer-events:none;z-index:1;white-space:nowrap}.leaves-page .leave-filter-date-input{position:absolute;inset:0;width:100%;min-width:100%;max-width:100%;height:100%;flex:0 0 auto;-webkit-appearance:none;appearance:none;padding:0;opacity:.01;z-index:3;border:0;background:transparent;color:transparent}.leaves-page .leave-filter-date-input::-webkit-datetime-edit,.leaves-page .leave-filter-date-input::-webkit-datetime-edit-fields-wrapper,.leaves-page .leave-filter-date-input::-webkit-datetime-edit-text,.leaves-page .leave-filter-date-input::-webkit-datetime-edit-month-field,.leaves-page .leave-filter-date-input::-webkit-datetime-edit-day-field,.leaves-page .leave-filter-date-input::-webkit-datetime-edit-year-field{color:transparent}.leaves-page .leave-filter-date-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;position:absolute;inset:0;width:100%;height:100%}.leaves-date-trigger{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:16px;height:16px;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;pointer-events:none;z-index:2}[data-theme=light] .leaves-date-trigger{color:var(--text-primary)}.leaves-show-deleted-toggle{flex:0 0 auto;white-space:nowrap}.leaves-show-deleted-toggle input[type=checkbox]{flex:0 0 16px}.leaves-page .leave-filter-date-input:focus{outline:none}.leaves-date-wrap:focus-within{border-color:var(--accent-primary)}.leave-modal{width:min(760px,calc(100vw - 40px));max-height:calc(100vh - 24px);display:flex;flex-direction:column}.leave-modal .modal-header h2{font-size:20px}.leave-modal .modal-body{display:grid;grid-template-columns:1fr;gap:4px;align-items:start;overflow-y:auto;padding:8px 16px}.leave-modal-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.leave-modal-row--aligned{align-items:stretch}.leave-modal .form-group label{font-size:13px;margin-bottom:2px}.leave-modal .form-group{display:flex;flex-direction:column;min-width:0}.leave-modal .form-input,.leave-modal .form-select,.leave-modal .form-textarea{font-size:16px}.leave-modal .form-input,.leave-modal .form-select{min-height:46px}.leave-modal .form-textarea{min-height:92px}.leave-modal .leave-date-input{width:100%;min-width:0;max-width:100%;flex-basis:auto;padding-left:3rem;padding-right:.9rem;font-size:17px;line-height:1.15;min-height:46px}.leave-modal .leave-date-input::-webkit-calendar-picker-indicator{opacity:0;width:0;height:0;margin:0;transform:none;cursor:pointer}.leave-modal-date-wrap{position:relative;width:100%;max-width:100%}.leave-modal-date-trigger{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border-color);border-radius:var(--radius-xs);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;z-index:2}.leave-modal-date-trigger:hover{border-color:var(--accent-primary);background:color-mix(in srgb,var(--bg-secondary) 88%,var(--accent-primary) 12%)}.leave-date-group,.leave-type-group,.leave-halfday-group{min-width:0}.leave-halfday-group{display:flex;flex-direction:column;gap:6px;align-self:start;justify-content:flex-start}.leave-halfday-label{display:block;min-height:20px;font-size:13px;margin-bottom:4px}.leave-type-group .form-select,.leave-halfday-group .form-select,.leave-halfday-group .leave-halfday-toggle{width:100%}.leave-halfday-toggle{display:inline-flex;align-items:center;align-content:center;gap:12px;font-size:14px;color:var(--text-primary);cursor:pointer;min-height:46px;padding:0 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);justify-content:flex-start;flex-wrap:nowrap;white-space:nowrap;height:46px;line-height:46px}.leave-halfday-toggle input[type=checkbox]{margin:0;flex:0 0 auto;width:15px;height:15px;display:inline-block;vertical-align:middle;accent-color:var(--accent-primary)}.leave-halfday-toggle span{display:inline-flex;align-items:center;line-height:46px;white-space:nowrap;padding-left:2px}.leave-halfday-period,.leave-type-group .form-select,.leave-halfday-group .form-select{width:100%}.leave-modal .modal-footer .btn-secondary,.leave-modal .modal-footer .btn-primary{min-height:42px;font-size:15px}.leave-modal .form-group:first-child,.leave-modal .form-group:last-child{grid-column:1 / -1}.leave-modal .modal-footer{flex-shrink:0}@media(max-width:768px){.leave-card{padding:10px}.leaves-show-deleted-toggle{width:100%;justify-content:flex-start}.leave-card-header{align-items:flex-start;flex-direction:column;gap:6px}.leave-card-header .row-actions{justify-content:flex-start;flex-wrap:wrap;width:100%}.leave-dates{gap:6px 12px}.leave-info-row,.leave-summary-row{flex-direction:column;align-items:flex-start;gap:4px}.leave-modal{width:min(100vw - 24px,640px)}.leave-modal .modal-body{grid-template-columns:1fr}.leave-modal-row{grid-template-columns:1fr;gap:14px}}@media(max-width:480px){.leave-card-header .row-actions .btn-secondary{width:100%}}.shifts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.shift-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0;padding:16px;transition:border-color .2s}.shift-card:hover{border-color:var(--primary)}.shift-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.shift-type-badge{display:inline-block;padding:4px 8px;font-size:11px;font-family:var(--font-mono);text-transform:uppercase;border-radius:0;margin-right:8px;background:#3b82f61a;color:var(--info);border:1px solid rgba(59,130,246,.3)}.btn-delete-small{width:24px;height:24px;padding:0;background:transparent;border:1px solid var(--border-color);border-radius:0;color:var(--error);cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-delete-small:hover{background:var(--error);color:var(--bg-primary);border-color:var(--error)}.shift-card-body{display:flex;flex-direction:column;gap:8px}.shift-date{display:flex;flex-direction:column;gap:4px}.shift-date-label{font-size:12px;color:var(--text-secondary);font-family:var(--font-mono)}.shift-date-value{font-size:14px;color:var(--text-primary);font-weight:500}.shift-notes{padding:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0;font-size:13px;color:var(--text-secondary);font-style:italic}.shift-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);margin-top:4px}.shift-card.deleted{opacity:.7;border-style:dashed}.duty-week-list{display:flex;flex-direction:column;gap:16px}.duty-week-grid{display:flex;flex-direction:column;gap:8px}.duty-weekend-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}.duty-day-card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:10px 14px;display:flex;flex-direction:column;width:100%}.duty-day-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--border-color);padding-bottom:7px;margin-bottom:8px;min-height:0}.duty-day-title{font-family:var(--font-mono);font-size:13px;line-height:1.3;text-transform:uppercase;color:var(--text-secondary)}.duty-day-total{font-family:var(--font-mono);font-size:12px;color:var(--text-primary)}.duty-day-items{display:flex;flex-direction:column;gap:2px;flex:1}.duty-day-empty{border:1px solid var(--border-color);background:var(--bg-primary);min-height:34px;padding:6px 10px;font-size:11px;color:var(--text-secondary);text-align:center;display:flex;align-items:center;justify-content:center;width:100%}.duty-day-empty-action{cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.duty-day-empty-action:hover{border-color:var(--accent-primary);color:var(--text-primary);background:color-mix(in srgb,var(--bg-primary) 90%,var(--accent-primary) 10%)}.duty-add-slot{min-height:34px}.duty-day-row{display:flex;flex-direction:column;gap:2px;padding:4px 8px 5px;border:1px solid var(--border-color);background:var(--bg-primary)}.duty-day-row.deleted{opacity:.7;border-style:dashed}.duty-day-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.duty-day-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.duty-day-heading{display:flex;align-items:baseline;gap:12px;min-width:0;flex-wrap:wrap}.duty-user{font-weight:600;color:var(--text-primary);font-size:15px;line-height:1.1}.duty-shift{font-size:13px;line-height:1.1;color:var(--text-primary);font-weight:700}.duty-day-meta{display:flex;align-items:center;font-family:var(--font-mono);font-size:10px;line-height:1.05;color:var(--text-tertiary);text-align:left;overflow-wrap:anywhere;min-width:0}.duty-saved{color:var(--text-tertiary)}.duty-day-row .row-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;flex:0 0 auto}.duty-day-row .row-actions .btn-secondary,.duty-day-row .row-actions .btn-secondary.danger{min-height:26px;padding:4px 10px;font-size:11px}.duty-week-nav-btn{min-width:44px;padding:8px 10px}.shifts-page .filter-row .form-input:first-child{min-width:520px;flex:1 1 520px}.shifts-page .filter-row .form-select{min-width:150px}.shifts-show-deleted-toggle{flex:0 0 auto;white-space:nowrap}.shifts-show-deleted-toggle input[type=checkbox]{flex:0 0 16px}.shifts-date-wrap{position:relative;display:flex;align-items:center;width:136px;min-width:136px;max-width:136px;min-height:40px;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius-xs);background:var(--bg-primary);cursor:pointer}.shifts-date-display{position:absolute;inset:0;display:flex;align-items:center;padding:0 2rem 0 .55rem;font-size:12px;line-height:1.1;color:var(--text-primary);pointer-events:none;z-index:1;white-space:nowrap}.shifts-modal-date-wrap{position:relative;width:fit-content;max-width:100%;display:flex;align-items:center}.shifts-filter-date-input{position:absolute;inset:0;width:100%;min-width:100%;max-width:100%;height:100%;-webkit-appearance:none;appearance:none;padding:0;opacity:.01;z-index:3;border:0;background:transparent;color:transparent}.shifts-modal-date-input{width:min(100%,176px);color-scheme:dark!important;-webkit-appearance:none;appearance:none;padding-right:56px}.shifts-modal-date-input::-webkit-calendar-picker-indicator{opacity:0!important;cursor:pointer;position:absolute;top:50%;right:12px;transform:translateY(-50%);width:28px;height:28px}.shifts-filter-date-input::-webkit-datetime-edit,.shifts-filter-date-input::-webkit-datetime-edit-fields-wrapper,.shifts-filter-date-input::-webkit-datetime-edit-text,.shifts-filter-date-input::-webkit-datetime-edit-month-field,.shifts-filter-date-input::-webkit-datetime-edit-day-field,.shifts-filter-date-input::-webkit-datetime-edit-year-field{color:transparent}.shifts-filter-date-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;position:absolute;inset:0;width:100%;height:100%}.shifts-date-trigger{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:28px;height:28px;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;pointer-events:auto;z-index:2;border:1px solid var(--border-color);border-radius:var(--radius-xs);background:var(--bg-secondary);cursor:pointer;padding:0}.shifts-date-trigger:hover{border-color:var(--accent-primary);background:color-mix(in srgb,var(--bg-secondary) 88%,var(--accent-primary) 12%)}.modal.shifts-duty-modal{width:min(92vw,520px);max-width:520px}.shifts-duty-modal .modal-body{padding-top:18px;padding-bottom:18px}.shifts-duty-modal .form-group:last-child{margin-bottom:0}[data-theme=light] .shifts-modal-date-input{color-scheme:light}[data-theme=light] .shifts-date-trigger{color:var(--text-primary)}.shifts-filter-date-input:focus{outline:none}.shifts-date-wrap:focus-within{border-color:var(--accent-primary)}@media(max-width:480px){.shifts-list{grid-template-columns:1fr;gap:12px}}@media(max-width:768px){.shifts-show-deleted-toggle{margin-left:0;width:100%;justify-content:flex-start}.duty-weekend-list{grid-template-columns:1fr}.duty-day-card{padding:10px}.duty-day-header{align-items:flex-start;flex-direction:column;gap:4px}.duty-day-row{gap:6px;padding:8px}.duty-day-top{flex-direction:column;gap:6px}.duty-day-heading{flex-direction:column;align-items:flex-start;gap:3px}.duty-day-meta{text-align:left}.duty-day-row .row-actions{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:480px){.duty-day-title{font-size:11px}.duty-day-row .row-actions .btn-secondary{width:100%}}.files-page{display:flex;flex-direction:column;height:100%;min-height:0;padding:0}.files-hero{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-xl);border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.files-hero h1{font-size:32px;line-height:1.05;letter-spacing:-.03em;color:var(--text-primary);margin:0}.files-hero p{color:var(--text-secondary);font-size:13px;margin:2px 0 0}.files-hero-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.header-search-wrap{width:260px}.files-notif-slot{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.files-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;font-size:14px;font-family:var(--font-mono);border-radius:var(--radius-xs);border:var(--border-width) solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.files-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary)}.files-btn:disabled{opacity:.4;cursor:default}.files-btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--btn-contrast-text)}.files-btn.primary:hover:not(:disabled){filter:brightness(1.1);border-color:var(--accent-primary);color:var(--btn-contrast-text)}.folder-create .files-btn.primary{box-shadow:0 0 0 1px #74bad440,0 0 14px #74bad438}.files-btn.accent{border-color:var(--accent-primary);color:var(--accent-primary)}.files-btn.accent:hover:not(:disabled){background:#7aa87414}.files-btn.danger-btn{border-color:#c4746e66;color:var(--error);background:#c4746e0f}.files-btn.danger-btn:hover:not(:disabled){border-color:var(--error);background:#c4746e1f}.files-btn.compact{height:26px;padding:0 8px;font-size:13px}.toolbar-search-wrap{width:240px;flex-shrink:0}.files-search-field,.files-folder-field{flex:0 0 auto;min-width:0;margin:0;font-size:15px}.files-search-field{width:100%}.files-folder-field{width:190px}.view-toggle{display:flex;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-xs);overflow:hidden}.view-toggle-btn{background:var(--bg-primary);border:none;padding:6px 10px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.view-toggle-btn:not(:last-child){border-right:var(--border-width) solid var(--border-color)}.view-toggle-btn.active{background:var(--accent-primary);color:var(--btn-contrast-text)}.view-toggle-btn:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.files-explorer{display:flex;flex:1;min-height:0;overflow:hidden}.files-tree{width:220px;min-width:220px;border-right:var(--border-width) solid var(--border-color);background:var(--bg-secondary);overflow-y:auto;display:flex;flex-direction:column}.tree-header{padding:var(--space-md) var(--space-lg);font-size:13px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.7px;color:var(--text-tertiary);border-bottom:var(--border-width) solid var(--border-color);flex-shrink:0}.tree-list{flex:1;overflow-y:auto;padding:var(--space-xs) 0}.tree-item{display:flex;align-items:center;gap:var(--space-xs);padding:5px var(--space-md);cursor:pointer;font-size:15px;color:var(--text-primary);transition:background var(--transition-fast);border-left:2px solid transparent;-webkit-user-select:none;user-select:none}.tree-item:hover{background:var(--bg-hover)}.tree-item.active{background:var(--bg-active);border-left-color:var(--accent-primary);color:var(--accent-primary);font-weight:500}.tree-item.drop-target{background:#7aa87424;border-left-color:var(--accent-primary)}.tree-chevron{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-tertiary);transition:transform .15s ease}.tree-chevron.expanded{transform:rotate(90deg)}.tree-chevron.empty{visibility:hidden}.tree-icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.tree-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tree-children{margin-left:16px}.tree-toggle-mobile{display:none;position:fixed;bottom:var(--space-lg);left:var(--space-lg);z-index:100;width:40px;height:40px;border-radius:50%;background:var(--accent-primary);color:var(--btn-contrast-text);border:none;cursor:pointer;box-shadow:var(--panel-shadow);align-items:center;justify-content:center}.files-content{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column}.files-info-banner{padding:var(--space-sm) var(--space-lg);font-size:14px;font-family:var(--font-mono);color:var(--text-secondary);background:#7e9cd814;border-bottom:var(--border-width) solid var(--border-color);flex-shrink:0}.content-actions{display:flex;align-items:center;gap:8px;padding:8px var(--space-lg);border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-primary);flex-shrink:0;flex-wrap:wrap;min-height:48px}.folder-create{display:flex;gap:6px;align-items:center}.upload-label{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;font-size:14px;font-family:var(--font-mono);border-radius:var(--radius-xs);border:var(--border-width) solid var(--accent-primary);background:transparent;color:var(--accent-primary);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast)}.upload-label:hover{background:#7aa87414}.upload-label input{display:none}.upload-dropzone{margin:var(--space-md) var(--space-lg);padding:var(--space-xl);border:1px dashed var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);text-align:center;transition:border-color .2s ease,background .2s ease;flex-shrink:0}.upload-dropzone.active{border-color:var(--accent-primary);background:var(--bg-hover)}.dropzone-title{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs)}.dropzone-subtitle{font-size:13px;color:var(--text-secondary)}.dropzone-progress{margin-top:var(--space-sm);font-family:var(--font-mono);font-size:14px;color:var(--accent-primary)}.files-error{margin:var(--space-sm) var(--space-lg);padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--error);border-radius:var(--radius-xs);color:var(--error);font-size:14px;font-family:var(--font-mono);background:#c4746e14;flex-shrink:0}.files-loading{padding:var(--space-xl);text-align:center;font-family:var(--font-mono);font-size:14px;color:var(--text-secondary)}.content-body{flex:1;padding:var(--space-lg)}.content-section-label{font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-tertiary);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:var(--border-width) solid var(--border-color)}.content-section-label:not(:first-child){margin-top:var(--space-xl)}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-md)}.grid-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);cursor:pointer;border-radius:var(--radius-sm);border:var(--border-width) solid transparent;transition:background var(--transition-fast),border-color var(--transition-fast);position:relative;text-align:center}.grid-item:hover{background:var(--bg-hover);border-color:var(--border-color)}.grid-item.selected{background:var(--bg-active);border-color:var(--accent-primary)}.grid-item.drop-target{background:#7aa8741f;border-color:var(--accent-primary)}.grid-item.hidden-folder{opacity:.55}.grid-item.is-deleted{opacity:.6;border-style:dashed}.grid-item.dragging-file{opacity:.45}.grid-item-icon{width:48px;height:48px;margin-bottom:var(--space-xs);display:flex;align-items:center;justify-content:center}.grid-item-name{font-size:15px;color:var(--text-primary);word-break:break-word;line-height:1.3;max-width:100%}.grid-item-meta{font-size:12px;color:var(--text-tertiary);font-family:var(--font-mono);margin-top:2px}.grid-item-actions{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity .15s ease}.grid-item:hover .grid-item-actions{opacity:1}.grid-action-btn{width:26px;height:26px;border-radius:var(--radius-xs);border:var(--border-width) solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.grid-action-btn:hover{color:var(--text-primary);border-color:var(--text-secondary);background:var(--bg-tertiary)}.grid-action-btn.danger:hover{color:var(--error);border-color:var(--error);background:#c4746e1a}.content-list{display:flex;flex-direction:column}.list-header{display:grid;grid-template-columns:28px 1fr 90px 120px 160px;align-items:center;padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;border-bottom:var(--border-width) solid var(--border-color);gap:var(--space-sm)}.list-item{display:grid;grid-template-columns:28px 1fr 90px 120px 160px;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:var(--border-width) solid var(--border-color);cursor:pointer;transition:background var(--transition-fast);gap:var(--space-sm)}.list-item:hover{background:var(--bg-hover)}.list-item.drop-target{background:#7aa8741f}.list-item.hidden-folder{opacity:.55}.list-item.is-deleted{opacity:.6}.list-item.dragging-file{opacity:.45}.list-item-icon{display:flex;align-items:center;justify-content:center}.list-item-name{font-size:15px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.list-item-size{font-size:14px;color:var(--text-secondary);font-family:var(--font-mono);text-align:right}.list-item-date{font-size:13px;color:var(--text-tertiary);font-family:var(--font-mono)}.list-item-actions{display:flex;gap:4px;justify-content:flex-end;opacity:0;transition:opacity .15s ease}.list-item:hover .list-item-actions{opacity:1}.context-menu{position:fixed;z-index:200;min-width:160px;background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--panel-shadow);padding:var(--space-xs) 0}.context-menu-item{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.context-menu-item:hover{background:var(--bg-hover)}.context-menu-item.danger{color:var(--error);border:none;background:transparent;border-radius:0}.context-menu-item.danger:hover{background:#c4746e1a}.context-menu-divider{height:1px;background:var(--border-color);margin:var(--space-xs) 0}.empty-state{padding:var(--space-2xl);color:var(--text-secondary);font-family:var(--font-mono);font-size:14px;text-align:center}.files-tree:not(.visible){display:none}@media(max-width:900px){.files-tree{position:fixed;left:0;top:0;bottom:0;z-index:150;transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--panel-shadow);width:min(260px,75vw);min-width:auto}.files-tree:not(.visible){display:flex;transform:translate(-100%)}.files-tree.visible{display:flex;transform:translate(0)}.tree-toggle-mobile{display:flex;width:44px;height:44px}.files-hero{flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.header-search-wrap{width:min(320px,100%)}.files-toolbar{flex-wrap:wrap;align-items:stretch}.breadcrumb{flex-basis:100%}.files-hero h1{font-size:26px}.files-hero-actions{width:100%;flex-wrap:wrap;gap:6px}.files-hero-actions .files-btn{flex:1 1 auto;min-width:0;font-size:11px;height:34px;padding:0 10px}.files-toolbar{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.breadcrumb{width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.breadcrumb::-webkit-scrollbar{display:none}.crumb{flex-shrink:0;font-size:11px;padding:4px}.toolbar-right{width:100%;flex-wrap:nowrap;gap:var(--space-xs)}.toolbar-search{flex:1;width:auto;min-width:0}.content-actions{padding:var(--space-sm) var(--space-md);flex-direction:column;align-items:stretch;gap:6px;min-height:auto}.folder-create{width:100%}.folder-create .files-folder-field{flex:1;width:auto;min-width:0}.folder-create .files-btn{flex-shrink:0}.upload-label{width:100%;justify-content:center;height:36px}.upload-dropzone{margin:var(--space-sm) var(--space-md);padding:var(--space-md)}.dropzone-title{font-size:12px}.dropzone-subtitle{font-size:10px}.content-body{padding:var(--space-sm) var(--space-md)}.content-section-label{font-size:9px;margin-bottom:var(--space-sm)}.content-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--space-sm)}.grid-item{padding:var(--space-sm)}.grid-item-icon{width:36px;height:36px}.grid-item-name{font-size:11px}.grid-item-actions{opacity:1}.grid-action-btn{width:24px;height:24px;font-size:11px}.list-header,.list-item{grid-template-columns:24px 1fr auto;gap:var(--space-xs);padding:var(--space-sm) var(--space-md)}.list-item-name{font-size:12px}.list-item-size,.list-item-date,.list-header span:nth-child(3),.list-header span:nth-child(4){display:none}.list-header span:nth-child(5){display:none}.list-item-actions{opacity:1;gap:2px}.list-item-actions .files-btn.compact{height:28px;padding:0 6px;font-size:10px}.files-info-banner{padding:var(--space-xs) var(--space-md);font-size:11px}.context-menu{min-width:140px}.context-menu-item{padding:var(--space-sm) var(--space-md);font-size:13px;min-height:40px;display:flex;align-items:center}}@media(max-width:480px){.files-hero{padding:var(--space-xs) var(--space-sm)}.files-hero h1{font-size:22px}.files-hero-actions .files-btn{font-size:10px;height:32px;padding:0 8px}.files-toolbar,.content-actions,.content-body{padding:var(--space-xs) var(--space-sm)}.content-grid{grid-template-columns:repeat(3,1fr);gap:6px}.grid-item{padding:6px}.grid-item-icon{width:30px;height:30px}.grid-item-name{font-size:10px}.grid-item-meta{font-size:9px}.grid-action-btn{width:22px;height:22px;font-size:10px}.list-item-actions .files-btn.compact{font-size:9px;padding:0 4px;height:26px}.upload-dropzone{margin:var(--space-xs) var(--space-sm);padding:var(--space-sm)}}.problem-solutions-table{width:100%;border-collapse:collapse;font-size:12px}.problem-solutions-table th,.problem-solutions-table td{border-color:var(--border-color)}.problem-solutions-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.problem-solutions-table th{padding:12px;text-align:left;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.problem-solutions-table td{padding:12px;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:top}.problem-solutions-table tbody tr:hover{background:var(--bg-tertiary)}.ellipsis-cell{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.problem-solution-form-card{display:grid;gap:12px;max-width:980px;padding:16px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-sm)}.problem-solution-form-actions{margin-top:12px;display:flex;gap:10px}.problem-solution-create-modal{width:min(1100px,94vw);max-width:1100px;max-height:90vh}.problem-solution-create-modal .modal-body{padding-bottom:8px}.problem-solution-create-modal .form-group label{color:var(--text-secondary)}[data-theme=light] .problem-solutions-table thead{background:#eef3fb;border-bottom-color:#c8d4e8}[data-theme=light] .problem-solutions-table th{color:#42587a}[data-theme=light] .problem-solutions-table td{color:#1f2f49;border-bottom-color:#d4deee}[data-theme=light] .problem-solutions-table tbody tr:hover{background:#f4f8ff}[data-theme=light] .problem-solution-form-card{background:#fff;border-color:#bfcde4}[data-theme=light] .problem-solution-form-card .form-group label{color:#334966}[data-theme=light] .problem-solution-form-card .form-input,[data-theme=light] .problem-solution-form-card .form-textarea,[data-theme=light] .problem-solution-create-modal .form-input,[data-theme=light] .problem-solution-create-modal .form-textarea{background:#fff;border:1px solid #b8c8df;color:#17263d}[data-theme=light] .problem-solution-form-card .form-input::placeholder,[data-theme=light] .problem-solution-form-card .form-textarea::placeholder,[data-theme=light] .problem-solution-create-modal .form-input::placeholder,[data-theme=light] .problem-solution-create-modal .form-textarea::placeholder{color:#5f7391;opacity:1}[data-theme=light] .problem-solution-form-card .form-input:focus,[data-theme=light] .problem-solution-form-card .form-textarea:focus,[data-theme=light] .problem-solution-create-modal .form-input:focus,[data-theme=light] .problem-solution-create-modal .form-textarea:focus{border-color:#2e76c2;box-shadow:0 0 0 2px #2e76c229}[data-theme=light] .problem-solution-create-modal{background:#fff;border:1px solid #b8c8df;box-shadow:0 24px 60px #17294733}[data-theme=light] .problem-solution-create-modal .modal-header{border-bottom-color:#c8d5e8}[data-theme=light] .problem-solution-create-modal .modal-header h2{color:#1f2f49}[data-theme=light] .problem-solution-create-modal .btn-close{color:#516789}[data-theme=light] .problem-solution-create-modal .modal-footer{border-top-color:#c8d5e8}@media(max-width:900px){.problem-solutions-table th,.problem-solutions-table td{padding:8px}.ellipsis-cell{max-width:180px}.problem-solution-form-actions{flex-wrap:wrap}.problem-solution-create-modal{width:min(96vw,96vw);max-height:92vh}}.crm-table{width:100%;border-collapse:collapse;font-size:12px}.crm-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.crm-table th{padding:12px;text-align:left;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;white-space:nowrap}.crm-table td{padding:12px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.crm-table tbody tr:hover{background:var(--bg-tertiary)}.crm-table tbody tr:last-child td{border-bottom:none}.contragents-page h1{font-size:34px}.contragents-page .toolbar{gap:18px;align-items:center}.contragents-page .toolbar-stats,.contragents-page .search-input,.contragents-page .filter-select,.contragents-page .btn-primary,.contragents-page .btn-secondary,.contragents-page .crm-table{font-size:14px}.contragents-page .crm-table th{font-size:11.5px}.contragents-page .crm-table td{font-size:14px}.contragents-page .entry-title{font-size:15px}.contragents-page .entry-subtitle,.contragents-page .saved-by,.contragents-page .page-info{font-size:12px}.contragents-page .action-buttons{gap:10px}.contragents-page .crm-chain-cell .entry-title{font-size:14px;font-weight:600}.objects-page h1{font-size:34px}.objects-page .toolbar{gap:18px}.objects-page .toolbar-stats,.objects-page .search-input,.objects-page .filter-select,.objects-page .btn-primary,.objects-page .btn-secondary,.objects-page .crm-table{font-size:14px}.objects-page .crm-table th{font-size:11.5px}.objects-page .crm-table td{font-size:14px}.objects-page .saved-by,.objects-page .page-info{font-size:12px}.objects-page .action-buttons{gap:10px}.object-form-page h1{font-size:34px}.object-form-page .form-card{padding:18px;margin-bottom:14px}.object-form-page .form-title{font-size:15px;margin-bottom:12px}.object-form-page .form-grid{gap:12px}.object-form-page .form-group label,.object-form-page .checkbox-group,.object-form-page .section-note,.object-form-page .form-error{font-size:13px}.object-form-page .form-input,.object-form-page .form-select,.object-form-page .form-textarea,.object-form-page .searchable-select-trigger,.object-form-page .searchable-select-option{font-size:15px}.object-form-page .form-input,.object-form-page .form-select,.object-form-page .searchable-select-trigger{min-height:44px}.object-form-page .form-textarea{min-height:110px}.object-form-page .form-actions{margin-top:12px}.form-card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:24px;margin-bottom:20px;border-radius:var(--radius-sm);box-shadow:var(--panel-shadow-soft)}.form-title{font-size:14px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.form-grid-4{grid-template-columns:repeat(4,minmax(200px,1fr))}@media(max-width:1200px){.form-grid-4{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media(max-width:720px){.form-grid-4{grid-template-columns:1fr}}.form-error{color:var(--error);font-size:11px;font-family:var(--font-mono)}.crm-inline-select-row{display:flex;gap:10px;align-items:stretch}.crm-inline-select-row .searchable-select{flex:1}.crm-inline-select-row .btn-secondary{white-space:nowrap}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.detail-card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:20px;border-radius:var(--radius-sm);box-shadow:var(--panel-shadow-soft)}.detail-section{margin-top:24px}.detail-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.detail-section-header h2{font-size:16px;margin:0}.detail-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-color);padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-label{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);text-transform:uppercase}.detail-value{font-size:12px;color:var(--text-primary);text-align:right}.contragent-detail-grid .detail-row{justify-content:flex-start;align-items:baseline;gap:10px}.contragent-detail-grid .detail-label{font-size:13px;font-weight:600}.contragent-detail-grid .detail-value{font-size:17px;font-weight:600;text-align:left}.modal.contragent-object-create-modal{width:min(98vw,1680px);max-width:1680px;height:min(94vh,1200px);max-height:94vh;display:flex;flex-direction:column}.contragent-object-create-modal .modal-body{flex:1;overflow:auto;padding:12px 18px 18px}.object-form-modal-content .form-card{margin-bottom:12px;padding:18px}.object-form-modal-content .form-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.object-form-modal-content .form-actions{margin-top:12px}@media(max-width:1500px){.object-form-modal-content .form-grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.modal.contragent-object-create-modal{width:96vw;height:92vh}.object-form-modal-content .form-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.modal.contragent-object-create-modal{width:98vw;height:94vh}.contragent-object-create-modal .modal-body{padding:10px 10px 14px}.object-form-modal-content .form-grid-4{grid-template-columns:1fr}}.inline-link{color:var(--accent-primary);font-weight:500}.inline-link:hover{color:var(--accent-secondary)}.disabled-section{background:var(--bg-secondary);border:1px solid var(--border-color);padding:20px;position:relative;opacity:.65;border-radius:var(--radius-sm);box-shadow:var(--panel-shadow-soft)}.disabled-section:after{content:"Временно недостъпно";position:absolute;top:12px;right:12px;font-size:10px;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-tertiary)}.disabled-section p{color:var(--text-secondary);font-size:12px;margin-top:8px}.section-note{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary)}.contragent-chain-modal{width:min(92vw,680px)}.contragent-form-page .page-header-actions{padding-right:68px}@media(max-width:900px){.contragent-form-page .page-header-actions{padding-right:0}}@media(max-width:820px){.crm-inline-select-row{flex-direction:column}}.disabled-section:after{content:"Временно недостъпно"}.searchable-select{position:relative}.searchable-select.disabled{opacity:.6}.searchable-select-input{position:relative}.searchable-select-input .form-input{padding-right:32px}.searchable-clear{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer}.searchable-clear:hover{color:var(--text-primary)}.searchable-select-dropdown{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);max-height:220px;overflow-y:auto;box-shadow:0 12px 30px #00000059}.searchable-select-item{display:flex;flex-direction:column;width:100%;text-align:left;padding:8px 12px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;gap:4px}.searchable-select-item:hover,.searchable-select-item.active{background:var(--bg-tertiary)}.searchable-select-label{font-size:12px}.searchable-select-description{font-size:10px;color:var(--text-secondary);font-family:var(--font-mono)}.searchable-select-empty{padding:10px 12px;font-size:12px;color:var(--text-secondary)}.crm-error-boundary{display:flex;align-items:center;justify-content:center;height:calc(100vh - 80px);padding:24px}.crm-error-card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:32px;max-width:520px;text-align:center;display:flex;flex-direction:column;gap:16px}.crm-error-title{font-size:18px;font-weight:600;color:var(--text-primary)}.crm-error-message{font-size:13px;color:var(--text-secondary)}.crm-error-id{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary)}.diagnostics-page{display:flex;flex-direction:column;gap:24px}.diagnostics-panel{width:100%}.diagnostics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.diagnostics-value{margin-top:6px;font-size:13px}.diagnostics-list{display:flex;flex-direction:column;gap:12px}.diagnostics-item{padding:12px 14px;border:1px solid var(--border-color);background:var(--bg-tertiary)}.diagnostics-item-title{font-size:13px;margin-bottom:6px}.diagnostics-item-meta{font-size:11px;color:var(--text-secondary)}.diagnostics-trace-list{display:flex;flex-direction:column;gap:6px}@media(max-width:480px){.diagnostics-grid{grid-template-columns:1fr;gap:12px}.diagnostics-page{gap:16px}}.settings-page{padding:var(--space-2xl) 40px}.settings-header{margin-bottom:var(--space-2xl)}.settings-header h1{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.settings-subtitle{font-size:14px;color:var(--text-muted-strong);font-weight:500}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:var(--space-xl);align-items:stretch}.settings-section{background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--panel-shadow-soft);overflow:hidden;display:flex;flex-direction:column;min-height:430px;max-height:430px}.settings-section:hover{border-color:var(--border-hover)}.settings-section-header{padding:var(--space-md) var(--space-lg);background:var(--panel-header-gradient);border-bottom:var(--border-width) solid var(--border-color);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-family:var(--font-mono);display:flex;align-items:center;gap:var(--space-sm)}.settings-section-title{display:inline-flex;align-items:center;gap:var(--space-sm)}.settings-section-header svg{opacity:.6}.settings-section-header-search{justify-content:space-between;gap:var(--space-md)}.settings-search{width:220px;max-width:45%;height:34px;padding:0 var(--space-md);background:var(--bg-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-primary);font-family:var(--font-ui);font-size:12px;text-transform:none;letter-spacing:0}.settings-search::placeholder{color:var(--text-tertiary)}.settings-search:focus{outline:none;border-color:var(--accent-primary)}.settings-section-body{padding:var(--space-lg);flex:1;min-height:0;overflow-y:auto}.settings-section-notifications{min-height:430px;max-height:430px}.settings-section-notifications .settings-section-header{justify-content:space-between}.settings-notifications-header-toggle{display:inline-flex;align-items:center;gap:10px;font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px}.settings-notifications-body{display:flex;flex-direction:column;flex:1;overflow:hidden;padding-right:0}.settings-notifications-list{overflow-y:auto;flex:1;padding-right:var(--space-xs)}.settings-section-body::-webkit-scrollbar,.settings-notifications-list::-webkit-scrollbar{width:8px}.settings-section-body::-webkit-scrollbar-track,.settings-notifications-list::-webkit-scrollbar-track{background:transparent}.settings-section-body::-webkit-scrollbar-thumb,.settings-notifications-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-primary) 45%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.settings-notifications-empty{padding:var(--space-lg) 0;text-align:center;color:var(--text-tertiary);font-size:12px;font-family:var(--font-mono)}.theme-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);background:var(--bg-primary);border:var(--border-width-thick) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);position:relative}.theme-option:hover{border-color:var(--border-hover);background:var(--bg-hover)}.theme-option.active{border-color:var(--accent-primary);background:var(--bg-active)}.theme-option-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);transition:all var(--transition-normal)}.theme-option.active .theme-option-icon{background:var(--accent-primary);color:var(--btn-contrast-text)}.theme-option-label{font-size:12px;font-weight:500;color:var(--text-primary)}.theme-option-check{position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;background:var(--accent-primary);color:var(--btn-contrast-text);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all var(--transition-normal)}.theme-option.active .theme-option-check{opacity:1;transform:scale(1)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:var(--border-width) solid var(--border-color);gap:var(--space-lg)}.settings-row:last-child{border-bottom:none;padding-bottom:0}.settings-row:first-child{padding-top:0}.settings-row-primary-toggle{border:1px solid color-mix(in srgb,var(--accent-primary) 75%,transparent);border-radius:var(--radius-xs);padding:12px;margin-bottom:10px;background:color-mix(in srgb,var(--accent-primary) 8%,transparent)}.settings-row-primary-toggle .settings-row-label{color:var(--text-active)}.settings-row-info{flex:1;min-width:0}.settings-row-label{font-size:13px;font-weight:500;color:var(--text-primary)}.settings-row-description{font-size:11px;color:var(--text-muted-strong);margin-top:2px}.settings-toggle-track{width:40px;height:22px;background:var(--bg-tertiary);border:var(--border-width) solid var(--border-color);border-radius:11px;position:relative;cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}.settings-toggle-track:hover{border-color:var(--border-hover)}.settings-toggle-track.active{background:var(--accent-primary);border-color:var(--accent-primary)}.settings-toggle-knob{width:16px;height:16px;border-radius:50%;background:var(--text-secondary);position:absolute;top:2px;left:2px;transition:transform var(--transition-normal),background var(--transition-normal)}.settings-toggle-track.active .settings-toggle-knob{transform:translate(18px);background:var(--btn-contrast-text)}.settings-select{padding:var(--space-xs) var(--space-sm);background:var(--bg-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:11px;color:var(--text-primary);cursor:pointer;min-width:120px}.settings-select:focus{outline:none;border-color:var(--accent-primary)}.settings-about-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0}.settings-about-label{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.settings-about-value{font-size:12px;font-family:var(--font-mono);color:var(--text-secondary)}.settings-about-note{align-items:flex-start;gap:12px}.settings-about-note .settings-about-value{max-width:70%;text-align:right;line-height:1.35}.settings-about-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-family:var(--font-mono)}.settings-status-dot{width:10px;height:10px;border-radius:50%;border:1px solid currentColor;box-shadow:0 0 8px color-mix(in srgb,currentColor 55%,transparent)}.settings-about-status.online{color:var(--success)}.settings-about-status.offline{color:var(--error)}.settings-reset-btn{width:100%;margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);background:transparent;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.settings-reset-btn:hover{border-color:var(--warning);color:var(--warning)}.settings-jira-panel{margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-width) solid var(--border-color);display:flex;flex-direction:column;gap:10px}.settings-jira-header,.settings-jira-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-jira-body{display:flex;flex-direction:column;gap:8px}.settings-jira-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-jira-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.6px}.settings-jira-badge.connected{border-color:color-mix(in srgb,var(--success) 55%,var(--border-color));color:var(--success)}.settings-jira-badge.warning{border-color:color-mix(in srgb,var(--warning) 55%,var(--border-color));color:var(--warning)}.settings-jira-link{color:var(--text-active);font-size:13px;text-decoration:none;word-break:break-all}.settings-jira-link:hover{text-decoration:underline}.settings-jira-error{color:var(--error)}.settings-row.disabled{opacity:.4;pointer-events:none}.settings-page-size-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.settings-page-size-controls .btn-secondary.active{border-color:var(--accent-primary);color:var(--text-active);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-primary) 45%,transparent) inset}.settings-page-size-input{width:120px}.settings-page{font-size:16px}.settings-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.settings-header-actions{display:flex;align-items:center;flex:0 0 auto}.settings-header h1{font-size:36px;margin:0}.settings-section-header{font-size:13px}.settings-search,.settings-select,.settings-reset-btn{font-size:14px}.settings-notifications-header-toggle{font-size:12px}.settings-notifications-empty{font-size:14px}.theme-option-label{font-size:15px}.settings-row-label{font-size:17px}.settings-row-description{font-size:14px;margin-top:4px}.settings-about-label{font-size:13px}.settings-about-value,.settings-about-status{font-size:15px}@media(max-width:900px){.settings-page{padding:20px 16px}.settings-header-row{flex-wrap:wrap}.settings-grid{grid-template-columns:1fr}.theme-selector{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.theme-option{padding:var(--space-md) var(--space-sm)}.settings-section,.settings-section-notifications{min-height:auto;max-height:none}.settings-search{width:160px}.settings-section-notifications .settings-section-header{flex-wrap:wrap;row-gap:8px}.settings-notifications-header-toggle{width:100%;justify-content:space-between}}@media(max-width:480px){.theme-option-label{font-size:10px}.theme-option-icon{width:28px;height:28px}.theme-option-icon svg{width:14px;height:14px}.settings-section-header-search{flex-wrap:wrap}.settings-search{width:100%;max-width:100%}}.docs-page{display:flex;flex-direction:column;gap:8px}.docs-page .page-header{margin-bottom:2px}.docs-page .page-header h1{margin-bottom:0}.docs-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.docs-layout{display:grid;grid-template-columns:280px 1fr;gap:12px;min-height:560px;align-items:stretch}.docs-tree{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;min-height:560px}.docs-tree-header{padding:10px 12px;border-bottom:1px solid var(--border-color);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.docs-tree-state{padding:16px 12px;color:var(--text-secondary);font-size:12px}.docs-tree-list{overflow:auto;padding:8px 0}.docs-tree-folder,.docs-tree-file{width:100%;border:none;background:transparent;color:var(--text-primary);text-align:left;padding:6px 10px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px}.docs-tree-folder:hover,.docs-tree-file:hover{background:var(--bg-tertiary)}.docs-tree-folder.active{background:#3b82f61f;color:var(--info)}.docs-tree-folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-tree-chevron{width:14px;color:var(--text-secondary);transition:transform .15s ease}.docs-tree-chevron.expanded{transform:rotate(90deg)}.docs-tree-chevron.empty{opacity:.35}.docs-tree-file-dot{color:var(--text-secondary)}.docs-content{display:flex;flex-direction:column;gap:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;min-height:560px}.docs-table-wrap{overflow:auto}.docs-table th{white-space:nowrap}.docs-row{cursor:pointer}.docs-row:hover td{background:var(--bg-tertiary)}.docs-cell-title{font-weight:600;color:var(--text-primary)}.docs-cell-subtitle{margin-top:2px;font-size:11px;color:var(--text-secondary);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:520px}.docs-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 12px;font-size:12px;color:var(--text-secondary);margin-top:auto}.docs-modal{width:min(980px,96vw);max-width:min(980px,96vw)}.docs-small-modal{width:min(520px,96vw)}.docs-editor{min-height:420px;font-family:var(--font-mono);font-size:12px}.docs-line-editor{display:grid;grid-template-columns:56px 1fr;border:1px solid var(--border-color);border-radius:var(--radius-xs);overflow:hidden;background:var(--bg-primary)}.docs-line-gutter{background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow:hidden}.docs-line-gutter pre{margin:0;padding:10px 8px;min-height:100%;font-family:var(--font-mono);font-size:12px;line-height:1.45;text-align:right;color:var(--text-tertiary);-webkit-user-select:none;user-select:none;white-space:pre}.docs-line-editor .form-textarea{border:none;border-radius:0;margin:0;width:100%;height:100%}.modal.docs-viewer-modal{width:min(1520px,96vw)!important;max-width:min(1520px,96vw)!important;max-height:88vh;display:flex;flex-direction:column}.modal.docs-viewer-modal.docs-viewer-modal-edit{width:min(1460px,95vw)!important;max-width:min(1460px,95vw)!important;max-height:94vh}.modal.docs-viewer-modal.docs-viewer-modal-preview{width:min(1360px,92vw)!important;max-width:min(1360px,92vw)!important;max-height:82vh}.docs-viewer-modal .modal-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;max-height:none}.docs-viewer-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;padding:10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xs);font-size:11px;color:var(--text-secondary)}.docs-viewer-read{margin:0;min-height:0;max-height:none;flex:1;overflow:auto;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xs);padding:12px;color:var(--text-primary);white-space:pre-wrap;font-family:var(--font-mono);font-size:12px;line-height:1.45}.docs-viewer-render{min-height:0;max-height:none;flex:1;overflow:auto;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xs);padding:14px;color:var(--text-primary);font-size:14px;line-height:1.55}.docs-viewer-render h1,.docs-viewer-render h2,.docs-viewer-render h3,.docs-viewer-render h4,.docs-viewer-render h5,.docs-viewer-render h6{margin:16px 0 8px;line-height:1.3}.docs-viewer-render h1{font-size:26px}.docs-viewer-render h2{font-size:22px}.docs-viewer-render h3{font-size:18px}.docs-viewer-render p{margin:8px 0}.docs-viewer-render ul,.docs-viewer-render ol{margin:8px 0 8px 22px}.docs-viewer-render li{margin:4px 0}.docs-viewer-render blockquote{margin:10px 0;padding:8px 12px;border-left:3px solid var(--info);background:#3b82f614;color:var(--text-secondary)}.docs-viewer-render pre{margin:10px 0;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius-xs);background:var(--bg-secondary);overflow:auto}.docs-viewer-render code{font-family:var(--font-mono);font-size:12px}.docs-viewer-render a{color:var(--info);text-decoration:underline}.docs-viewer-render .docs-inline-image{display:block;max-width:100%;height:auto;border:1px solid var(--border-color);border-radius:var(--radius-xs);margin:10px 0;background:var(--bg-secondary)}.docs-viewer-render hr{border:none;border-top:1px solid var(--border-color);margin:12px 0}.docs-empty-preview{color:var(--text-secondary)}.docs-viewer-editor{min-height:0;max-height:none;flex:1;font-family:var(--font-mono);font-size:12px;line-height:1.45}.docs-viewer-modal.docs-viewer-modal-edit .docs-viewer-editor{min-height:62vh}.docs-viewer-modal.docs-viewer-modal-edit .docs-line-editor{min-height:62vh;flex:1}.docs-viewer-modal .modal-actions{flex-shrink:0;border-top:1px solid var(--border-color);background:var(--bg-primary)}.docs-image-upload-panel{margin:10px 0;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius-xs);background:var(--bg-secondary);display:grid;gap:8px}.docs-checkbox-group{display:flex;align-items:center}.docs-checkbox-group .checkbox-label{display:inline-flex;align-items:center;gap:8px;margin-top:18px}@media(max-width:1000px){.docs-layout{grid-template-columns:1fr;min-height:auto}.docs-tree{max-height:260px;min-height:220px}.docs-content{min-height:360px}.docs-cell-subtitle{max-width:240px}.docs-viewer-meta{grid-template-columns:1fr}}.my-notes-page{display:flex;flex-direction:column;gap:var(--space-lg)}.my-notes-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding-right:56px}.my-notes-header h1{margin-bottom:6px}.my-notes-header p{margin:0;color:var(--text-secondary)}.my-notes-error{padding:var(--space-md);border:1px solid var(--error);border-radius:var(--radius-sm);background:#c4746e14;color:var(--error)}.my-notes-create{display:flex;flex-direction:column;gap:var(--space-sm);background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-md)}.my-notes-create textarea,.my-note-card textarea{width:100%;resize:vertical;min-height:120px}.my-notes-create-actions,.my-note-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm)}.my-notes-create-actions small,.my-note-actions small{margin-right:auto;color:var(--text-tertiary);font-family:var(--font-mono);font-size:11px}.my-notes-empty{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);padding:var(--space-lg)}.my-notes-list{display:flex;flex-direction:column;gap:var(--space-md)}.my-note-card{background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.my-note-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--text-secondary);font-size:12px;font-family:var(--font-mono)}.my-note-actions .danger{color:var(--error)}.my-notes-warning{color:var(--warning);font-family:var(--font-mono);font-size:12px}@media(max-width:900px){.my-notes-header{flex-direction:column;padding-right:0}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:20px}:root{--bg-primary: rgb(14, 16, 20);--bg-secondary: rgb(22, 26, 34);--bg-tertiary: rgb(32, 38, 50);--bg-hover: rgb(38, 44, 56);--bg-active: rgb(45, 52, 67);--border-color: rgb(47, 55, 70);--border-hover: rgb(58, 74, 98);--border-active: rgb(74, 92, 120);--text-primary: rgb(232, 234, 238);--text-secondary: rgb(155, 160, 172);--text-tertiary: rgb(106, 112, 128);--text-muted-strong: rgb(188, 194, 208);--text-active: rgb(255, 255, 255);--text-link: rgb(127, 180, 202);--accent-primary: rgb(116, 186, 212);--accent-secondary: rgb(164, 196, 224);--accent-hover: rgb(92, 160, 188);--primary: var(--accent-primary);--success: rgb(122, 168, 116);--warning: rgb(216, 166, 87);--error: rgb(196, 116, 110);--info: rgb(126, 156, 216);--font-ui: "Space Grotesk", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Consolas", "Courier New", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--border-width: 1px;--border-width-thick: 2px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--panel-shadow: 0 10px 30px rgba(0, 0, 0, .25);--panel-shadow-soft: 0 6px 18px rgba(0, 0, 0, .2);--body-gradient: radial-gradient(circle at 20% 20%, rgba(60, 120, 160, .08), transparent 45%), radial-gradient(circle at 80% 0%, rgba(140, 200, 220, .07), transparent 40%), linear-gradient(180deg, rgba(10, 12, 16, .8) 0%, rgba(8, 10, 14, .9) 100%);--panel-header-gradient: linear-gradient(120deg, rgba(14, 18, 26, .85) 0%, rgba(24, 30, 40, .9) 100%);--overlay-bg: rgba(0, 0, 0, .7);--btn-contrast-text: rgb(11, 13, 18);--selection-bg: rgba(127, 180, 202, .3);--transition-fast: .05s ease;--transition-normal: .1s ease;--transition-slow: .2s ease;--z-base: 1;--z-overlay: 100;--z-modal: 1000;--z-command-palette: 2000;--z-toast: 3000}[data-theme=light]{--bg-primary: rgb(236, 242, 249);--bg-secondary: rgb(244, 248, 252);--bg-tertiary: rgb(226, 234, 244);--bg-hover: rgb(215, 226, 239);--bg-active: rgb(204, 217, 233);--border-width: 1.5px;--border-width-thick: 2.5px;--border-color: rgb(128, 147, 174);--border-hover: rgb(89, 117, 153);--border-active: rgb(55, 91, 136);--text-primary: rgb(26, 37, 56);--text-secondary: rgb(77, 92, 116);--text-tertiary: rgb(120, 134, 156);--text-muted-strong: rgb(56, 72, 96);--text-active: rgb(10, 12, 18);--text-link: rgb(44, 104, 176);--accent-primary: rgb(45, 111, 188);--accent-secondary: rgb(67, 127, 196);--accent-hover: rgb(34, 93, 165);--success: rgb(56, 132, 48);--warning: rgb(180, 120, 24);--error: rgb(180, 56, 48);--info: rgb(45, 111, 188);--panel-shadow: 0 8px 26px rgba(38, 67, 110, .1);--panel-shadow-soft: 0 3px 12px rgba(38, 67, 110, .08);--body-gradient: radial-gradient(circle at 14% 16%, rgba(45, 111, 188, .1), transparent 34%), radial-gradient(circle at 86% 2%, rgba(82, 150, 213, .09), transparent 30%), linear-gradient(180deg, rgba(244, 248, 252, .78) 0%, rgba(232, 239, 248, .92) 100%);--panel-header-gradient: linear-gradient(120deg, rgba(226, 234, 244, .94) 0%, rgba(244, 248, 252, .98) 100%);--overlay-bg: rgba(28, 32, 42, .4);--btn-contrast-text: rgb(248, 251, 255);--selection-bg: rgba(45, 111, 188, .22)}html.theme-transition,html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}body{margin:0;font-family:var(--font-ui);font-size:1rem;line-height:1.55;color:var(--text-primary);background-color:var(--bg-primary);background-image:var(--body-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh;overflow:hidden}html,body{width:100%;overflow-x:hidden}h1{font-size:clamp(1.4rem,1.6vw + 1rem,2.2rem);line-height:1.2}h2{font-size:clamp(1.2rem,1.2vw + .9rem,1.8rem);line-height:1.3}h3{font-size:clamp(1.05rem,.9vw + .8rem,1.4rem);line-height:1.3}button{font-family:var(--font-ui);font-size:1rem;font-weight:500;padding:10px 20px;background-color:var(--bg-secondary);color:var(--text-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-normal);outline:none;position:relative}button:hover{background-color:var(--bg-hover);border-color:var(--border-hover);color:var(--text-active)}button:active{background-color:var(--bg-active)}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}button.primary{background-color:var(--accent-primary);color:var(--btn-contrast-text);border-color:var(--accent-primary);font-weight:600}button.primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}button.danger{background-color:transparent;color:var(--error);border-color:var(--error)}button.danger:hover{background-color:var(--error);color:var(--btn-contrast-text)}input,textarea,select{font-family:var(--font-ui);font-size:1rem;padding:10px;background-color:var(--bg-secondary);color:var(--text-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-xs);outline:none;transition:all var(--transition-normal)}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}input::placeholder,textarea::placeholder{color:var(--text-tertiary);font-style:italic}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}.panel{background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);position:relative;overflow:hidden;box-shadow:var(--panel-shadow-soft)}.panel:hover{border-color:var(--border-hover)}.panel-header{padding:var(--space-md) var(--space-lg);background:var(--panel-header-gradient);border-bottom:var(--border-width) solid var(--border-color);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-family:var(--font-mono)}.panel-body{padding:var(--space-lg)}.panel.active{border-color:var(--accent-primary)}.label{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}a{color:var(--text-link);text-decoration:none;transition:color .15s ease}a:hover{color:var(--text-active);text-decoration:underline}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background-color:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--border-color) 0%,var(--accent-primary) 100%);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background-color:var(--selection-bg);color:var(--text-active)}.grid{display:grid;gap:var(--space-lg)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.page-container{padding:24px 40px;width:100%;max-width:100%;margin:0}.page-header{margin-bottom:var(--space-2xl)}.page-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.page-header-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}[data-notification-slot]{width:42px;height:42px;min-width:42px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px}.page-header h1{font-size:26px;font-weight:600;margin:0 0 var(--space-sm) 0;color:var(--text-primary)}.page-subtitle{font-size:15px;color:var(--text-muted-strong);font-weight:500;margin:0}.toolbar{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--panel-shadow-soft);flex-wrap:wrap}.toolbar-stats{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-lg);padding:0 var(--space-xs)}.search-input{flex:1;min-width:240px;padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:13px;color:var(--text-primary)}.search-input:focus{outline:none;border-color:var(--accent-primary)}.filter-select{padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:12px;color:var(--text-primary);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--accent-primary)}.btn-primary{padding:var(--space-sm) var(--space-lg);background:var(--accent-primary);border:none;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--bg-primary);cursor:pointer;transition:opacity var(--transition-normal);white-space:nowrap}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{padding:var(--space-sm) var(--space-lg);background:var(--bg-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:12px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal)}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary.danger{color:var(--error);border-color:var(--error)}.btn-secondary.danger:hover{background:var(--error);color:var(--btn-contrast-text)}.btn-danger{padding:var(--space-sm) var(--space-lg);background:transparent;border:var(--border-width) solid var(--error);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:12px;color:var(--error);cursor:pointer;transition:all var(--transition-normal)}.btn-danger:hover{background:var(--error);color:var(--btn-contrast-text)}.btn-close{width:24px;height:24px;padding:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:20px;line-height:1;transition:color var(--transition-normal)}.btn-close:hover{color:var(--text-primary)}.table-container{background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--panel-shadow);overflow-x:auto}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal{background:var(--bg-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--panel-shadow);width:90%;max-width:680px;max-height:80vh;overflow:auto}.modal.modal-large{max-width:860px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:var(--border-width) solid var(--border-color)}.modal-header h2{font-size:17px;font-weight:600;margin:0;color:var(--text-primary)}.modal-body{padding:var(--space-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:var(--border-width) solid var(--border-color)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;font-size:12px;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-sm);letter-spacing:.5px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg);margin-bottom:var(--space-lg)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-xs);font-size:13px;color:var(--text-primary);font-family:var(--font-ui)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary)}input[type=date],input[type=datetime-local],input[type=time],input[type=month]{color-scheme:dark}input[type=date],input[type=datetime-local],input[type=month]{padding-right:2.2rem}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;filter:brightness(0) invert(1)!important;transform:scale(1.05)}[data-theme=light] input[type=date],[data-theme=light] input[type=datetime-local],[data-theme=light] input[type=time],[data-theme=light] input[type=month]{color-scheme:light}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=light] input[type=datetime-local]::-webkit-calendar-picker-indicator,[data-theme=light] input[type=month]::-webkit-calendar-picker-indicator,[data-theme=light] input[type=time]::-webkit-calendar-picker-indicator{filter:brightness(0) invert(0)!important}.form-textarea{min-height:120px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl)}.action-buttons{display:flex;gap:4px;align-items:center}.row-actions{display:flex;gap:var(--space-sm)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);margin-top:var(--space-xl);padding:var(--space-lg)}.page-info{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-secondary);font-style:italic}.empty-state-panel{background:var(--bg-secondary);border:var(--border-width) solid var(--border-color);padding:var(--space-3xl);text-align:center;display:flex;flex-direction:column;gap:var(--space-lg);align-items:center}.empty-state-text{font-size:17px;color:var(--text-secondary);font-style:italic}.error{color:var(--error);padding:var(--space-lg)}.filter-row{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg);align-items:center}.filter-row .form-input,.filter-row .form-select{width:auto;min-width:180px;flex:0 0 auto}.filter-row .form-input:first-child{min-width:320px;flex:1 1 320px}@media(max-width:768px){.filter-row .form-input,.filter-row .form-select{width:100%;min-width:0;flex:1 1 100%}}.summary-strip{background:var(--bg-tertiary);border:var(--border-width) solid var(--border-color);padding:10px var(--space-lg);margin-bottom:var(--space-lg);font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.inline-toggle{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--text-secondary)}.inline-toggle input[type=checkbox]{width:16px;min-width:16px;height:16px;padding:0;margin:0;border:1px solid var(--border-color);border-radius:2px;background:var(--bg-primary);appearance:auto;-webkit-appearance:checkbox;accent-color:var(--accent-primary);flex:0 0 16px}.entry-title{font-weight:500;margin-bottom:4px}.entry-subtitle{font-size:12px;color:var(--text-secondary)}.last-saved{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.saved-by{font-size:11px;color:var(--text-tertiary);margin-top:2px}.text-right{text-align:right;font-family:var(--font-mono)}.row-deleted{opacity:.6}.btn-action{width:24px;height:24px;padding:0;background:var(--bg-primary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-xs);cursor:pointer;font-size:14px;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.btn-action:hover{border-color:var(--accent-primary)}.btn-edit{color:var(--text-secondary)}.btn-edit:hover{color:var(--accent-primary)}.btn-delete{color:var(--text-secondary)}.btn-delete:hover{color:var(--error);border-color:var(--error)}.btn-restore{color:var(--text-secondary)}.btn-restore:hover{color:var(--success);border-color:var(--success)}.checkbox-group label{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--text-primary);text-transform:none;cursor:pointer}.checkbox-group input[type=checkbox]{cursor:pointer}body .support-table,body .crm-table,body .invoices-table,body .modules-table,body .tasks-table,body .problem-solutions-table,body .matrix-table,body .audit-table,body .docs-table{font-size:13px}body .support-table th,body .crm-table th,body .invoices-table th,body .modules-table th,body .tasks-table th,body .problem-solutions-table th,body .matrix-table th,body .audit-table th,body .docs-table th{font-size:11px}body .support-table td,body .crm-table td,body .invoices-table td,body .modules-table td,body .tasks-table td,body .problem-solutions-table td,body .matrix-table td,body .audit-table td,body .docs-table td{font-size:13px}@media(max-width:480px){html{font-size:18px}button,input,textarea,select{min-height:44px}input,textarea,select{width:100%}.toolbar{flex-direction:column;align-items:stretch}.page-container{padding:12px 10px}.page-header{margin-bottom:var(--space-lg)}.page-header h1{font-size:18px}.page-header-row{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.btn-action{width:36px;height:36px}.filter-row .form-input:first-child{min-width:0;flex:1 1 100%}}@media(max-width:900px){.page-container{padding:16px 12px}.panel-body{padding:var(--space-md)}.modal{width:94vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-body{overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-header{position:sticky;top:0;background:var(--bg-primary);z-index:1}.modal-footer{position:sticky;bottom:0;background:var(--bg-primary);z-index:1}.form-row,.drawer-grid{grid-template-columns:1fr!important}}@media(min-width:1400px){.page-container{padding:32px 56px}}.drawer-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;justify-content:flex-end;z-index:var(--z-modal)}.drawer{width:min(540px,90vw);height:100vh;background:var(--bg-primary);border-left:1px solid var(--border-color);display:flex;flex-direction:column}@media(max-width:900px){.drawer-overlay{align-items:flex-end}.drawer{width:100%;height:90vh;border-left:none;border-top:1px solid var(--border-color)}}