@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&family=Noto+Sans+Khmer:wght@400;500;600;700&family=Noto+Sans+Myanmar:wght@400;500;600;700&family=Noto+Sans+Lao:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";._overlay_tgb8f_6{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:_fadeIn_tgb8f_1 .15s ease-out}@keyframes _fadeIn_tgb8f_1{0%{opacity:0}to{opacity:1}}._palette_tgb8f_29{width:100%;max-width:600px;background:linear-gradient(180deg,#111b2e,#0e1626);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 24px 48px #0006,0 0 0 1px #ffffff0d inset;overflow:hidden;animation:_slideUp_tgb8f_1 .2s ease-out}@keyframes _slideUp_tgb8f_1{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}._searchWrapper_tgb8f_55{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}._searchIcon_tgb8f_63{color:#fff6;flex-shrink:0}._searchInput_tgb8f_68{flex:1;background:transparent;border:none;outline:none;font-size:16px;color:#fff;font-family:inherit}._searchInput_tgb8f_68::placeholder{color:#fff6}._shortcut_tgb8f_82{display:flex;gap:4px}._shortcut_tgb8f_82 kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:2px 6px;font-size:11px;color:#ffffff80;font-family:inherit}._closeButton_tgb8f_97{background:transparent;border:none;color:#fff6;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}._closeButton_tgb8f_97:hover{background:#ffffff1a;color:#fff}._results_tgb8f_116{max-height:400px;overflow-y:auto;padding:8px}._noResults_tgb8f_122{padding:32px 16px;text-align:center;color:#fff6;font-size:14px}._group_tgb8f_129{margin-bottom:8px}._groupLabel_tgb8f_133{padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff6}._resultItem_tgb8f_142{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:all .1s}._resultItem_tgb8f_142:hover,._resultItem_tgb8f_142._selected_tgb8f_157{background:#d4af371a}._resultItem_tgb8f_142._selected_tgb8f_157{background:#d4af3726}._itemIcon_tgb8f_165{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border-radius:8px;color:#d4af37;flex-shrink:0}._resultItem_tgb8f_142._selected_tgb8f_157 ._itemIcon_tgb8f_165{background:#d4af3733}._itemLabel_tgb8f_181{flex:1;font-size:14px;color:#fff;font-weight:500}._itemDesc_tgb8f_188{font-size:12px;color:#fff6}._itemArrow_tgb8f_193{color:#fff3;flex-shrink:0;transition:transform .1s}._resultItem_tgb8f_142._selected_tgb8f_157 ._itemArrow_tgb8f_193{transform:translate(2px);color:#d4af37}._footer_tgb8f_205{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid rgba(255,255,255,.06);background:#0003}._footerHint_tgb8f_214{display:flex;align-items:center;gap:8px;font-size:12px;color:#fff6}._footerHint_tgb8f_214 kbd{background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:2px 6px;font-size:11px;font-family:inherit}._footerDivider_tgb8f_231{color:#fff3}._footerBrand_tgb8f_235{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffff4d}._results_tgb8f_116::-webkit-scrollbar{width:6px}._results_tgb8f_116::-webkit-scrollbar-track{background:transparent}._results_tgb8f_116::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}._results_tgb8f_116::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:640px){._overlay_tgb8f_6{padding-top:10vh;padding-left:16px;padding-right:16px}._palette_tgb8f_29{border-radius:12px}._footer_tgb8f_205{flex-direction:column;gap:8px}._footerHint_tgb8f_214{flex-wrap:wrap;justify-content:center}}.input-container{display:flex;flex-direction:column;gap:var(--spacing-1)}.input-container--full-width{width:100%}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-1)}.input-label--required{color:var(--danger-500)}.input-wrapper{display:flex;align-items:center;position:relative;border-radius:var(--radius-md);background:var(--surface-default);border:1px solid var(--border-default);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.input-wrapper:hover:not(.input-wrapper--disabled){border-color:var(--border-hover)}.input-wrapper:focus-within:not(.input-wrapper--disabled){border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.input-wrapper--filled{background:var(--surface-raised);border-color:transparent}.input-wrapper--filled:focus-within{background:var(--surface-default);border-color:var(--primary-500)}.input-wrapper--outline{background:transparent}.input-wrapper--ghost{background:transparent;border-color:transparent}.input-wrapper--ghost:hover:not(.input-wrapper--disabled){background:var(--surface-raised)}.input-wrapper--sm{height:32px;padding:0 var(--spacing-2)}.input-wrapper--md{height:40px;padding:0 var(--spacing-3)}.input-wrapper--lg{height:48px;padding:0 var(--spacing-4)}.input-wrapper--error{border-color:var(--danger-500)}.input-wrapper--error:focus-within{border-color:var(--danger-500);box-shadow:0 0 0 3px var(--danger-100)}.input-wrapper--disabled{background:var(--surface-muted);border-color:var(--border-default);cursor:not-allowed;opacity:.6}.input-wrapper--has-left-icon{padding-left:var(--spacing-2)}.input-wrapper--has-right-icon{padding-right:var(--spacing-2)}.input{flex:1;width:100%;height:100%;border:none;background:transparent;font-size:var(--font-size-base);color:var(--text-primary);outline:none}.input::placeholder{color:var(--text-muted)}.input:disabled{cursor:not-allowed}.input-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.input-icon--left{margin-right:var(--spacing-2)}.input-icon--right{margin-left:var(--spacing-2)}.input-wrapper:focus-within .input-icon{color:var(--primary-500)}.input-error{font-size:var(--font-size-sm);color:var(--danger-500);display:flex;align-items:center;gap:var(--spacing-1)}.input-helper{font-size:var(--font-size-sm);color:var(--text-muted)}.textarea{width:100%;min-height:100px;padding:var(--spacing-3);border-radius:var(--radius-md);background:var(--surface-default);border:1px solid var(--border-default);font-size:var(--font-size-base);color:var(--text-primary);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.textarea:hover:not(:disabled){border-color:var(--border-hover)}.textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.textarea::placeholder{color:var(--text-muted)}.textarea--error{border-color:var(--danger-500)}.textarea--error:focus{box-shadow:0 0 0 3px var(--danger-100)}.textarea--disabled{background:var(--surface-muted);cursor:not-allowed;opacity:.6}.alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:1px solid transparent;animation:fadeIn var(--duration-normal) var(--ease-out)}.alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.alert__content{flex:1;min-width:0}.alert__title{display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.alert__message{font-size:var(--font-size-sm);line-height:1.5}.alert__dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;opacity:.7;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.alert__dismiss:hover{opacity:1;background:#0000001a}.alert__dismiss:focus-visible{outline:2px solid currentColor;outline-offset:2px}.alert--info{background:var(--info-50);border-color:var(--info-200);color:var(--info-800)}.alert--info .alert__icon{color:var(--info-500)}.alert--success{background:var(--success-50);border-color:var(--success-200);color:var(--success-800)}.alert--success .alert__icon{color:var(--success-500)}.alert--warning{background:var(--warning-50);border-color:var(--warning-200);color:var(--warning-800)}.alert--warning .alert__icon{color:var(--warning-500)}.alert--danger{background:var(--danger-50);border-color:var(--danger-200);color:var(--danger-800)}.alert--danger .alert__icon{color:var(--danger-500)}.alert--neutral{background:var(--surface-raised);border-color:var(--border-default);color:var(--text-primary)}.alert--neutral .alert__icon{color:var(--text-secondary)}.inline-alert{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}.inline-alert--info{background:var(--info-100);color:var(--info-700)}.inline-alert--success{background:var(--success-100);color:var(--success-700)}.inline-alert--warning{background:var(--warning-100);color:var(--warning-700)}.inline-alert--danger{background:var(--danger-100);color:var(--danger-700)}.inline-alert--neutral{background:var(--surface-muted);color:var(--text-secondary)}.toast-alert{box-shadow:var(--shadow-lg);animation:slideInRight var(--duration-normal) var(--ease-out)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[data-theme=dark] .alert--info{background:#3b82f626;border-color:#3b82f64d;color:var(--info-300)}[data-theme=dark] .alert--success{background:#22c55e26;border-color:#22c55e4d;color:var(--success-300)}[data-theme=dark] .alert--warning{background:#f59e0b26;border-color:#f59e0b4d;color:var(--warning-300)}[data-theme=dark] .alert--danger{background:#ef444426;border-color:#ef44444d;color:var(--danger-300)}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--duration-fast) var(--ease-out)}.modal{position:relative;display:flex;flex-direction:column;width:100%;max-height:calc(100vh - var(--spacing-8));background:var(--surface-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:scaleIn var(--duration-normal) var(--ease-out)}.modal--sm{max-width:400px}.modal--md{max-width:560px}.modal--lg{max-width:720px}.modal--xl{max-width:960px}.modal--full{max-width:calc(100vw - var(--spacing-8));max-height:calc(100vh - var(--spacing-8))}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-default)}.modal__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.modal__close:hover{background:var(--surface-raised);color:var(--text-primary)}.modal__close:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.modal__body{flex:1;overflow-y:auto;padding:var(--spacing-5)}.modal__message{margin:0;font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--border-default)}.modal__actions{display:flex;gap:var(--spacing-2)}.modal .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast)}.modal .btn--primary{background:var(--primary-500);color:#fff}.modal .btn--primary:hover{background:var(--primary-600)}.modal .btn--secondary{background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-default)}.modal .btn--secondary:hover{background:var(--surface-muted)}.modal .btn--danger{background:var(--danger-500);color:#fff}.modal .btn--danger:hover{background:var(--danger-600)}@media(max-width:640px){.modal-overlay{padding:var(--spacing-2);align-items:flex-end}.modal{max-height:90vh;border-bottom-left-radius:0;border-bottom-right-radius:0;animation:slideInUp var(--duration-normal) var(--ease-out)}.modal--sm,.modal--md,.modal--lg,.modal--xl{max-width:100%}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal{animation:none}}.widget{display:flex;flex-direction:column;height:100%;border-radius:var(--radius-lg, 20px);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.widget--card{background:var(--surface-default, #FFFFFF);border:1px solid var(--border-default, #D4D4D8);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.widget--glass{background:var(--surface-overlay, rgba(255, 255, 255, .8));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light, #E4E4E7);box-shadow:var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, .1))}.widget--minimal{background:transparent;border:1px dashed var(--border-default, #D4D4D8)}.widget--editable{cursor:grab}.widget--editable:active{cursor:grabbing}.widget--selected{border-color:var(--color-secondary, #F97316)!important;box-shadow:0 0 0 2px var(--color-secondary, #F97316),0 8px 32px #f973164d;transform:scale(1.02)}.widget--locked{opacity:.7;cursor:not-allowed!important}.widget--locked .widget__header{background:var(--surface-hover, rgba(100, 100, 100, .1))}.widget__header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--surface-hover, #F4F4F5);border-bottom:1px solid var(--border-light, #E4E4E7)}.widget__drag-handle{display:flex;align-items:center;padding:4px;color:var(--text-tertiary, #71717A);cursor:grab;border-radius:4px;transition:all .2s}.widget__drag-handle:hover{color:var(--color-secondary, #F97316);background:var(--surface-active, #E4E4E7)}.widget__title{flex:1;font-size:13px;font-weight:600;color:var(--text-primary, #18181B);margin:0;display:flex;align-items:center;gap:6px}.widget__title-edit-btn{display:none;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary, #71717A);cursor:pointer;transition:all .2s}.widget--editable .widget__title-edit-btn{display:flex}.widget__title-edit-btn:hover{background:var(--surface-active, #E4E4E7);color:var(--color-secondary, #F97316)}.widget__title-input{flex:1;padding:4px 8px;background:var(--bg-primary, #F4F4F5);border:1px solid var(--color-secondary, #F97316);border-radius:4px;color:var(--text-primary, #18181B);font-size:13px;font-weight:600;outline:none}.widget__title-input:focus{box-shadow:0 0 0 2px #f973164d}.widget__region{font-size:10px;color:var(--text-tertiary, #71717A);font-family:var(--font-mono, "SF Mono", monospace)}.widget__controls{display:flex;gap:4px;margin-left:auto}.widget__control-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--surface-hover, #F4F4F5);border:none;border-radius:6px;color:var(--text-secondary, #52525B);cursor:pointer;transition:all .2s}.widget__control-btn:hover{background:var(--surface-active, #E4E4E7);color:var(--text-primary, #18181B)}.widget__control-btn--danger{background:#ef44441a;color:var(--color-danger, #EF4444)}.widget__control-btn--danger:hover{background:#ef444433;color:#fff}.widget__content{flex:1;padding:16px;overflow:auto;background:var(--surface-default, #FFFFFF);color:var(--text-primary, #18181B)}.widget__placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary, #71717A);font-size:14px}.widget__resize-indicator{position:absolute;right:8px;bottom:8px;width:16px;height:16px;background:linear-gradient(135deg,transparent 50%,var(--color-secondary, #F97316) 50%);border-radius:2px;opacity:.6;pointer-events:none}.widget-edit-controls{display:flex;align-items:center;gap:8px}.widget-edit-controls__btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--surface-hover, #F4F4F5);border:1px solid var(--border-default, #D4D4D8);border-radius:8px;color:var(--text-primary, #18181B);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.widget-edit-controls__btn:hover{background:var(--surface-active, #E4E4E7)}.widget-edit-controls__btn.active{background:var(--color-secondary, #F97316);color:#fff;border-color:var(--color-secondary, #F97316)}.widget-edit-controls__btn--danger{background:#ef44441a;color:var(--color-danger, #EF4444)}.widget-edit-controls__btn--danger:hover{background:#ef444433}.widget-edit-controls__hidden{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid var(--border-default, #D4D4D8);font-size:11px;color:var(--text-tertiary, #71717A)}.widget-edit-controls__show-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#22c55e1a;border:none;border-radius:4px;color:var(--color-success, #22C55E);font-size:10px;cursor:pointer;transition:all .2s}.widget-edit-controls__show-btn:hover{background:#22c55e33}[data-theme=dark] .widget--card{background:var(--surface-default, #292524);border-color:var(--border-default, #57534E)}[data-theme=dark] .widget--glass{background:#292524e6;border-color:var(--border-light, #78716C)}[data-theme=dark] .widget__header{background:var(--surface-raised, #3D3835)}[data-theme=dark] .widget__content{background:var(--surface-default, #292524)}[data-theme=dark] .widget__control-btn{background:var(--surface-raised, #3D3835)}[data-theme=dark] .widget-edit-controls__btn{background:var(--surface-raised, #3D3835);border-color:var(--border-default, #57534E)}@keyframes widget-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-.5deg)}75%{transform:rotate(.5deg)}}.widget--editable{animation:widget-shake .6s ease-in-out infinite}.widget--editable:hover,.widget--selected{animation:none}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.widget-grid{position:relative;width:100%;min-height:min-content;box-sizing:border-box}.widget-grid__toolbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.widget-grid__add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent-gold, #d4a84b);border:none;border-radius:8px;color:#000;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.widget-grid__add-btn:hover{background:#e4b85b;transform:translateY(-1px);box-shadow:0 4px 12px #d4a84b4d}.widget-grid__layout{min-height:100%}.widget-grid__layout>div{animation:widgetFadeIn .2s ease-out}@keyframes widgetFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.react-grid-item{transition:all .2s ease}.react-grid-item.react-grid-placeholder{background:var(--accent-gold, #d4a84b)!important;opacity:.2;border-radius:20px}.react-grid-item.resizing{z-index:100;opacity:.9}.react-grid-item.react-draggable-dragging{z-index:100;opacity:.9;box-shadow:0 20px 60px #0006}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;background:transparent}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:6px;bottom:6px;width:10px;height:10px;border-right:2px solid var(--accent-gold, #d4a84b);border-bottom:2px solid var(--accent-gold, #d4a84b);opacity:.6}.react-grid-item:hover>.react-resizable-handle:after{opacity:1}.widget-grid__edit-overlay{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 24px;background:#d4a84bf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;color:#000!important;font-size:13px;font-weight:600;z-index:1001;box-shadow:0 8px 32px #d4a84b66}.widget-grid__edit-overlay span{color:#000!important}.widget-grid__edit-hint{font-size:11px;font-weight:400;opacity:.8;color:#1a1a1a!important}.widget-grid--edit-mode{background-image:linear-gradient(rgba(212,168,75,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(212,168,75,.05) 1px,transparent 1px);background-size:80px 80px}@media(max-width:768px){.widget-grid__layout{display:flex!important;flex-direction:column!important;gap:12px}.react-grid-item{position:relative!important;transform:none!important;width:100%!important;left:0!important;top:auto!important;height:auto!important;min-height:200px}.react-grid-item>div{height:100%;min-height:200px}}@media(max-width:480px){.widget-grid__toolbar{flex-wrap:wrap;gap:8px}.widget-grid__add-btn{padding:6px 12px;font-size:12px}.react-grid-item{min-height:180px}.widget-grid__edit-overlay{padding:8px 16px;font-size:12px}}.widget-picker-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.widget-picker{width:90%;max-width:700px;max-height:80vh;background:#1e293bfa;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.widget-picker__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.widget-picker__header h2{font-size:18px;color:#e8eaed;margin:0}.widget-picker__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s}.widget-picker__close:hover{background:#fff3;color:#fff}.widget-picker__search{padding:12px 20px}.widget-picker__search input{width:100%;padding:12px 16px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e8eaed;font-size:14px}.widget-picker__search input:focus{outline:none;border-color:var(--accent-gold, #d4a84b)}.widget-picker__search input::placeholder{color:#fff6}.widget-picker__tabs{display:flex;gap:8px;padding:0 20px 12px;overflow-x:auto}.widget-picker__tabs .tab{flex-shrink:0;padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#fff9;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}.widget-picker__tabs .tab:hover{background:#ffffff1a}.widget-picker__tabs .tab.active{background:var(--accent-gold, #d4a84b);border-color:var(--accent-gold, #d4a84b);color:#000;font-weight:600}.widget-picker__grid{flex:1;padding:12px 20px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.widget-picker__empty{grid-column:1 / -1;text-align:center;padding:40px;color:#fff6}.widget-picker__card{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s}.widget-picker__card:hover{background:#d4a84b1a;border-color:var(--accent-gold, #d4a84b);transform:translateY(-2px)}.card-icon{font-size:28px;flex-shrink:0}.card-info{flex:1;min-width:0}.card-info h4{font-size:14px;color:#e8eaed;margin:0 0 4px}.card-info p{font-size:11px;color:#ffffff80;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-size{display:inline-block;margin-top:4px;padding:2px 6px;background:#ffffff1a;border-radius:4px;font-size:10px;color:#ffffff80}.card-add{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#d4a84b33;border-radius:50%;color:var(--accent-gold, #d4a84b);opacity:0;transition:opacity .2s}.widget-picker__card:hover .card-add{opacity:1}.widget-picker__footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.widget-picker__footer span{font-size:12px;color:#fff6}.sidebar-settings__overlay{position:fixed;inset:0;background:#0009;z-index:400}.sidebar-settings{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-width:95vw;max-height:85vh;background:var(--layout-bg, #0b111b);border:1px solid var(--accent-gold, #d4a84b);border-radius:16px;box-shadow:0 20px 60px #00000080;z-index:401;display:flex;flex-direction:column;overflow:hidden}.sidebar-settings__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-settings__header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #e8eaed)}.sidebar-settings__close{background:transparent;border:none;color:var(--text-secondary, #9aa0a6);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.sidebar-settings__close:hover{background:#ffffff1a;color:var(--text-primary, #e8eaed)}.sidebar-settings__content{flex:1;overflow-y:auto;padding:16px 20px}.sidebar-settings__hint{margin:0 0 16px;font-size:12px;color:var(--text-muted, #5f6368)}.sidebar-settings__groups{display:flex;flex-direction:column;gap:20px}.sidebar-settings__group{display:flex;flex-direction:column}.sidebar-settings__group-header{display:flex;align-items:center;gap:8px;padding:8px 4px;color:var(--accent-gold, #d4a84b);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(212,168,75,.2);margin-bottom:8px}.sidebar-settings__group-count{margin-left:auto;font-size:11px;font-weight:500;color:var(--text-muted, #5f6368);background:#ffffff0d;padding:2px 8px;border-radius:10px}.sidebar-settings__list{display:flex;flex-direction:column;gap:6px}.sidebar-settings__item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:grab;transition:all .2s}.sidebar-settings__item:hover{background:#ffffff0f;border-color:#ffffff1a}.sidebar-settings__item.dragging{opacity:.5;cursor:grabbing}.sidebar-settings__item.drag-over{border-color:var(--accent-gold, #d4a84b);background:#d4a84b1a}.sidebar-settings__drag-handle{color:var(--text-muted, #5f6368);cursor:grab;flex-shrink:0}.sidebar-settings__icon{color:var(--accent-gold, #d4a84b);display:flex;align-items:center;flex-shrink:0}.sidebar-settings__label{flex:1;font-size:13px;color:var(--text-primary, #e8eaed);cursor:text;padding:4px 6px;border-radius:4px;transition:background .2s;min-width:80px}.sidebar-settings__label:hover{background:#ffffff14}.sidebar-settings__path{font-size:11px;color:var(--text-muted, #5f6368);font-family:monospace;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-settings__input{flex:1;font-size:13px;color:var(--text-primary, #e8eaed);background:#0000004d;border:1px solid var(--accent-gold, #d4a84b);border-radius:4px;padding:4px 6px;outline:none;min-width:80px}.sidebar-settings__visibility{background:transparent;border:none;color:var(--text-muted, #5f6368);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;flex-shrink:0}.sidebar-settings__visibility:hover{background:#ffffff1a;color:var(--text-primary, #e8eaed)}.sidebar-settings__level-wrapper{position:relative;flex-shrink:0}.sidebar-settings__level-btn{display:flex;align-items:center;gap:4px;background:#d4a84b1a;border:1px solid rgba(212,168,75,.3);color:var(--accent-gold, #d4a84b);font-size:11px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s}.sidebar-settings__level-btn:hover{background:#d4a84b33;border-color:var(--accent-gold, #d4a84b)}.sidebar-settings__level-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--layout-bg, #0b111b);border:1px solid var(--accent-gold, #d4a84b);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:500;overflow:hidden;min-width:140px}.sidebar-settings__level-option{display:block;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-secondary, #9aa0a6);font-size:12px;text-align:left;cursor:pointer;transition:all .15s}.sidebar-settings__level-option:hover{background:#ffffff0d;color:var(--text-primary, #e8eaed)}.sidebar-settings__level-option.active{background:#d4a84b26;color:var(--accent-gold, #d4a84b);font-weight:500}.sidebar-settings__footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-settings__reset{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary, #9aa0a6);font-size:13px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.sidebar-settings__reset:hover{background:#ffffff0d;color:var(--text-primary, #e8eaed)}.sidebar-settings__done{display:flex;align-items:center;gap:6px;background:var(--accent-gold, #d4a84b);border:none;color:#0b111b;font-size:13px;font-weight:500;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s}.sidebar-settings__done:hover{filter:brightness(1.1)}._indicator_1q0no_5{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:20px;font-size:12px;color:#10b981;cursor:default;transition:all .15s;-webkit-user-select:none;user-select:none}._indicator_1q0no_5._offline_1q0no_20{background:#6b72801a;border-color:#6b728033;color:#6b7280}._indicator_1q0no_5._pending_1q0no_26{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b;cursor:pointer}._indicator_1q0no_5._pending_1q0no_26:hover{background:#f59e0b26}._text_1q0no_37{font-weight:500}._onlineIcon_1q0no_41{color:#10b981}._offlineIcon_1q0no_45{color:#6b7280}._syncingIcon_1q0no_49{color:#3b82f6;animation:_spin_1q0no_1 1s linear infinite}._pendingIcon_1q0no_54{color:#f59e0b}._badge_1q0no_58{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:#f59e0b;border-radius:9px;font-size:10px;font-weight:600;color:#fff}@keyframes _spin_1q0no_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){._text_1q0no_37{display:none}._indicator_1q0no_5{padding:6px 8px}}._breadcrumb_zezb8_5{padding:8px 0}._list_zezb8_9{display:flex;align-items:center;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}._item_zezb8_19{display:flex;align-items:center;gap:4px}._link_zezb8_25{display:flex;align-items:center;gap:4px;color:#fff9;text-decoration:none;font-size:13px;padding:4px 8px;border-radius:4px;transition:all .15s}._link_zezb8_25:hover{color:#d4af37;background:#d4af371a}._homeText_zezb8_42{display:none}@media(min-width:640px){._homeText_zezb8_42{display:inline}}._separator_zezb8_52{color:#ffffff4d;flex-shrink:0}._current_zezb8_57{color:#ffffffe6;font-size:13px;font-weight:500;padding:4px 8px}@media(max-width:480px){._list_zezb8_9{gap:2px}._link_zezb8_25,._current_zezb8_57{font-size:12px;padding:2px 4px}}.language-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s ease}.language-toggle:hover{background:var(--bg-hover, #f1f5f9);transform:scale(1.05)}.language-toggle__flag{font-size:1.25rem}.language-selector{position:relative;display:inline-block}.language-selector__trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;font-size:.875rem;color:var(--text-primary, #1e293b);transition:all .2s ease}.language-selector__trigger:hover{background:var(--bg-hover, #f1f5f9)}.language-selector__flag{font-size:1rem}.language-selector__name{font-weight:500}.language-selector__arrow{font-size:.625rem;color:var(--text-muted, #64748b)}.language-selector__menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:180px;max-height:400px;overflow-y:auto;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;box-shadow:0 10px 15px #0000001a;z-index:1000;animation:slideDown .2s ease}.language-selector__menu::-webkit-scrollbar{width:6px}.language-selector__menu::-webkit-scrollbar-track{background:transparent}.language-selector__menu::-webkit-scrollbar-thumb{background:#8080804d;border-radius:3px}.language-selector__menu::-webkit-scrollbar-thumb:hover{background:#80808080}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-selector__option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;cursor:pointer;font-size:.875rem;color:var(--text-secondary, #64748b);transition:all .15s ease}.language-selector__option:hover{background:var(--bg-hover, #f1f5f9);color:var(--text-primary, #1e293b)}.language-selector__option--active{background:var(--primary-light, rgba(59, 130, 246, .1));color:var(--primary-color, #3b82f6)}.language-selector__option-flag{font-size:1rem}.language-selector__option-name{flex:1;text-align:left}.language-selector__check{color:var(--primary-color, #3b82f6)}.dark .language-toggle{border-color:var(--border-color)}.dark .language-toggle:hover{background:var(--bg-hover)}.dark .language-selector__trigger{border-color:var(--border-color);color:var(--text-primary)}.dark .language-selector__menu{background:var(--bg-card);border-color:var(--border-color)}.dark .language-selector__option:hover{background:var(--bg-hover)}.mobile-fab-sos{display:none;position:fixed;bottom:calc(var(--mobile-bottom-height, 72px) + var(--space-4));right:var(--space-4);width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-danger) 0%,#dc2626 100%);color:#fff;box-shadow:0 4px 20px var(--color-danger-bg);z-index:110;align-items:center;justify-content:center;animation:pulse-sos 2s ease-in-out infinite;text-decoration:none;transition:all var(--transition-fast)}@keyframes pulse-sos{0%,to{box-shadow:0 4px 20px var(--color-danger-bg);transform:scale(1)}50%{box-shadow:0 4px 30px #dc262699;transform:scale(1.05)}}.mobile-fab-sos:hover,.mobile-fab-sos:active{background:linear-gradient(135deg,#f87171 0%,var(--color-danger) 100%);transform:scale(1.1)}.mobile-bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;height:var(--mobile-bottom-height, 72px);background:var(--surface-card);border-top:1px solid var(--border-default);z-index:100;justify-content:space-around;align-items:center;padding:0 var(--space-2);padding-bottom:env(safe-area-inset-bottom,0);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);transition:all var(--transition-fast);min-width:56px;min-height:48px;background:transparent;border:none;cursor:pointer}.mobile-nav-item svg{transition:transform var(--transition-fast)}.mobile-nav-item:hover svg,.mobile-nav-item:active svg{transform:scale(1.1)}.mobile-nav-item:hover{color:var(--text-body);background:var(--surface-hover)}.mobile-nav-item:active{background:var(--surface-active);transform:scale(.95)}.mobile-nav-item.active{color:var(--color-brand-accent);background:#d977061a}.mobile-nav-item.active svg{filter:drop-shadow(0 0 4px rgba(217,119,6,.4))}.mobile-more-overlay{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:105;align-items:flex-end;justify-content:center;padding-bottom:calc(var(--mobile-bottom-height, 72px) + var(--space-4));animation:fadeIn var(--transition-fast)}.mobile-more-menu{width:calc(100% - var(--space-8));max-width:400px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;animation:slideUp .2s var(--ease-out);box-shadow:var(--shadow-lg)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-more-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-heading)}.mobile-more-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-more-close:hover{background:var(--surface-hover);color:var(--text-heading)}.mobile-more-items{display:flex;flex-direction:column;padding:var(--space-2)}.mobile-more-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--text-body);text-decoration:none;font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-more-item:hover{background:var(--surface-hover);color:var(--text-heading)}.mobile-more-item:active{background:var(--surface-active);transform:scale(.98)}.mobile-more-item.active{background:#d977061a;color:var(--color-brand-accent)}.mobile-more-item.active svg{filter:drop-shadow(0 0 4px rgba(217,119,6,.3))}@media(max-width:767px){.mobile-fab-sos,.mobile-bottom-nav,.mobile-more-overlay{display:flex}}@media(max-width:375px){.mobile-nav-item{padding:var(--space-2);min-width:48px;font-size:9px}.mobile-more-menu{width:calc(100% - var(--space-4))}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-bottom-nav{padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-2))}.mobile-fab-sos{bottom:calc(var(--mobile-bottom-height, 72px) + env(safe-area-inset-bottom) + var(--space-4))}}._switcher_1yp5h_7{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);font-family:inherit;font-size:var(--text-sm)}._switcher_1yp5h_7:hover{background:var(--surface-hover);border-color:var(--border-dark)}._switcher_1yp5h_7:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--color-secondary)}._switcher_1yp5h_7:active{background:var(--surface-active)}._sm_1yp5h_37{padding:6px 10px;font-size:var(--text-xs)}._md_1yp5h_42{padding:8px 12px;font-size:var(--text-sm)}._lg_1yp5h_47{padding:10px 16px;font-size:var(--text-base)}._iconWrapper_1yp5h_53{display:flex;align-items:center;justify-content:center}._icon_1yp5h_53{transition:transform var(--transition-base)}._switcher_1yp5h_7:hover ._icon_1yp5h_53{transform:rotate(15deg)}._label_1yp5h_68{font-weight:var(--font-medium)}[data-theme=dark] ._switcher_1yp5h_7{background:var(--surface-default);border-color:var(--border-default)}[data-theme=dark] ._switcher_1yp5h_7:hover{background:var(--surface-hover);border-color:var(--copper-accent, #B87333)}[data-theme=dark] ._icon_1yp5h_53{color:var(--color-secondary-light)}:root{--header-h: 52px;--mobile-bottom-h: 72px;--gutter: 12px;--sidebar-w-expanded: 280px;--sidebar-w-collapsed: 52px;--drawer-w: 280px;--right-col-w: 360px;--right-col-min: 280px;--right-col-max: 420px;--layout-bg: var(--bg-primary, #F4F4F5);--layout-surface: var(--surface-default, #FFFFFF);--layout-border: var(--border-default, #D4D4D8);--layout-text: var(--text-primary, #18181B);--layout-text-secondary: var(--text-secondary, #52525B);--layout-text-muted: var(--text-tertiary, #71717A);--layout-accent: var(--color-secondary, #F97316)}.appShellLayout{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--layout-bg);color:var(--text-primary)}.appShellLayout--edit-mode{background-image:linear-gradient(rgba(212,168,75,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(212,168,75,.02) 1px,transparent 1px);background-size:80px 80px}.header{display:flex;align-items:center;height:var(--header-h);padding:0 var(--gutter);background:var(--layout-bg);border-bottom:1px solid var(--border-subtle);flex-shrink:0;z-index:100;box-shadow:0 1px 3px #0000000d}.headerLeft{display:flex;align-items:center;gap:12px}.headerCenter{flex:1;display:flex;justify-content:center;color:var(--text-secondary);font-size:12px}.headerRight{display:flex;align-items:center;gap:12px}.header__logo{font-weight:600;letter-spacing:2px;color:var(--layout-accent, var(--accent-gold))}.header__level-badge{margin-left:12px;padding:2px 8px;background:#f9731626;color:var(--layout-accent, var(--accent-gold));border-radius:4px;font-size:10px;font-weight:500}.header__icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s}.header__icon-btn:hover{background:rgba(var(--accent-gold-rgb, 249, 115, 22),.1)}.header__dropdown-container{position:relative}.header__notification-panel{position:absolute;top:100%;right:0;margin-top:8px;width:300px;background:var(--surface-default, #FFFFFF);border:1px solid var(--layout-border);border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:200;padding:16px}.header__account-panel{position:absolute;top:100%;right:0;margin-top:8px;min-width:200px;background:var(--surface-default, #FFFFFF);border:1px solid var(--layout-border);border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:200;padding:8px}.header__account-btn{background:#d977061a;border:2px solid var(--color-brand-accent, #d97706);color:var(--color-brand-accent, #d97706);cursor:pointer;padding:6px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.header__account-btn:hover{background:#d9770633;transform:var(--hover-lift)}.header__dropdown-panel{position:absolute;top:100%;right:0;margin-top:var(--space-2);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;padding:var(--space-4)}.header__dropdown-panel--notification{width:300px}.header__dropdown-panel--account{width:240px}.header__dropdown-header{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--text-heading)}.header__dropdown-empty{color:var(--text-muted);font-size:var(--font-size-sm)}.header__account-user{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.header__account-avatar{width:48px;height:48px;border-radius:50%;background:#d977061a;border:2px solid var(--color-brand-accent);display:flex;align-items:center;justify-content:center;color:var(--color-brand-accent)}.header__account-name{font-weight:var(--font-weight-semibold);color:var(--text-heading)}.header__account-level{font-size:var(--font-size-xs);color:var(--text-muted)}.header__account-actions{border-top:1px solid var(--border-light);padding-top:var(--space-3)}.header__account-link{width:100%;background:var(--surface-hover);border:1px solid var(--border-default);color:var(--text-body);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);text-align:left;transition:all var(--transition-fast)}.header__account-link:hover{background:var(--surface-active);border-color:var(--color-brand-accent)}.sidebar__toggle-btn{background:var(--surface-hover);border:none;border-radius:var(--radius-md);padding:6px;color:var(--text-secondary);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.sidebar__toggle-btn:hover{background:var(--surface-active);color:var(--color-brand-accent)}.sidebar__group-header{display:flex;align-items:center;padding:var(--space-2) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light);margin-bottom:var(--space-1);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.sidebar__group-header:hover{background:var(--surface-hover)}.sidebar.expanded .sidebar__group-header{justify-content:space-between}.sidebar:not(.expanded) .sidebar__group-header{justify-content:center;padding:var(--space-2) 0}.sidebar__group-header--expanded{background:var(--surface-hover)}.sidebar__group-emoji{font-size:var(--font-size-lg)}.sidebar__group-label{display:flex;align-items:center;gap:var(--space-2)}.sidebar__nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;background:transparent;color:var(--text-secondary);margin-bottom:var(--space-1);transition:all var(--transition-fast)}.sidebar.expanded .sidebar__nav-item{justify-content:flex-start}.sidebar:not(.expanded) .sidebar__nav-item{justify-content:center}.sidebar__nav-item:hover{background:var(--surface-hover);color:var(--text-body)}.sidebar__nav-item--active{background:#d977061a;color:var(--color-brand-accent)}.sidebar__nav-item-label{font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__settings-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;background:transparent;color:var(--text-secondary);margin-bottom:var(--space-1);transition:all var(--transition-fast)}.sidebar__settings-btn:hover{background:var(--surface-hover);color:var(--text-body)}.burgerBtn{display:none;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:8px}.mainBody{display:flex;flex:1;overflow:hidden}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-w-collapsed);background:var(--surface-default, #FFFFFF);border-right:1px solid var(--layout-border);transition:width .3s ease;flex-shrink:0;overflow:hidden;padding:0}.sidebar.expanded{width:var(--sidebar-w-expanded)}.sbTop,.sbBottom{padding:6px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.sbBottom{height:var(--header-h, 52px);min-height:var(--header-h, 52px);max-height:var(--header-h, 52px);justify-content:center;padding:0 6px;box-sizing:border-box}.sidebar.expanded .sbTop{align-items:stretch;padding:12px}.sidebar.expanded .sbBottom{align-items:stretch;padding:0 12px}.sbScroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 4px;display:flex;flex-direction:column;align-items:center;scrollbar-width:none;-ms-overflow-style:none}.sbScroll::-webkit-scrollbar{display:none}.sidebar.expanded .sbScroll{align-items:stretch;padding:8px 12px}.mainCol{flex:1;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;min-width:0;padding:12px 36px 36px!important;transition:opacity .15s ease-out}.rightCol{display:flex;flex-direction:column;width:var(--right-col-w);min-width:var(--right-col-min);max-width:var(--right-col-max);background:var(--surface-default, #FFFFFF);border-left:1px solid var(--layout-border);flex-shrink:0}.tabs{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--border-subtle)}.rightStack{flex:1;overflow-y:auto;display:flex;flex-direction:column}.rightBottom{display:flex;align-items:center;padding:12px;border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-muted)}.explain{display:flex;align-items:center;padding:10px 16px;font-size:12px;font-weight:500;color:var(--layout-text-secondary);background:var(--surface-hover, #F4F4F5);border-bottom:1px solid var(--layout-border)}.region{padding:12px;overflow-y:auto}.workspace{flex:1;overflow:hidden}.mobileBottom{display:none;height:var(--mobile-bottom-h);background:var(--layout-bg);border-top:1px solid var(--border-subtle);flex-shrink:0;align-items:center;justify-content:space-around;padding:0 16px;box-shadow:0 -1px 3px #0000000d}.scrim{position:fixed;inset:0;background:#0009;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:200}.scrim.visible{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;left:0;bottom:0;width:var(--drawer-w);background:var(--layout-bg);border-right:1px solid var(--border-subtle);transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;z-index:300}.drawer.open{transform:translate(0)}.drawerTop,.drawerBottom{padding:16px;border-bottom:1px solid var(--border-subtle)}.drawerBottom{border-bottom:none;border-top:1px solid var(--border-subtle);margin-top:auto}@media(max-width:900px){.burgerBtn{display:flex}.sidebar,.rightCol{display:none}.mobileBottom{display:flex}.mobileRegions{display:block}}@media(min-width:901px){.mobileRegions{display:none}}@media(max-width:768px){.header{padding:0 8px}.headerLeft,.headerRight{gap:6px}.header__level-badge,.level-badge{display:none!important}.mainCol{padding:8px 16px 24px!important}.burgerBtn,.headerRight button,.headerRight a,.headerRight>*{min-width:40px;min-height:40px}}@media(max-width:480px){.header{padding:0 4px}.headerLeft,.headerRight{gap:4px}.header__edit-btn-text,.edit-layout-text{display:none!important}.mainCol{padding:4px 8px 16px!important}.logo-text{font-size:14px}}@media(max-width:375px){.header{padding:0 2px}.headerRight{gap:2px}.sync-status-text{display:none!important}.mainCol{padding:4px 4px 12px!important}}.drawerTop{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.drawer-user{display:flex;align-items:center;gap:12px}.drawer-user-avatar{color:var(--accent-gold, #d4a84b);background:#d4a84b26;border-radius:50%;padding:8px}.drawer-user-info{display:flex;flex-direction:column;gap:2px}.drawer-user-name{font-weight:600;font-size:16px;color:var(--text-primary, #ffffff)}.drawer-user-level{font-size:12px;color:var(--accent-gold, #d4a84b)}.drawer-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--text-secondary, #9ca3af);border-radius:8px;cursor:pointer;transition:all .2s}.drawer-close:hover{background:#ffffff1a;color:var(--text-primary, #ffffff)}.drawerScroll{flex:1;overflow-y:auto;padding:12px}.drawer-group{margin-bottom:20px}.drawer-group-header{font-size:11px;font-weight:600;color:var(--text-muted, #6b7280);padding:8px 12px;text-transform:uppercase;letter-spacing:.5px}.drawer-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary, #9ca3af);text-decoration:none;border-radius:8px;transition:all .2s;font-size:14px}.drawer-nav-item:hover{background:#d4a84b1a;color:var(--text-primary, #ffffff)}.drawer-nav-item.active{background:#d4a84b33;color:var(--accent-gold, #d4a84b)}.drawerBottom{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.drawer-settings-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary, #9ca3af);font-size:14px;cursor:pointer;transition:all .2s}.drawer-settings-btn:hover{background:#ffffff1a;color:var(--text-primary, #ffffff)}@media(max-width:480px){.widget-edit-controls,.header__edit-btn,.language-toggle,[class*=language-selector]{display:none!important}}:root{--slate-900: #0f172a;--slate-800: #1e293b;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--primary-500: #10b981;--primary-600: #059669;--primary-700: #047857;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--bg-sidebar: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--nav-active-bg: #334155;--nav-active-text: #ffffff;--nav-hover-bg: #f1f5f9;--accent-primary: #334155;--accent-hover: #475569;--accent-active-bg: #334155;--accent-active-text: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--brown-900: #1e293b;--brown-800: #334155;--gold-400: #10b981;--gold-500: #059669;--gold-600: #047857;--beige-100: #f8fafc;--beige-200: #f1f5f9;--beige-300: #e2e8f0;--color-brown-900: #1e293b;--color-brown-800: #334155;--color-gold-500: #10b981;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans TC,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg-secondary, #F9FAFB);color:var(--text-primary);min-height:100vh;line-height:1.6}.layout{display:flex;min-height:100vh;background:var(--bg-secondary, #F9FAFB)}.sidebar{width:var(--sidebar-w-collapsed, 24px);background:var(--bg-sidebar);padding:16px 12px;display:flex;flex-direction:column;border-right:1px solid var(--border-color);position:relative;z-index:200}.logo{display:flex;align-items:center;gap:12px;padding:8px 12px 24px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.logo-icon{width:40px;height:40px;background:transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.logo-image{width:100%;height:100%;object-fit:contain;padding:4px}.logo h1{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.logo-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .15s ease;font-size:14px;font-weight:500}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--nav-active-bg, #334155);color:var(--nav-active-text, #ffffff);font-weight:600}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.nav-label{font-size:14px}.nav-group{margin-bottom:4px}.nav-group__header{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .15s ease}.nav-group__header:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-group.has-active>.nav-group__header{color:var(--accent-primary)}.nav-group__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;opacity:.7}.nav-group__label{flex:1;text-align:left}.nav-group__arrow{display:flex;align-items:center;opacity:.5;transition:transform .2s ease}.nav-group.open .nav-group__arrow{transform:rotate(0)}.nav-group__items{margin-left:12px;padding-left:12px;border-left:1px solid var(--border-color);margin-top:4px;margin-bottom:8px}.nav-group__items .nav-item{padding:8px 12px;font-size:13px;margin-bottom:2px}.nav-group__items .nav-item__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;margin-right:10px}.nav-group__items .nav-item__label{font-size:13px}.sidebar-reminder{padding:12px;margin:8px 0;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-radius:8px;border:1px solid rgba(245,158,11,.2)}.sidebar-reminder__link{color:var(--warning);text-decoration:none;font-size:13px;font-weight:500;display:block}.sidebar-reminder__link:hover{text-decoration:underline}.sidebar-footer{padding:16px 12px;text-align:center;color:var(--text-muted);font-size:12px;border-top:1px solid var(--border-color);margin-top:16px}.main-content{flex:1;padding:24px;overflow-y:auto;background:var(--bg-primary)}.sidebar-footer{padding:var(--spacing-4) var(--spacing-3);text-align:center;color:var(--text-muted);font-size:var(--font-size-xs);border-top:1px solid var(--border-color, #e2e8f0);margin-top:var(--spacing-4);letter-spacing:var(--letter-spacing-wide)}.main-content{flex:1;padding:var(--spacing-8);overflow-y:auto;background:var(--gradient-warm);position:relative}.main-content:before{content:"";position:fixed;top:0;right:0;width:50%;height:50%;background:radial-gradient(circle at 100% 0%,rgba(196,167,125,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.page h2{font-size:28px;margin-bottom:24px;color:var(--text-primary);font-weight:700}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--bg-card);padding:24px;border-radius:16px;display:flex;align-items:center;gap:16px;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,var(--gold-400),var(--gold-600))}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:32px;font-weight:700;color:var(--accent-primary);line-height:1.2}.stat-label{color:var(--text-secondary);font-size:14px;margin-top:4px}.dashboard-sections{display:grid;grid-template-columns:1fr 1fr;gap:24px}.recent-events,.map-preview{background:var(--bg-card);padding:24px;border-radius:16px;border:1px solid var(--border-color)}.recent-events h3,.map-preview h3{font-size:16px;margin-bottom:16px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.event-list{display:flex;flex-direction:column;gap:12px}.event-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:var(--bg-secondary);transition:background .2s ease}.event-item:hover{background:var(--bg-hover)}.event-item.priority-high{border-left:3px solid var(--danger)}.event-item.priority-medium{border-left:3px solid var(--warning)}.event-item.priority-low{border-left:3px solid var(--success)}.event-category{background:var(--accent-primary);color:var(--brown-900);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.event-title{flex:1;font-weight:500}.event-time{color:var(--text-muted);font-size:12px}.map-placeholder{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:12px;color:var(--text-muted);border:2px dashed var(--border-color);gap:8px}.map-placeholder span{font-size:36px;margin-bottom:4px}.map-placeholder p{font-size:13px;color:var(--text-secondary);margin:0}.btn-primary{background:linear-gradient(135deg,var(--gold-400),var(--gold-600));color:var(--brown-900);border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-small{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.btn-small:hover{background:var(--accent-primary);color:var(--brown-900)}.filter-bar{display:flex;gap:12px;margin-bottom:24px}.filter-select,.filter-search{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 16px;border-radius:8px;font-size:14px}.filter-search{flex:1}.filter-select:focus,.filter-search:focus{outline:none;border-color:var(--accent-primary)}.events-table{background:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid var(--border-color)}.events-table table{width:100%;border-collapse:collapse}.events-table th,.events-table td{padding:16px;text-align:left;border-bottom:1px solid var(--border-color)}.events-table th{background:var(--bg-secondary);color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.events-table tr:hover td{background:var(--bg-hover)}.severity{color:var(--warning)}.category-tag{background:#c4a77d33;color:var(--accent-primary);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-active{background:#b85c5c33;color:var(--danger)}.status-resolved{background:#6b8e5c33;color:var(--success)}.task-board{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.task-column{background:var(--bg-card);border-radius:16px;padding:16px;border:1px solid var(--border-color)}.column-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;margin-bottom:16px;font-weight:600}.column-header.pending{background:#c9a25633;color:var(--warning)}.column-header.in-progress,.column-header.in_progress{background:#c4a77d33;color:var(--accent-primary)}.column-header.completed{background:#6b8e5c33;color:var(--success)}.column-header .count{background:#ffffff1a;padding:2px 8px;border-radius:10px;font-size:12px}.task-list{display:flex;flex-direction:column;gap:12px;min-height:100px}.task-card{background:var(--bg-secondary);padding:16px;border-radius:8px;border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.task-card.completed{opacity:.6}.task-priority{display:inline-block;background:var(--danger);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;margin-bottom:8px}.task-title{font-weight:500;margin-bottom:8px;color:var(--text-primary)}.task-desc{color:var(--text-muted);font-size:12px;margin-bottom:12px;line-height:1.4}.task-assignee{color:var(--text-muted);font-size:12px}.modal-overlay{position:fixed;inset:0;background:#3d2e24cc;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-card);padding:32px;border-radius:16px;width:100%;max-width:480px;border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.modal h3{margin-bottom:24px;font-size:20px;color:var(--text-primary)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:14px;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:12px 16px;border-radius:8px;font-size:14px;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary)}.form-group textarea{min-height:100px;resize:vertical}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state span{font-size:48px;display:block;margin-bottom:12px}.empty-column{text-align:center;padding:24px;color:var(--text-muted);font-size:14px}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted)}@media(max-width:1024px){.dashboard-sections,.task-board{grid-template-columns:1fr}}@media(max-width:768px){.main-content{padding:16px}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.page-header__left{display:flex;align-items:center;gap:12px}.page-header h2{margin:0}.stat-card-vi{transition:transform .2s ease,box-shadow .2s ease}.stat-card-vi:hover{transform:translateY(-4px)}.stat-card-vi__content{display:flex;align-items:center;gap:16px}.stat-card-vi__icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;background:#c4a77d1f;border:1.5px solid rgba(196,167,125,.25);color:var(--color-gold-600);flex-shrink:0;transition:all .2s ease}.stat-card-vi:hover .stat-card-vi__icon{background:#c4a77d2e;border-color:#c4a77d66;transform:scale(1.05)}.stat-card-vi__data{display:flex;flex-direction:column}.stat-card-vi__value{font-size:32px;font-weight:700;line-height:1.2}.stat-card-vi__value--default{color:var(--accent-primary)}.stat-card-vi__value--success{color:var(--color-success)}.stat-card-vi__value--warning{color:var(--color-warning)}.stat-card-vi__value--danger{color:var(--color-danger)}.stat-card-vi__label{color:var(--text-secondary);font-size:14px;margin-top:4px}.task-card-vi{transition:all .2s ease;cursor:pointer}.task-card-vi:hover{transform:translateY(-2px);border-color:var(--accent-primary)}.task-card-vi--completed{opacity:.6}.task-card-vi__header{display:flex;justify-content:space-between;align-items:center}.task-card-vi__toggle{cursor:pointer;padding:4px 0}.task-card-vi__header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.task-card-vi__header-right{display:flex;align-items:center;gap:8px}.task-card-vi__title-inline{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.task-card-vi__chevron{font-size:10px;color:var(--text-muted);transition:transform .2s ease}.task-delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 6px;font-size:14px;opacity:.6;transition:all .2s ease}.task-delete-btn:hover{color:#f44336;opacity:1}.task-card-vi__content{padding-top:12px;border-top:1px solid var(--border);margin-top:8px}.task-card-vi__title{font-weight:500;margin-bottom:8px;color:var(--text-primary)}.task-card-vi__desc{color:var(--text-muted);font-size:12px;margin-bottom:12px;line-height:1.4;white-space:pre-wrap}.task-card-vi__due{color:var(--text-muted);font-size:12px;margin-bottom:12px}.dashboard-alert{margin-bottom:24px}.column-header.pending{background:#c9a25633;color:var(--color-warning)}.column-header.in-progress{background:#5c7b8e33;color:var(--color-info)}.column-header.completed{background:#6b8e5c33;color:var(--color-success)}.pwa-update-prompt{position:fixed;bottom:24px;right:24px;z-index:9999;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pwa-update-prompt__content{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--accent-primary);border-radius:12px;padding:16px 20px;box-shadow:var(--shadow-lg),0 4px 20px #c4a77d33}.pwa-update-prompt__icon{font-size:24px;animation:spin 2s linear infinite}.pwa-update-prompt__text{font-weight:500;color:var(--text-primary)}.pwa-update-prompt__btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.pwa-update-prompt__btn--primary{background:linear-gradient(135deg,var(--gold-400),var(--gold-600));color:var(--brown-900)}.pwa-update-prompt__btn--primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.pwa-update-prompt__btn--secondary{background:transparent;color:var(--text-muted);border:1px solid var(--border-color)}.pwa-update-prompt__btn--secondary:hover{background:var(--bg-hover)}@media(max-width:480px){.pwa-update-prompt{left:16px;right:16px;bottom:16px}.pwa-update-prompt__content{flex-wrap:wrap;justify-content:center;text-align:center}.pwa-update-prompt__text{flex:1 1 100%;margin-bottom:8px}}.report-page{max-width:700px;margin:0 auto}.report-form{margin-bottom:24px}.report-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:var(--danger);padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.form-section{margin-bottom:24px}.form-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:14px}.form-input,.form-textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);font-size:15px;color:var(--text-primary);transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #b8976f26}.form-textarea{resize:vertical;min-height:120px}.disaster-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.disaster-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);cursor:pointer;transition:all .2s ease}.disaster-type-btn:hover{border-color:var(--accent-primary);background:var(--bg-hover)}.disaster-type-btn.active{border-color:var(--accent-primary);background:#b8976f26}.disaster-type-btn__icon{font-size:28px;margin-bottom:6px}.disaster-type-btn__label{font-size:12px;font-weight:500;color:var(--text-secondary)}.disaster-type-btn.active .disaster-type-btn__label{color:var(--text-primary)}.severity-grid{display:flex;gap:10px;flex-wrap:wrap}.severity-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.severity-dot{width:10px;height:10px;border-radius:50%}.location-section{display:flex;flex-direction:column;gap:10px}.location-coords{display:flex;align-items:center;gap:12px}.location-btn{padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all .2s ease}.location-btn:hover{background:var(--bg-hover)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.report-submit-btn{width:100%;padding:16px;font-size:16px;margin-top:8px}.report-success{text-align:center;padding:60px 40px!important}.report-success__icon{font-size:64px;margin-bottom:16px}.report-success h2{font-size:24px;margin-bottom:8px}.report-success p{color:var(--text-muted);margin-bottom:24px}.report-success__buttons{display:flex;gap:12px;justify-content:center}@media(max-width:600px){.disaster-type-grid{grid-template-columns:repeat(2,1fr)}.severity-grid{flex-direction:column}.contact-grid{grid-template-columns:1fr}}.volunteers-page{max-width:1200px}.volunteers-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{text-align:center}.stat-card__value{font-size:32px;font-weight:700;color:var(--text-primary)}.stat-card__label{font-size:13px;color:var(--text-muted);margin-top:4px}.stat-card--success .stat-card__value{color:#4caf50}.stat-card--warning .stat-card__value{color:#ff9800}.stat-card--info .stat-card__value{color:#2196f3}.volunteers-filters{display:flex;gap:16px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.volunteers-search{flex:1;min-width:200px}.volunteers-status-filters{display:flex;gap:8px}.status-filter-btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all .2s ease}.status-filter-btn:hover{background:var(--bg-hover)}.status-filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.volunteers-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.volunteer-card{display:flex;flex-direction:column;gap:12px}.volunteer-card__header{display:flex;align-items:center;gap:12px}.volunteer-card__avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff}.volunteer-card__info{flex:1}.volunteer-card__name{font-size:16px;font-weight:600;margin:0}.volunteer-card__region{font-size:13px;color:var(--text-muted);margin:2px 0 0}.volunteer-card__skills{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{padding:4px 10px;background:var(--bg-hover);border-radius:12px;font-size:12px;color:var(--text-secondary)}.volunteer-card__stats{display:flex;gap:16px;font-size:13px;color:var(--text-muted);padding-top:8px;border-top:1px solid var(--border-color)}.volunteer-card__actions{display:flex;gap:8px;padding-top:8px}.volunteers-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-muted)}.volunteers-empty span{font-size:48px;display:block;margin-bottom:12px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{max-width:500px;width:90%}.modal-content h3{margin-top:0}.modal-desc{color:var(--text-muted);margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}@media(max-width:768px){.volunteers-stats{grid-template-columns:repeat(2,1fr)}.volunteers-filters{flex-direction:column;align-items:stretch}.volunteers-search{width:100%}.volunteers-status-filters{flex-wrap:wrap}.volunteers-list{grid-template-columns:1fr}}.stats-grid--6{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.trend{font-size:14px;margin-left:4px}.trend--up{color:#4caf50}.trend--down{color:#f44336}.stat-card-vi__value--info{color:#2196f3}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all .2s ease}.quick-action-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translateY(-2px)}.quick-action-btn__icon{font-size:28px;margin-bottom:8px}.quick-action-btn__label{font-size:13px;font-weight:500}.dashboard-sections--3col{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.alert-list{display:flex;flex-direction:column;gap:10px}.alert-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border-color)}.alert-item:last-child{border-bottom:none}.alert-title{flex:1;font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-more-link{display:block;text-align:right;color:var(--accent-primary);font-size:13px;margin-top:12px;text-decoration:none}.view-more-link:hover{text-decoration:underline}.empty-state-mini{padding:20px;text-align:center;color:var(--text-muted);font-size:13px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state-mini .empty-icon{font-size:32px}.alert-list-v2{display:flex;flex-direction:column;gap:12px}.alert-card-v2{padding:12px;border-radius:8px;border-left:4px solid var(--border-color);background:var(--bg-secondary);transition:all .2s ease}.alert-card-v2:hover{background:var(--bg-hover);transform:translate(4px)}.alert-card-v2--critical{border-left-color:#e53935;background:#e5393514}.alert-card-v2--warning{border-left-color:#fb8c00;background:#fb8c0014}.alert-card-v2--info{border-left-color:#fdd835;background:#fdd83514}.alert-card-v2__header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.alert-card-v2__severity{font-size:14px}.alert-card-v2__type{font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-card);padding:2px 8px;border-radius:4px}.alert-card-v2__time{font-size:11px;color:var(--text-muted);margin-left:auto}.alert-card-v2__title{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.alert-card-v2__source{font-size:11px;color:var(--text-muted);margin-top:6px}.map-preview-v2{display:flex;flex-direction:column;gap:16px}.map-preview-v2__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.map-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;background:var(--bg-secondary);border-radius:8px}.map-stat__icon{font-size:24px;margin-bottom:4px}.map-stat__value{font-size:24px;font-weight:700;color:var(--text-primary)}.map-stat__label{font-size:11px;color:var(--text-muted)}.map-preview-v2__visual{display:flex;align-items:center;justify-content:center}.map-visual-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:2px dashed var(--border-color);border-radius:12px;width:100%;background:linear-gradient(135deg,#2196f30d,#4caf500d)}.map-visual-placeholder .map-icon{font-size:48px;margin-bottom:8px}.map-visual-placeholder .map-text{font-size:14px;color:var(--text-secondary);font-weight:500}.map-visual-placeholder .map-text-sub{font-size:12px;color:var(--text-muted);margin-top:4px}.map-preview-v2__btn{display:block;text-decoration:none}.map-preview-v2__btn .lk-btn,.map-preview-v2__btn button{width:100%}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:12px}.resource-item{text-align:center}.resource-label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.resource-value{font-size:24px;font-weight:700;color:var(--text-primary)}.resource-value--success{color:#4caf50}.resource-value--warning{color:#ff9800}@media(max-width:1200px){.stats-grid--6{grid-template-columns:repeat(3,1fr)}.dashboard-sections--3col{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid--6{grid-template-columns:repeat(2,1fr)}.dashboard-sections--3col{grid-template-columns:1fr}.resource-grid{grid-template-columns:repeat(2,1fr)}}.success-toast{position:fixed;top:20px;right:20px;background:#4caf50;color:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1001;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.stat-card--primary .stat-card__value{color:var(--accent-primary)}.modal-content--lg{max-width:600px}.volunteers-stats{grid-template-columns:repeat(5,1fr)}@media(max-width:1000px){.volunteers-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.volunteers-stats{grid-template-columns:repeat(2,1fr)}}.training-page{max-width:1200px}.training-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.training-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.category-btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-secondary);cursor:pointer;font-size:13px;transition:all .2s ease}.category-btn:hover{background:var(--bg-hover)}.category-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.course-card{display:flex;flex-direction:column;gap:12px}.course-card__header{display:flex;align-items:center;justify-content:space-between}.course-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.course-card__title{margin:0;font-size:16px;font-weight:600}.course-card__desc{font-size:13px;color:var(--text-muted);margin:0;line-height:1.5}.course-card__meta{display:flex;gap:16px;font-size:12px;color:var(--text-secondary)}.progress-bar{height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.progress-bar__fill{height:100%;border-radius:3px;transition:width .3s ease}.course-card__actions{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--border-color)}.progress-text{font-size:13px;color:var(--text-muted)}.course-content{background:var(--bg-secondary);padding:16px;border-radius:8px;margin:16px 0}.course-content h4{margin:0 0 8px}@media(max-width:768px){.training-stats{grid-template-columns:repeat(2,1fr)}.courses-grid{grid-template-columns:1fr}}.resources-page{max-width:1400px}.resources-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card--danger .stat-card__value{color:#f44336}.resources-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.resources-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:8px;overflow:hidden}.resources-table th,.resources-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.resources-table th{background:var(--bg-secondary);font-weight:600;font-size:13px;color:var(--text-muted)}.resources-table tbody tr:hover{background:var(--bg-hover)}.resource-name{font-weight:500}.resource-actions{display:flex;gap:8px}@media(max-width:768px){.resources-stats{grid-template-columns:repeat(2,1fr)}.resources-table{font-size:13px}.resources-table th,.resources-table td{padding:8px 12px}}@media(hover:none)and (pointer:coarse){.btn,button{min-height:44px;min-width:44px}.nav-item{padding:14px 16px}.category-btn,.status-filter-btn{padding:12px 20px;font-size:14px}.form-input,.form-select,.form-textarea{font-size:16px;padding:14px}}@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.main-layout{min-height:100vh;min-height:-webkit-fill-available}}@media(orientation:landscape)and (max-height:500px){.sidebar{padding:8px}.nav-item{padding:8px 12px}}.offline-indicator{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#ff9800;color:#fff;padding:12px 24px;border-radius:24px;box-shadow:0 4px 12px #0003;z-index:1000;font-size:14px;display:flex;align-items:center;gap:8px}.offline-indicator:before{content:"馃摗"}.pull-to-refresh{position:absolute;top:-60px;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.touch-feedback{position:relative;overflow:hidden}.touch-feedback:after{content:"";position:absolute;inset:0;background:#ffffff4d;border-radius:inherit;opacity:0;transition:opacity .2s}.touch-feedback:active:after{opacity:1}.swipeable-card{touch-action:pan-y;transition:transform .3s ease}.bottom-nav{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.fab{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));right:24px;width:56px;height:56px;border-radius:50%;background:var(--accent-primary);color:#fff;border:none;box-shadow:0 4px 12px #00000040;font-size:24px;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.fab:active{transform:scale(.95);box-shadow:0 2px 8px #0003}.notifications-page{max-width:800px}.notification-filters{display:flex;gap:8px;margin-bottom:24px}.notifications-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.notification-card{position:relative;cursor:pointer;transition:background .2s}.notification-card:hover{background:var(--bg-hover)}.notification-card.unread{border-left:3px solid var(--accent-primary)}.notification-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.notification-time{font-size:12px;color:var(--text-muted)}.notification-title{margin:0 0 4px;font-size:15px;font-weight:600}.notification-message{margin:0;font-size:13px;color:var(--text-secondary)}.unread-dot{position:absolute;top:16px;right:16px;width:8px;height:8px;border-radius:50%;background:var(--accent-primary)}.line-settings{margin-top:24px}.line-settings h3{margin:0 0 8px}.card-desc{color:var(--text-muted);margin:0 0 16px}.line-status{display:flex;gap:8px;align-items:center;margin-bottom:16px}.line-qr{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.qr-placeholder{width:150px;height:150px;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;margin-top:8px}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:0 16px;align-items:center;justify-content:space-between;z-index:1000;box-shadow:var(--shadow-sm)}.hamburger-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:24px;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md, 8px);transition:background .2s}.hamburger-btn:hover{background:var(--bg-hover)}.mobile-header__title{font-size:16px;font-weight:600;color:var(--text-primary)}.mobile-header__actions{display:flex;align-items:center;gap:12px}.mobile-header__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;text-decoration:none}.mobile-header__avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-primary);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:900;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:768px){.mobile-header{display:flex}.sidebar{position:fixed;left:-280px;top:0;bottom:0;width:280px!important;z-index:950;transition:left .3s cubic-bezier(.4,0,.2,1);padding-top:60px}.sidebar--open{left:0}.sidebar--open~.sidebar-overlay,.sidebar-overlay{display:block}.main-content{margin-left:0!important;padding:80px 16px 16px!important}.page-header{flex-direction:column;gap:16px;align-items:stretch!important}.page-header__right{width:100%;display:flex;flex-direction:column;gap:8px}.page-header__right .lk-btn,.page-header__right button{width:100%}.header-layer-toggles{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.header-layer-toggle{white-space:nowrap}.modal-content,.modal-content--lg{width:95vw!important;max-width:95vw!important;max-height:85vh;overflow-y:auto;margin:8vh auto}.form-row{flex-direction:column;gap:0}.form-row .form-section{width:100%}.skills-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.skill-btn{font-size:13px!important;padding:10px 8px!important;min-height:44px}.volunteers-stats,.resources-stats,.dashboard-stats,.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.stat-card{padding:16px;flex-direction:column;text-align:center}.stat-icon{width:48px;height:48px;font-size:20px}.stat-value{font-size:24px}.lk-btn,button{min-height:44px}.resources-table,.events-table{font-size:13px}.resources-table th,.resources-table td,.events-table th,.events-table td{padding:10px 6px}.task-board{grid-template-columns:1fr!important}.dashboard-sections{grid-template-columns:1fr}.volunteer-card__actions{flex-direction:column;gap:8px}.volunteer-card__actions .lk-btn{width:100%}.filter-bar{flex-direction:column;gap:8px}.filter-select,.filter-search{width:100%}.resources-categories,.status-filters{overflow-x:auto;flex-wrap:nowrap;gap:8px;padding-bottom:8px}.category-btn,.status-filter-btn{white-space:nowrap;flex-shrink:0;min-height:40px;padding:8px 16px}.sidebar{width:280px!important;min-width:280px!important;max-width:280px!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important}.sidebar--open{left:0!important}.sidebar .logo{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;padding:12px!important;margin-bottom:12px!important;width:100%!important;box-sizing:border-box!important}.sidebar .logo-icon{width:40px!important;height:40px!important;flex-shrink:0!important}.sidebar .logo h1{display:block!important;white-space:nowrap!important;font-size:16px!important;writing-mode:horizontal-tb!important}.sidebar .logo-subtitle{display:block!important;white-space:nowrap!important;font-size:11px!important;writing-mode:horizontal-tb!important}.sidebar .nav-edit-controls{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;padding:8px!important;margin:0 8px 12px!important;width:calc(100% - 16px)!important;box-sizing:border-box!important}.sidebar .nav-edit-btn{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:10px 12px!important;font-size:13px!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;flex:1!important;min-width:0!important}.sidebar .nav{display:flex!important;flex-direction:column!important;gap:4px!important;padding:0 8px!important;width:100%!important;box-sizing:border-box!important}.sidebar .nav-item-wrapper{display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important}.sidebar .nav-item-drag-handle{display:none!important}.sidebar .nav-item{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;padding:12px!important;width:100%!important;box-sizing:border-box!important;border-radius:8px!important;writing-mode:horizontal-tb!important}.sidebar .nav-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;flex-shrink:0!important}.sidebar .nav-label{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:14px!important;writing-mode:horizontal-tb!important;flex:1!important}.sidebar .nav-item--editing{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;width:100%!important;box-sizing:border-box!important}.sidebar .nav-label-input{flex:1!important;min-width:0!important;width:100%!important}.sidebar .sidebar-user{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:12px!important;margin:auto 8px 8px!important;width:calc(100% - 16px)!important;box-sizing:border-box!important}.sidebar .sidebar-user__info{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;flex:1!important;min-width:0!important}.sidebar .sidebar-user__avatar{width:36px!important;height:36px!important;flex-shrink:0!important}.sidebar .sidebar-user__details{display:flex!important;flex-direction:column!important;overflow:hidden!important;flex:1!important;min-width:0!important}.sidebar .sidebar-user__name,.sidebar .sidebar-user__role{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;writing-mode:horizontal-tb!important}.sidebar .sidebar-user__logout{flex-shrink:0!important}.sidebar .sidebar-footer{display:block!important;text-align:center!important;padding:12px!important;margin:8px!important;font-size:11px!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;width:calc(100% - 16px)!important;box-sizing:border-box!important}.sidebar .sidebar-footer span{display:inline!important;white-space:nowrap!important;writing-mode:horizontal-tb!important}}@media(max-width:480px){.mobile-header{padding:0 12px;height:52px}.hamburger-btn{width:40px;height:40px;font-size:22px}.mobile-header__title{font-size:15px}.main-content{padding:72px 12px 12px!important}.volunteers-stats,.resources-stats,.stats-grid,.skills-grid{grid-template-columns:1fr!important}.skill-btn{padding:12px!important}.page h2{font-size:22px}}.event-detail{padding:8px 0}.event-detail__header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e2e8f0)}.event-detail__type{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;color:#fff}.event-detail__severity{font-size:13px;font-weight:600;padding:4px 10px;background:var(--bg-secondary, #f8fafc);border-radius:6px}.event-detail h3{font-size:20px;font-weight:600;color:var(--text-primary, #1e293b);margin:0 0 8px;line-height:1.4}.event-detail__desc{font-size:14px;color:var(--text-secondary, #64748b);line-height:1.6;margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #e2e8f0)}.event-detail__info{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.event-detail__info .info-row{display:flex;align-items:flex-start;gap:12px}.event-detail__info .info-label{flex-shrink:0;font-size:13px;color:var(--text-muted, #94a3b8);min-width:90px}.event-detail__info .info-value{font-size:14px;color:var(--text-primary, #1e293b);word-break:break-word;line-height:1.5}.event-detail__actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid var(--border-color, #e2e8f0)}.event-detail__actions .lk-btn,.event-detail__actions button{flex:1;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.event-detail__actions .btn-neutral,.event-detail__actions .lk-btn--secondary,.event-detail__actions button:not(.btn-primary):not(.lk-btn--primary){background:var(--bg-secondary, #f8fafc);color:var(--text-primary, #1e293b);border:1px solid var(--border-color, #e2e8f0)}.event-detail__actions .btn-neutral:hover,.event-detail__actions .lk-btn--secondary:hover,.event-detail__actions button:not(.btn-primary):not(.lk-btn--primary):hover{background:var(--bg-hover, #f1f5f9);border-color:var(--slate-300, #cbd5e1)}.event-detail__actions .btn-primary,.event-detail__actions .lk-btn--primary{background:var(--slate-700, #334155);color:#fff;border:1px solid var(--slate-700, #334155)}.event-detail__actions .btn-primary:hover,.event-detail__actions .lk-btn--primary:hover{background:var(--slate-800, #1e293b);border-color:var(--slate-800, #1e293b)}@media(max-width:480px){.event-detail__actions{flex-direction:column}.event-detail__header{flex-wrap:wrap}}.map-page{height:calc(100vh - 64px);display:flex;flex-direction:column;width:100%}.map-layout{display:grid;grid-template-columns:1fr 350px;gap:24px;flex:1;min-height:0;width:100%}.map-container{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-card);min-height:500px;width:100%}.leaflet-container{font-family:var(--font-family-primary)}.leaflet-popup-content-wrapper{background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.leaflet-popup-tip{background:var(--bg-card)}.map-popup h4{margin:0 0 8px;font-size:14px;font-weight:600}.map-popup__category{color:var(--text-muted);font-size:12px;margin:4px 0}.map-popup__severity{font-weight:600;font-size:12px;margin:4px 0}.map-legend{position:absolute;bottom:24px;left:24px;background:var(--bg-card);padding:12px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:1000;max-height:calc(100vh - 200px);overflow-y:auto}.map-severity-legend{position:absolute;bottom:95px;right:75px;background:var(--bg-card);padding:10px 14px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:1000}.map-legend__title{font-weight:600;font-size:12px;margin-bottom:8px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.map-legend__item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);margin:4px 0}.map-legend__color{width:12px;height:12px;border-radius:50%}.map-sidebar{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.map-event-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding-right:4px}.map-event-item{padding:12px;background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:2px solid transparent}.map-event-item:hover{background:var(--bg-hover)}.map-event-item--selected{border-color:var(--accent-primary);background:var(--bg-hover)}.map-event-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.map-event-item__location{font-size:14px}.map-event-item__title{font-weight:500;font-size:14px;margin-bottom:4px;color:var(--text-primary)}.map-event-item__meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.map-event-detail__content h4{margin:0 0 8px;font-size:16px;color:var(--text-primary)}.map-event-detail__desc{color:var(--text-secondary);font-size:14px;margin-bottom:16px;line-height:1.5}.map-event-detail__info{display:flex;flex-direction:column;gap:8px;font-size:14px;margin-bottom:16px}.map-event-detail__info strong{color:var(--text-secondary);margin-right:8px}.map-event-detail__actions{display:flex;gap:8px;flex-wrap:wrap}.map-event-detail__gps{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.gps-coords{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;background:var(--bg-secondary);padding:4px 8px;border-radius:4px;color:var(--accent-primary)}.copy-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:4px;opacity:.7;transition:opacity .2s}.copy-btn:hover{opacity:1}@media(max-width:1024px){.map-layout{grid-template-columns:1fr}.map-container{min-height:400px}.map-sidebar{max-height:300px}}.map-filters{display:flex;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.map-filter{flex:1;display:flex;flex-direction:column;gap:4px}.map-filter label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.map-filter select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:border-color .2s ease}.map-filter select:focus{outline:none;border-color:var(--accent-primary)}.map-filter select:hover{border-color:var(--accent-primary)}.map-layer-selector{position:absolute;top:24px;left:24px;z-index:1000}.map-layer-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s ease;display:flex;align-items:center;gap:6px}.map-layer-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.map-layer-menu{position:absolute;top:100%;left:0;margin-top:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;min-width:120px}.map-layer-option{display:block;width:100%;padding:10px 16px;border:none;background:transparent;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:background .15s ease}.map-layer-option:hover{background:var(--bg-hover)}.map-layer-option.active{background:var(--accent-primary);color:var(--brown-900);font-weight:600}.map-locate-btn{position:absolute;bottom:195px;right:10px;z-index:1000;width:40px;height:40px;background:#fff;border:none;border-radius:2px;cursor:pointer;box-shadow:0 1px 4px #0000004d;transition:background .2s ease;display:flex;align-items:center;justify-content:center;color:#666}.map-locate-btn:hover:not(:disabled){background:#f5f5f5;color:#333}.map-locate-btn:disabled{cursor:not-allowed;opacity:.6}.map-locate-btn--loading{color:#4285f4}.map-locate-btn--loading svg{animation:spin-locate 1s linear infinite}@keyframes spin-locate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:var(--bg-secondary);color:var(--text-secondary);gap:16px}.map-loading__spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.map-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);text-align:center;padding:40px}.map-error h3{margin-bottom:8px;color:var(--color-danger)}.gmap-infowindow{min-width:220px;max-width:300px;padding:4px;font-family:var(--font-family-base)}.gmap-infowindow__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.gmap-infowindow__severity{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase}.gmap-infowindow__category{font-size:12px;color:var(--text-muted);background:var(--bg-secondary);padding:2px 8px;border-radius:4px}.gmap-infowindow__title{font-size:15px;font-weight:600;color:#333;margin:0 0 8px;line-height:1.3}.gmap-infowindow__desc{font-size:13px;color:#666;margin:0 0 8px;line-height:1.5;max-height:60px;overflow:hidden;text-overflow:ellipsis}.gmap-infowindow__address{font-size:12px;color:#888;margin:0 0 12px}.gmap-infowindow__actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid #eee}.gmap-infowindow__actions button{flex:1;padding:8px 12px;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.gmap-infowindow__actions button:hover{background:var(--accent-secondary);transform:translateY(-1px)}.gm-style-iw-c{padding:12px!important;border-radius:12px!important;box-shadow:0 4px 20px #00000026!important}.gm-style-iw-d{overflow:hidden!important}.gm-style-iw-t:after{background:#fff!important;box-shadow:none!important}.gm-ui-hover-effect{top:2px!important;right:2px!important}.gm-style gmp-internal-camera-control,.gm-style gmp-internal-camera-control.gmnoprint,button[aria-label="Keyboard shortcuts"],button[aria-label=閸电洡蹇€熼嵉],button[aria-label="Map camera controls"],button[aria-label=鍦板湒鐩告鎺у埗],.gm-tilt{display:none!important}.ncdr-page{display:flex;flex-direction:column;gap:24px}.ncdr-filter{padding:20px!important}.ncdr-filter__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ncdr-filter__header h4{margin:0;font-size:16px;color:var(--text-primary)}.ncdr-filter__actions{display:flex;gap:8px}.ncdr-filter__actions button{padding:6px 12px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s ease}.ncdr-filter__actions button:hover{background:var(--accent-primary);color:var(--brown-900);border-color:var(--accent-primary)}.ncdr-filter__groups{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:900px){.ncdr-filter__groups{grid-template-columns:1fr}}.ncdr-filter__group h5{font-size:13px;color:var(--text-secondary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.ncdr-filter__items{display:flex;flex-wrap:wrap;gap:8px}.ncdr-filter__item{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-secondary);border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s ease}.ncdr-filter__item:hover{background:#c4a77d26}.ncdr-filter__item input{accent-color:var(--accent-primary)}.ncdr-filter__item span.core{font-weight:600;color:var(--color-warning)}.ncdr-filter__footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color);font-size:12px;color:var(--text-muted)}.ncdr-filter__footer p{margin:4px 0}.ncdr-alerts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.ncdr-empty{grid-column:1 / -1}.ncdr-alert-card{padding:16px!important}.ncdr-alert__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ncdr-alert__severity{font-size:12px;font-weight:600}.ncdr-alert__title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 8px;line-height:1.4}.ncdr-alert__desc{font-size:13px;color:var(--text-secondary);margin:0 0 12px;line-height:1.5;max-height:60px;overflow:hidden;text-overflow:ellipsis}.ncdr-alert__meta{display:flex;gap:16px;font-size:12px;color:var(--text-muted);margin-bottom:12px}.ncdr-alert__link{display:inline-block;font-size:13px;color:var(--accent-primary);text-decoration:none;font-weight:500}.ncdr-alert__link:hover{text-decoration:underline}.map-legend__toggle{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer;font-size:13px;transition:opacity .15s ease}.map-legend__toggle:hover{opacity:.8}.map-legend__toggle input{accent-color:var(--accent-primary)}.ncdr-type-filters{margin-left:24px;padding-left:12px;border-left:2px solid var(--border-color);display:flex;flex-direction:column;gap:4px;margin-top:4px;max-height:400px;overflow-y:auto}.ncdr-type-filter{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .15s ease}.ncdr-type-filter:hover{background:#c4a77d1a}.ncdr-type-filter input{accent-color:var(--accent-primary);width:14px;height:14px;flex-shrink:0}.ncdr-type-icon{font-size:14px;flex-shrink:0}.ncdr-type-name{color:var(--text-primary);flex:1}.ncdr-type-count{color:var(--text-muted);font-size:11px;font-family:JetBrains Mono,monospace}.ncdr-type-filter--extended{opacity:.85}.ncdr-type-filter--extended:hover{opacity:1}.ncdr-type-expand{background:none;border:none;color:var(--accent-primary);font-size:11px;padding:6px 8px;cursor:pointer;text-align:left;transition:color .15s ease;margin-top:4px}.ncdr-type-expand:hover{color:var(--accent-secondary)}.ncdr-extended-types{display:flex;flex-direction:column;gap:2px;padding-top:4px;border-top:1px dashed var(--border-color);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-tabs{display:flex;gap:0;margin-bottom:12px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary);padding:4px}.sidebar-tab{flex:1;padding:10px 12px;background:transparent;border:none;font-size:13px;font-weight:500;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.sidebar-tab:hover{color:var(--text-primary);background:#c4a77d1a}.sidebar-tab--active{background:#2d3748;color:#fff;font-weight:600}.sidebar-tab--active:hover{background:#1a202c;color:#fff}.sidebar-tab__count{font-size:11px;font-weight:600;background:#00000026;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.sidebar-tab--active .sidebar-tab__count{background:#0003}.map-event-item--ncdr{border-left:3px solid var(--color-warning)}.ncdr-source{color:var(--text-muted);font-size:11px}.header-layer-toggles{display:flex;align-items:center;gap:16px;margin-left:20px}.header-layer-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:var(--text-secondary);transition:color .2s ease}.header-layer-toggle:hover{color:var(--text-primary)}.header-layer-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.header-layer-toggle span{white-space:nowrap}.header-severity-legend{display:flex;align-items:center;gap:12px;font-size:13px}.header-severity-legend__label{color:var(--text-secondary);font-weight:500}.header-severity-legend__item{display:flex;align-items:center;gap:4px}.header-severity-legend__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.header-severity-legend__text{color:var(--text-primary);font-size:12px}@media(max-width:768px){.header-severity-legend,.page-header__right{display:none}.sidebar-tabs{flex-direction:column}.sidebar-tab{padding:8px 10px;font-size:12px}.map-filters{flex-direction:column}.map-filter{width:100%}}@media(max-width:1024px){.header-severity-legend__text{display:none}.header-severity-legend__item{gap:2px}.header-severity-legend{gap:8px}}.manuals-page{max-width:1200px;margin:0 auto}.page-subtitle{color:var(--text-muted);font-size:14px;margin-top:4px}.manuals-search{position:relative;margin-bottom:24px}.manuals-search__input{width:100%;padding:14px 48px 14px 20px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);font-size:15px;color:var(--text-primary);transition:all .2s ease}.manuals-search__input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #b8976f26}.manuals-search__clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:var(--bg-secondary);border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;color:var(--text-muted);font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.category-card{cursor:pointer;transition:all .2s ease;display:flex;gap:16px;align-items:flex-start}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.category-card__icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-card__content{flex:1}.category-card__title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.category-card__desc{font-size:13px;color:var(--text-muted);margin-bottom:8px;line-height:1.5}.manuals-list-section{margin-top:16px}.manuals-list-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.manuals-back-btn,.manual-back-btn{background:var(--bg-secondary);border:1px solid var(--border-color);padding:8px 16px;border-radius:8px;cursor:pointer;color:var(--text-secondary);font-size:14px;transition:all .2s ease}.manuals-back-btn:hover,.manual-back-btn:hover{background:var(--bg-hover)}.manuals-list-title{display:flex;align-items:center;gap:8px}.manuals-list-title h3{font-size:20px;color:var(--text-primary)}.manuals-list{display:flex;flex-direction:column;gap:12px}.manual-item{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:16px 20px;text-decoration:none;transition:all .2s ease}.manual-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.manual-item__category{font-size:24px}.manual-item__content{flex:1}.manual-item__title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.manual-item__summary{font-size:13px;color:var(--text-muted);margin-bottom:8px}.manual-item__tags{display:flex;gap:6px;flex-wrap:wrap}.manual-item__arrow{font-size:20px;color:var(--text-muted)}.manuals-empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.manuals-empty span{font-size:48px;display:block;margin-bottom:12px}.manuals-search-results{margin-top:24px}.manuals-search-results h3{font-size:16px;color:var(--text-secondary);margin-bottom:16px}.manual-detail-page{max-width:800px;margin:0 auto}.manual-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.manual-breadcrumb{font-size:14px;font-weight:500}.manual-detail-card{margin-bottom:24px}.manual-detail-title-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.manual-detail-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.3}.manual-detail-summary{font-size:16px;color:var(--text-secondary);margin-bottom:12px}.manual-detail-tags{display:flex;gap:8px;flex-wrap:wrap}.manual-warning{display:flex;align-items:flex-start;gap:12px;background:#e85a5a1a;border:1px solid rgba(232,90,90,.3);border-radius:12px;padding:16px;margin-bottom:24px}.manual-warning__icon{font-size:24px}.manual-warning p{color:var(--danger);font-weight:500;line-height:1.5}.manual-detail-content{font-size:16px;line-height:1.8;color:var(--text-primary);margin-bottom:32px}.manual-steps{margin-bottom:32px}.manual-steps h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.manual-steps-list{display:flex;flex-direction:column;gap:16px}.manual-step{display:flex;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:12px}.manual-step__number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.manual-step__content h3{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.manual-step__content p{font-size:14px;color:var(--text-secondary);line-height:1.6}.manual-tips{background:#c4a77d1a;border-radius:12px;padding:20px}.manual-tips h2{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.manual-tips ul{margin:0;padding-left:20px}.manual-tips li{font-size:14px;color:var(--text-secondary);line-height:1.8}.manual-offline-badge{display:inline-flex;align-items:center;gap:6px;background:#6b8e5c26;color:var(--success);font-size:13px;font-weight:500;padding:8px 16px;border-radius:20px}.manual-sections{margin-top:24px;display:flex;flex-direction:column;gap:16px}.manual-section{background:var(--bg-secondary);border-radius:12px;padding:20px;border-left:4px solid var(--accent-primary)}.manual-section h2{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.manual-section p{font-size:14px;color:var(--text-secondary);line-height:1.7}.manual-pocket-card{margin-top:32px}.manual-pocket-card h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.pocket-card-box{background:linear-gradient(135deg,#1a1f2e,#232a3d);border:2px solid var(--accent-primary);border-radius:16px;padding:20px 24px;font-family:Courier New,Monaco,monospace}.pocket-card-line{color:#e0e0e0;font-size:13px;line-height:1.8;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.1)}.pocket-card-line:last-child{border-bottom:none}.manual-checklists{margin-top:32px}.manual-checklists h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.checklists-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.checklist-card{background:var(--bg-secondary);border-radius:12px;padding:16px 20px;border:1px solid var(--border-color)}.checklist-card h3{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.checklist-card ul{list-style:none;padding:0;margin:0}.checklist-card li{padding:6px 0}.checklist-card label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:13px;color:var(--text-secondary);line-height:1.4}.checklist-card input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0}.checklist-card input[type=checkbox]:checked+span{color:var(--success);text-decoration:line-through;opacity:.7}.manual-faq{margin-top:32px}.manual-faq h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color);overflow:hidden}.faq-item summary{padding:14px 20px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'鈻?;
font-size: 10px;color:var(--text-muted);transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(180deg)}.faq-item[open] summary{background:#b8976f1a;border-bottom:1px solid var(--border-color)}.faq-item p{padding:16px 20px;font-size:14px;color:var(--text-secondary);line-height:1.7;margin:0;background:#00000005}.manual-not-found{text-align:center;padding:80px 20px}.manual-not-found h2{font-size:24px;margin:16px 0 8px}.manual-not-found p{color:var(--text-muted);margin-bottom:24px}@media(max-width:768px){.category-grid{grid-template-columns:1fr}.manual-detail-title{font-size:22px}.manual-step{flex-direction:column}}:root[data-theme=dark],.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-hover: #334155;--bg-active: #475569;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-disabled: #475569;--border-color: #334155;--border-light: #1e293b;--primary-color: #60a5fa;--primary-hover: #3b82f6;--primary-light: rgba(96, 165, 250, .15);--success-color: #34d399;--success-light: rgba(52, 211, 153, .15);--warning-color: #fbbf24;--warning-light: rgba(251, 191, 36, .15);--danger-color: #f87171;--danger-light: rgba(248, 113, 113, .15);--info-color: #38bdf8;--info-light: rgba(56, 189, 248, .15);--glass-bg: rgba(30, 41, 59, .8);--glass-bg-light: rgba(30, 41, 59, .9);--glass-bg-subtle: rgba(30, 41, 59, .6);--glass-border: rgba(255, 255, 255, .1);--glass-border-light: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--scrollbar-track: #1e293b;--scrollbar-thumb: #475569;--scrollbar-thumb-hover: #64748b;--color-gold-400: #d4a373;--color-gold-500: #c4956c;--color-beige-400: #475569;--gradient-gold: linear-gradient(135deg, #d4a373 0%, #c4956c 100%)}.dark body{background-color:var(--bg-primary);color:var(--text-primary)}.dark .lk-card,.dark .card{background:var(--bg-card);border-color:var(--border-color)}.dark .sidebar{background:var(--bg-secondary);border-right-color:var(--border-color)}.dark .header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.dark input,.dark textarea,.dark select{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark input::placeholder,.dark textarea::placeholder{color:var(--text-muted)}.dark .modal-content{background:var(--bg-card);border-color:var(--border-color)}.dark .modal-overlay{background:#000000b3}.dark table{border-color:var(--border-color)}.dark th{background:var(--bg-secondary);color:var(--text-secondary)}.dark td{border-color:var(--border-color)}.dark tr:hover{background:var(--bg-hover)}.dark .skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-hover) 50%,var(--bg-secondary) 75%);background-size:200% 100%}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary, #64748b)}.theme-toggle:hover{background:var(--bg-hover, #f1f5f9);color:var(--text-primary, #1e293b);transform:scale(1.05)}.theme-toggle__icon{font-size:1.125rem;transition:transform .3s ease}.theme-toggle:hover .theme-toggle__icon{transform:rotate(15deg)}.dark .theme-toggle{border-color:var(--border-color);color:var(--text-secondary)}.dark .theme-toggle:hover{background:var(--bg-hover);color:#fbbf24}.theme-selector{position:relative;display:inline-block}.theme-selector__menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:150px;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .1));overflow:hidden;z-index:1000;animation:slideDown .2s ease}.theme-selector__option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;cursor:pointer;font-size:.875rem;color:var(--text-secondary, #64748b);transition:all .15s ease}.theme-selector__option:hover{background:var(--bg-hover, #f1f5f9);color:var(--text-primary, #1e293b)}.theme-selector__option--active{background:var(--primary-light, rgba(59, 130, 246, .1));color:var(--primary-color, #3b82f6)}.theme-selector__option-icon{font-size:1rem}.theme-selector__option-label{flex:1;text-align:left}.theme-selector__option-check{color:var(--primary-color, #3b82f6);font-size:.875rem}.dark .theme-selector__menu{background:var(--bg-card);border-color:var(--border-color)}.dark .theme-selector__option:hover{background:var(--bg-hover)}.skip-link{position:absolute;top:-100%;left:0;z-index:9999;padding:12px 24px;background:var(--primary-color, #3b82f6);color:#fff;font-weight:600;text-decoration:none;border-radius:0 0 8px;transition:top .2s ease}.skip-link:focus{top:0;outline:3px solid var(--color-gold-400, #d4a373);outline-offset:2px}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}:focus-visible{outline:3px solid var(--primary-color, #3b82f6);outline-offset:2px}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid var(--primary-color, #3b82f6);outline-offset:2px;box-shadow:0 0 0 4px #3b82f633}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--primary-color, #3b82f6);outline-offset:0;border-color:var(--primary-color, #3b82f6)}.dark :focus-visible{outline-color:var(--primary-color, #60a5fa)}.dark button:focus-visible,.dark a:focus-visible{outline-color:var(--primary-color, #60a5fa);box-shadow:0 0 0 4px #60a5fa4d}@media(prefers-contrast:more){:root{--text-primary: #000000;--text-secondary: #333333;--bg-primary: #ffffff;--bg-secondary: #f0f0f0;--border-color: #000000}.dark{--text-primary: #ffffff;--text-secondary: #e0e0e0;--bg-primary: #000000;--bg-secondary: #1a1a1a;--border-color: #ffffff}button,a,[role=button]{border:2px solid currentColor!important}:focus-visible{outline-width:4px}}.nav-item:focus-visible,.sidebar-user__info:focus-visible{background:var(--bg-hover, #f1f5f9);outline:3px solid var(--primary-color, #3b82f6);outline-offset:-3px}.dark .nav-item:focus-visible{background:var(--bg-hover)}[aria-expanded=true]:after{content:""}[aria-invalid=true]{border-color:var(--danger-color, #ef4444)!important}[aria-required=true]:after{content:" *";color:var(--danger-color, #ef4444)}[role=alert]{border-left:4px solid var(--danger-color, #ef4444);padding-left:12px}[role=status]{border-left:4px solid var(--info-color, #3b82f6);padding-left:12px}table{border-collapse:collapse}th{text-align:left;font-weight:600}th[scope=col]{vertical-align:bottom}th[scope=row]{vertical-align:top}fieldset{border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:16px;margin:0 0 16px}legend{font-weight:600;padding:0 8px}@media(pointer:coarse){button,a,[role=button],input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}.nav-item{min-height:48px}}body{font-size:max(16px,1rem);line-height:1.5}small,.text-sm{font-size:max(14px,.875rem)}.v3-nav-groups:focus-within{outline:none}.v3-nav-group-header:focus-visible{outline:2px solid var(--color-gold-400, #D4AF37);outline-offset:-2px;background:#d4af371a}.v3-nav-item:focus-visible{outline:2px solid var(--color-gold-400, #D4AF37);outline-offset:-2px;background:#d4af3726}[data-focus-scope]:focus-within:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--color-gold-400, #D4AF37);border-radius:0 2px 2px 0}body.keyboard-nav *:focus{outline-style:solid!important}body.keyboard-nav *:focus:not(:focus-visible){outline:none!important}:root{--lk-bg-primary: #0F172A;--lk-bg-secondary: #1E293B;--lk-bg-tertiary: #334155;--lk-text-primary: #E5E7EB;--lk-text-secondary: #9CA3AF;--lk-text-muted: #6B7280;--lk-gold: #D4AF37;--lk-gold-light: #E8C547;--lk-gold-dark: #B8942E;--lk-success: #10B981;--lk-warning: #F59E0B;--lk-danger: #EF4444;--lk-info: #3B82F6;--lk-emergency-advisory: #EAB308;--lk-emergency-warning: #F59E0B;--lk-emergency-emergency: #EF4444;--lk-emergency-critical: #9333EA;--lk-sidebar-bg: #0F172A;--lk-sidebar-border: rgba(255, 255, 255, .08);--lk-sidebar-item-hover: rgba(255, 255, 255, .05);--lk-sidebar-item-active: rgba(212, 175, 55, .1);--lk-card-bg: rgba(255, 255, 255, .03);--lk-card-border: rgba(255, 255, 255, .08);--lk-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--lk-input-bg: rgba(255, 255, 255, .05);--lk-input-border: rgba(255, 255, 255, .1);--lk-input-focus: #D4AF37;--lk-transition-fast: .15s ease;--lk-transition-normal: .25s ease}[data-emergency-level=warning]{--lk-emergency-accent: #F59E0B;--lk-emergency-bg: rgba(245, 158, 11, .05);--lk-emergency-border: rgba(245, 158, 11, .2)}[data-emergency-level=warning] .sidebar{border-color:var(--lk-emergency-border)}[data-emergency-level=warning] .emergency-quick-actions{background:linear-gradient(180deg,rgba(245,158,11,.15) 0%,transparent 100%)}[data-emergency-level=emergency]{--lk-emergency-accent: #EF4444;--lk-emergency-bg: rgba(239, 68, 68, .05);--lk-emergency-border: rgba(239, 68, 68, .2)}[data-emergency-level=emergency] .sidebar{border-color:var(--lk-emergency-border);box-shadow:inset 0 0 30px #ef44441a}[data-emergency-level=emergency] .sidebar-logo{animation:emergencyPulse 2s ease-in-out infinite}@keyframes emergencyPulse{0%,to{opacity:1}50%{opacity:.7}}[data-emergency-level=emergency] .emergency-quick-actions{background:linear-gradient(180deg,rgba(239,68,68,.2) 0%,transparent 100%)}[data-emergency-level=critical]{--lk-emergency-accent: #9333EA;--lk-emergency-bg: rgba(147, 51, 234, .05);--lk-emergency-border: rgba(147, 51, 234, .3)}[data-emergency-level=critical] .sidebar{border-color:var(--lk-emergency-border);box-shadow:inset 0 0 40px #9333ea26;animation:criticalBorder 3s ease-in-out infinite}@keyframes criticalBorder{0%,to{border-color:#9333ea4d}50%{border-color:#ef44444d}}[data-emergency-level=critical] .sidebar-logo{animation:criticalPulse 1.5s ease-in-out infinite}@keyframes criticalPulse{0%,to{opacity:1;filter:drop-shadow(0 0 8px rgba(147,51,234,.5))}50%{opacity:.8;filter:drop-shadow(0 0 16px rgba(239,68,68,.6))}}[data-emergency-level=critical] .emergency-quick-actions{background:linear-gradient(180deg,rgba(147,51,234,.25) 0%,rgba(239,68,68,.15) 50%,transparent 100%)}.emergency-highlight{position:relative}.emergency-highlight:before{content:"";position:absolute;inset:-2px;border-radius:inherit;border:2px solid var(--lk-emergency-accent, #F59E0B);opacity:0;animation:highlightPulse 2s ease-in-out infinite;pointer-events:none}@keyframes highlightPulse{0%,to{opacity:0}50%{opacity:.6}}.emergency-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--lk-emergency-accent);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:4px}:focus-visible{outline:2px solid var(--lk-gold);outline-offset:2px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lk-gold);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;top:-100%;left:16px;padding:8px 16px;background:var(--lk-gold);color:var(--lk-bg-primary);font-weight:600;text-decoration:none;border-radius:4px;z-index:9999;transition:top .15s ease}.skip-link:focus{top:16px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--lk-card-border: rgba(255, 255, 255, .3);--lk-sidebar-border: rgba(255, 255, 255, .3)}.sidebar-nav-item,.ics-link-card,.emergency-quick-action{border-width:2px}}:root{--color-brand-primary: #001F3F;--color-brand-accent: #D97706;--color-brand-accent-light: #FBBF24;--color-brand-accent-dark: #B45309;--color-safe: #059669;--color-safe-bg: rgba(5, 150, 105, .1);--color-warning: #D97706;--color-warning-bg: rgba(217, 119, 6, .1);--color-danger: #DC2626;--color-danger-bg: rgba(220, 38, 38, .1);--color-critical: #7C3AED;--color-critical-bg: rgba(124, 58, 237, .1);--color-info: #3B82F6;--color-info-bg: rgba(59, 130, 246, .1);--surface-ground: #F8FAFC;--surface-card: #FFFFFF;--surface-raised: #FFFFFF;--surface-overlay: rgba(255, 255, 255, .95);--surface-hover: #F1F5F9;--surface-pressed: #E2E8F0;--text-heading: #0F172A;--text-body: #1F2937;--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-disabled: #D1D5DB;--text-inverse: #FFFFFF;--text-link: #001F3F;--text-accent: #D97706;--border-default: #E2E8F0;--border-light: #F1F5F9;--border-focus: #001F3F;--border-accent: #D97706;--border-danger: #DC2626;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--font-display: "Noto Sans TC", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", "Noto Sans TC", sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-glow-accent: 0 0 20px rgba(217, 119, 6, .25);--shadow-glow-primary: 0 0 20px rgba(0, 31, 63, .15);--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease-out;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--hover-lift: translateY(-2px);--press-scale: scale(.98);--focus-ring: 0 0 0 3px rgba(0, 31, 63, .2);--focus-ring-accent: 0 0 0 3px rgba(217, 119, 6, .3);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-emergency: 999;--sidebar-width: 280px;--sidebar-collapsed-width: 64px;--header-height: 64px;--footer-height: 48px;--mobile-nav-height: 64px}[data-theme=dark],.dark{--surface-ground: #0F172A;--surface-card: #1E293B;--surface-raised: #334155;--surface-overlay: rgba(30, 41, 59, .95);--surface-hover: #334155;--surface-pressed: #475569;--text-heading: #F8FAFC;--text-body: #E2E8F0;--text-secondary: #94A3B8;--text-muted: #64748B;--text-disabled: #475569;--text-inverse: #0F172A;--text-link: #FBBF24;--border-default: #334155;--border-light: #1E293B;--border-focus: #FBBF24;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5), 0 4px 6px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6), 0 10px 10px rgba(0, 0, 0, .3);--shadow-glow-accent: 0 0 30px rgba(217, 119, 6, .4);--shadow-glow-primary: 0 0 30px rgba(0, 31, 63, .4);--focus-ring: 0 0 0 3px rgba(251, 191, 36, .3);--focus-ring-accent: 0 0 0 3px rgba(217, 119, 6, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-body);background-color:var(--surface-ground);min-height:100vh}:focus-visible{outline:none;box-shadow:var(--focus-ring)}::selection{background-color:#d9770633;color:var(--text-heading)}::-webkit-scrollbar-track{background:var(--surface-ground)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--surface-card)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-default)}.lk-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap}.lk-btn:focus-visible{box-shadow:var(--focus-ring)}.lk-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.lk-btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.lk-btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.lk-btn--primary{background:var(--color-brand-primary);color:var(--text-inverse);border-color:var(--color-brand-primary)}.lk-btn--primary:hover:not(:disabled){background:#00305f;transform:var(--hover-lift);box-shadow:var(--shadow-md)}.lk-btn--primary:active:not(:disabled){transform:var(--press-scale)}.lk-btn--accent{background:var(--color-brand-accent);color:#fff;border-color:var(--color-brand-accent)}.lk-btn--accent:hover:not(:disabled){background:var(--color-brand-accent-dark);transform:var(--hover-lift);box-shadow:var(--shadow-glow-accent)}.lk-btn--secondary{background:var(--surface-card);color:var(--text-body);border-color:var(--border-default)}.lk-btn--secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-muted)}.lk-btn--ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.lk-btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-body)}.lk-btn--danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.lk-btn--danger:hover:not(:disabled){background:#b91c1c;transform:var(--hover-lift)}.lk-btn--outline{background:transparent;color:var(--color-brand-primary);border-color:var(--color-brand-primary)}.lk-btn--outline:hover:not(:disabled){background:#001f3f0d}.lk-btn--link{background:transparent;color:var(--text-link);border-color:transparent;padding:0;text-decoration:underline;text-underline-offset:2px}.lk-btn--link:hover:not(:disabled){color:var(--color-brand-accent)}.lk-btn--loading{pointer-events:none;opacity:.7}.lk-btn__spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.lk-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.lk-card--elevated{box-shadow:var(--shadow-md)}.lk-card--elevated:hover{box-shadow:var(--shadow-lg);transform:var(--hover-lift)}.lk-card--outlined{background:transparent;border-width:2px}.lk-card--glass{background:var(--surface-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lk-card--emergency{border-color:var(--color-danger);box-shadow:0 0 0 1px var(--color-danger)}.lk-card--interactive{cursor:pointer}.lk-card--interactive:hover{border-color:var(--color-brand-accent)}.lk-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-light);background:var(--surface-hover)}.lk-card__title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-heading)}.lk-card__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.lk-card__body{padding:var(--space-4)}.lk-card__body--compact{padding:var(--space-3)}.lk-card__body--spacious{padding:var(--space-6)}.lk-card__footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-light);background:var(--surface-hover)}.lk-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.lk-badge--safe{background:var(--color-safe-bg);color:var(--color-safe)}.lk-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.lk-badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.lk-badge--critical{background:var(--color-critical-bg);color:var(--color-critical);animation:pulse-critical 2s ease-in-out infinite}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}.lk-badge--info{background:var(--color-info-bg);color:var(--color-info)}.lk-badge--neutral{background:var(--surface-hover);color:var(--text-secondary)}.lk-badge--accent{background:#d977061a;color:var(--color-brand-accent)}.lk-badge--sm{padding:2px var(--space-1);font-size:10px}.lk-badge--lg{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.lk-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.lk-badge--critical .lk-badge__dot{animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.lk-alert{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid}.lk-alert--info{background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-info)}.lk-alert--success{background:var(--color-safe-bg);border-color:var(--color-safe);color:var(--color-safe)}.lk-alert--warning{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.lk-alert--danger{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.lk-alert__icon{flex-shrink:0;width:20px;height:20px}.lk-alert__content{flex:1;min-width:0}.lk-alert__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.lk-alert__message{font-size:var(--font-size-sm);color:var(--text-body)}.lk-alert__close{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:var(--space-1);color:inherit;opacity:.7;transition:opacity var(--transition-fast)}.lk-alert__close:hover{opacity:1}.lk-input-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.lk-input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-body)}.lk-input-label--required:after{content:" *";color:var(--color-danger)}.lk-input{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--text-body);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.lk-input::placeholder{color:var(--text-muted)}.lk-input:hover:not(:disabled){border-color:var(--text-muted)}.lk-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.lk-input:disabled{background:var(--surface-hover);color:var(--text-disabled);cursor:not-allowed}.lk-input--error{border-color:var(--color-danger)}.lk-input--error:focus{box-shadow:0 0 0 3px #dc262633}.lk-input-error{font-size:var(--font-size-xs);color:var(--color-danger)}.lk-input-hint{font-size:var(--font-size-xs);color:var(--text-muted)}.lk-textarea{min-height:100px;resize:vertical}.animate-fade-in-up{animation:fadeInUp .4s ease backwards}.animate-stagger>*{animation:fadeInUp .4s ease backwards}.animate-stagger>*:nth-child(1){animation-delay:0ms}.animate-stagger>*:nth-child(2){animation-delay:50ms}.animate-stagger>*:nth-child(3){animation-delay:.1s}.animate-stagger>*:nth-child(4){animation-delay:.15s}.animate-stagger>*:nth-child(5){animation-delay:.2s}.animate-stagger>*:nth-child(6){animation-delay:.25s}.animate-stagger>*:nth-child(7){animation-delay:.3s}.animate-stagger>*:nth-child(8){animation-delay:.35s}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .2s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slideInRight .3s ease}.bento-dashboard{display:grid;gap:var(--space-4);padding:var(--space-6);min-height:calc(100vh - var(--header-height, 64px));grid-template-columns:repeat(4,1fr);grid-template-rows:auto repeat(3,minmax(180px,auto));grid-template-areas:"header header header header" "stat1 stat2 stat3 stat4" "missions missions quickact quickact" "alerts alerts team activity"}.bento-header{grid-area:header}.bento-stat-1{grid-area:stat1}.bento-stat-2{grid-area:stat2}.bento-stat-3{grid-area:stat3}.bento-stat-4{grid-area:stat4}.bento-missions{grid-area:missions}.bento-quickact{grid-area:quickact}.bento-alerts{grid-area:alerts}.bento-team{grid-area:team}.bento-activity{grid-area:activity}.bento-span-2{grid-column:span 2}.bento-span-3{grid-column:span 3}.bento-span-full{grid-column:1 / -1}.bento-row-span-2{grid-row:span 2}.bento-cell{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-normal)}.bento-cell:hover{border-color:var(--color-brand-accent);box-shadow:var(--shadow-md)}.bento-cell--elevated{box-shadow:var(--shadow-sm)}.bento-cell--elevated:hover{box-shadow:var(--shadow-lg);transform:var(--hover-lift)}.bento-cell--glass{background:var(--surface-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bento-cell--emergency{border-color:var(--color-danger);box-shadow:0 0 0 1px var(--color-danger-bg)}.bento-cell--emergency:hover{box-shadow:0 0 20px var(--color-danger-bg)}.bento-header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.bento-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-heading);margin:0}.bento-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.bento-status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-safe-bg);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-safe);text-transform:uppercase}.bento-status__dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}.bento-stat{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5)}.bento-stat__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#d977061a;border-radius:var(--radius-lg);font-size:28px}.bento-stat__content{flex:1;min-width:0}.bento-stat__value{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-heading);line-height:1}.bento-stat__label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.bento-stat__change{font-size:var(--font-size-xs);color:var(--color-safe);margin-top:var(--space-1)}.bento-stat__change--negative{color:var(--color-danger)}.bento-cell__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border-light)}.bento-cell__title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-heading)}.bento-cell__action{font-size:var(--font-size-sm);color:var(--color-brand-accent);text-decoration:none;transition:color var(--transition-fast)}.bento-cell__action:hover{color:var(--color-brand-accent-light)}.bento-cell__body{flex:1;padding:var(--space-4);overflow-y:auto}.bento-cell__body--compact{padding:var(--space-3)}.bento-mission{background:var(--surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);transition:all var(--transition-fast)}.bento-mission:last-child{margin-bottom:0}.bento-mission:hover{border-color:var(--color-brand-accent)}.bento-mission__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.bento-mission__title{font-weight:var(--font-weight-medium);color:var(--text-heading);font-size:var(--font-size-sm)}.bento-mission__id{font-size:var(--font-size-xs);color:var(--text-muted);font-family:var(--font-mono)}.bento-mission__footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);font-size:var(--font-size-xs)}.bento-mission__teams{color:var(--text-secondary)}.bento-mission__progress-label{color:var(--color-brand-accent);font-weight:var(--font-weight-semibold)}.bento-mission__progress-bar{height:4px;background:var(--border-default);border-radius:var(--radius-full);margin-top:var(--space-2);overflow:hidden}.bento-mission__progress-fill{height:100%;background:var(--color-brand-accent);border-radius:var(--radius-full);transition:width var(--transition-slow)}.bento-quickactions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.bento-quickaction{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-normal);text-align:center}.bento-quickaction--emergency{background:var(--color-danger-bg);border:1px solid rgba(220,38,38,.3)}.bento-quickaction--emergency:hover{background:#dc262626;transform:var(--hover-lift)}.bento-quickaction--volunteers{background:#d9770614;border:1px solid rgba(217,119,6,.3)}.bento-quickaction--volunteers:hover{background:#d9770626;transform:var(--hover-lift)}.bento-quickaction--resources{background:var(--color-info-bg);border:1px solid rgba(59,130,246,.3)}.bento-quickaction--resources:hover{background:#3b82f626;transform:var(--hover-lift)}.bento-quickaction--map{background:var(--color-safe-bg);border:1px solid rgba(5,150,105,.3)}.bento-quickaction--map:hover{background:#05966926;transform:var(--hover-lift)}.bento-quickaction__icon{font-size:28px;margin-bottom:var(--space-2)}.bento-quickaction__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.bento-quickaction--emergency .bento-quickaction__label{color:var(--color-danger)}.bento-quickaction--volunteers .bento-quickaction__label{color:var(--color-brand-accent)}.bento-quickaction--resources .bento-quickaction__label{color:var(--color-info)}.bento-quickaction--map .bento-quickaction__label{color:var(--color-safe)}@media(max-width:1279px){.bento-dashboard{grid-template-columns:repeat(2,1fr);grid-template-areas:"header header" "stat1 stat2" "stat3 stat4" "missions missions" "quickact quickact" "alerts activity" "team team"}}@media(max-width:767px){.bento-dashboard{grid-template-columns:1fr;padding:var(--space-4);grid-template-areas:"header" "stat1" "stat2" "stat3" "stat4" "missions" "quickact" "alerts" "activity" "team"}.bento-stat{padding:var(--space-4)}.bento-stat__icon{width:48px;height:48px;font-size:24px}.bento-stat__value{font-size:var(--font-size-2xl)}.bento-quickactions{grid-template-columns:repeat(2,1fr)}}.bento-dashboard.animate-stagger>*{animation:fadeInUp .4s ease backwards}.bento-dashboard.animate-stagger>*:nth-child(1){animation-delay:0ms}.bento-dashboard.animate-stagger>*:nth-child(2){animation-delay:50ms}.bento-dashboard.animate-stagger>*:nth-child(3){animation-delay:.1s}.bento-dashboard.animate-stagger>*:nth-child(4){animation-delay:.15s}.bento-dashboard.animate-stagger>*:nth-child(5){animation-delay:.2s}.bento-dashboard.animate-stagger>*:nth-child(6){animation-delay:.25s}.bento-dashboard.animate-stagger>*:nth-child(7){animation-delay:.3s}.bento-dashboard.animate-stagger>*:nth-child(8){animation-delay:.35s}.bento-dashboard.animate-stagger>*:nth-child(9){animation-delay:.4s}.bento-dashboard.animate-stagger>*:nth-child(10){animation-delay:.45s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .4s;--duration-slowest: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.68, -.6, .32, 1.6);--stagger-1: 50ms;--stagger-2: .1s;--stagger-3: .15s;--stagger-4: .2s;--stagger-5: .25s;--stagger-6: .3s}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--color-brand-accent);opacity:1}50%{box-shadow:0 0 20px 5px var(--color-brand-accent);opacity:.8}}@keyframes alertPulse{0%,to{box-shadow:0 0 0 0 var(--color-danger-bg)}50%{box-shadow:0 0 20px 8px var(--color-danger-bg)}}@keyframes criticalBlink{0%,50%,to{opacity:1}25%,75%{opacity:.6}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) forwards}.animate-fade-out{animation:fadeOut var(--duration-normal) var(--ease-in) forwards}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.animate-fade-in-down{animation:fadeInDown var(--duration-slow) var(--ease-out) forwards}.animate-fade-in-left{animation:fadeInLeft var(--duration-slow) var(--ease-out) forwards}.animate-fade-in-right{animation:fadeInRight var(--duration-slow) var(--ease-out) forwards}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out) forwards}.animate-scale-out{animation:scaleOut var(--duration-fast) var(--ease-in) forwards}.animate-pop-in{animation:popIn var(--duration-slower) var(--ease-spring) forwards}.animate-slide-in-up{animation:slideInUp var(--duration-slow) var(--ease-out) forwards}.animate-slide-in-down{animation:slideInDown var(--duration-slow) var(--ease-out) forwards}.animate-slide-in-left{animation:slideInLeft var(--duration-slow) var(--ease-out) forwards}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out) forwards}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-bounce{animation:bounce 1s var(--ease-in-out) infinite}.animate-shake{animation:shake .5s var(--ease-in-out)}.animate-wiggle{animation:wiggle .3s var(--ease-in-out)}.animate-ping{animation:ping 1s var(--ease-out) infinite}.animate-spin{animation:spin 1s linear infinite}.stagger-children>*:nth-child(1){animation-delay:var(--stagger-1)}.stagger-children>*:nth-child(2){animation-delay:var(--stagger-2)}.stagger-children>*:nth-child(3){animation-delay:var(--stagger-3)}.stagger-children>*:nth-child(4){animation-delay:var(--stagger-4)}.stagger-children>*:nth-child(5){animation-delay:var(--stagger-5)}.stagger-children>*:nth-child(6){animation-delay:var(--stagger-6)}.stagger-children>*:nth-child(n+7){animation-delay:.35s}.stagger-children>*{opacity:0;animation-fill-mode:forwards}.skeleton{background:linear-gradient(90deg,var(--surface-hover) 25%,var(--surface-pressed) 37%,var(--surface-hover) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-title{height:1.5em;width:60%;margin-bottom:var(--space-3)}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-button{height:40px;width:120px}.skeleton-card{height:200px;width:100%}.skeleton-image{aspect-ratio:16/9;width:100%}.interactive-button{transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.interactive-button:hover{transform:var(--hover-lift)}.interactive-button:active{transform:var(--press-scale)}.interactive-button:focus-visible{box-shadow:var(--focus-ring-accent)}.interactive-card{transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-fast)}.interactive-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.interactive-card:active{transform:translateY(-2px);box-shadow:var(--shadow-md)}.interactive-link{position:relative;transition:color var(--duration-fast)}.interactive-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-brand-accent);transition:width var(--duration-normal) var(--ease-out)}.interactive-link:hover:after{width:100%}.interactive-icon{transition:transform var(--duration-fast) var(--ease-spring),color var(--duration-fast)}.interactive-icon:hover{transform:scale(1.15);color:var(--color-brand-accent)}.interactive-toggle{position:relative;transition:background var(--duration-normal) var(--ease-out)}.interactive-toggle:before{content:"";position:absolute;transition:transform var(--duration-normal) var(--ease-spring)}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-8px);transition:opacity var(--duration-fast) var(--ease-in),transform var(--duration-fast) var(--ease-in)}.modal-backdrop-enter{opacity:0}.modal-backdrop-enter-active{opacity:1;transition:opacity var(--duration-normal) var(--ease-out)}.modal-backdrop-exit{opacity:1}.modal-backdrop-exit-active{opacity:0;transition:opacity var(--duration-fast) var(--ease-in)}.modal-content-enter{opacity:0;transform:scale(.95) translateY(16px)}.modal-content-enter-active{opacity:1;transform:scale(1) translateY(0);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-spring)}.modal-content-exit{opacity:1;transform:scale(1) translateY(0)}.modal-content-exit-active{opacity:0;transform:scale(.95) translateY(8px);transition:opacity var(--duration-fast) var(--ease-in),transform var(--duration-fast) var(--ease-in)}.alert-critical{animation:criticalBlink 1s ease-in-out infinite;border-color:var(--color-critical)}.alert-danger-pulse{animation:alertPulse 2s ease-in-out infinite}.emergency-glow{animation:pulseGlow 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skeleton{animation:none;background:var(--surface-hover)}}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-6);background:var(--color-brand-primary);color:var(--text-inverse);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-radius:var(--radius-md);text-decoration:none;z-index:var(--z-emergency);transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:var(--space-3);outline:3px solid var(--color-brand-accent);outline-offset:2px}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.focus-ring-accent:focus-visible{outline-color:var(--color-brand-accent)}.focus-ring-danger:focus-visible{outline-color:var(--color-danger)}.focus-ring-primary:focus-visible{outline-color:var(--color-brand-primary)}.focus-within:focus-within{outline:2px solid var(--border-focus);outline-offset:2px}.focus-visible-only:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.not-sr{speak:none}[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.keyboard-focusable{position:relative}.keyboard-focusable:after{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:inherit;pointer-events:none;transition:border-color var(--duration-fast)}.keyboard-focusable:focus-visible:after{border-color:var(--border-focus)}.focus-trap-active{box-shadow:inset 0 0 0 3px var(--border-focus)}@media(forced-colors:active){:focus-visible{outline:3px solid CanvasText;outline-offset:2px}.lk-btn,.lk-card,.lk-badge{border:2px solid CanvasText}a{text-decoration:underline}}.touch-target{min-width:44px;min-height:44px}.touch-target-lg{min-width:48px;min-height:48px}.touch-target-xl{min-width:56px;min-height:56px}.text-high-contrast{color:var(--text-heading);font-weight:var(--font-weight-medium)}.bg-high-contrast{background:var(--surface-card);color:var(--text-body)}[data-low-contrast=true]:before{content:"⚠️ Low Contrast";position:absolute;top:0;right:0;background:var(--color-warning);color:#fff;font-size:10px;padding:2px 4px;border-radius:var(--radius-sm)}.field-required:after{content:" *";color:var(--color-danger);font-weight:var(--font-weight-bold)}.field-error{border-color:var(--color-danger)!important}.field-error:focus-visible{outline-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-bg)}.error-message{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.error-message:before{content:"⚠";font-size:var(--font-size-base)}.field-success{border-color:var(--color-safe)!important}.field-success:focus-visible{outline-color:var(--color-safe)}.helper-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-1)}.announce-polite,.announce-assertive{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.link-with-icon{display:inline-flex;align-items:center;gap:var(--space-1)}.external-link:after{content:" ↗";font-size:.8em;vertical-align:super}.download-link:after{content:" ⬇";font-size:.8em}.table-caption{caption-side:top;text-align:left;font-weight:var(--font-weight-semibold);padding:var(--space-2) 0;color:var(--text-heading)}th[aria-sort]{cursor:pointer}th[aria-sort]:after{margin-left:var(--space-1);font-size:.8em}th[aria-sort=ascending]:after{content:"↑"}th[aria-sort=descending]:after{content:"↓"}th[aria-sort=none]:after{content:"↕";opacity:.5}tr[aria-selected=true]{background:var(--surface-hover)}@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #001F3F;--accent: #D97706;--success: #276749;--warning: #C05621;--danger: #9B2C2C;--critical: #702459;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-card: #FFFFFF;--bg-hover: #F1F5F9;--text-primary: #1F2937;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border-color: #E2E8F0;--border-light: #F1F5F9;--v2-bg-void: #FFFFFF;--v2-bg-glass: rgba(255, 255, 255, .95);--v2-bg-glass-heavy: rgba(248, 250, 252, .98);--v2-bg-dim: rgba(0, 0, 0, .05);--v2-border-subtle: #E2E8F0;--v2-border-neon: rgba(0, 31, 63, .2);--v2-border-amber: rgba(217, 119, 6, .3);--v2-text-primary: #1F2937;--v2-text-secondary: #6B7280;--v2-text-dim: #9CA3AF;--v2-text-accent: #001F3F;--v2-primary: #D97706;--v2-secondary: #001F3F;--v2-critical: #9B2C2C;--v2-success: #276749;--v2-glow-amber: 0 2px 8px rgba(217, 119, 6, .15);--v2-glow-cyan: 0 2px 8px rgba(0, 31, 63, .1);--v2-backdrop-blur: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--v2-nav-width: 24px;--v2-header-height: 64px;--v2-ticker-height: 32px;--font-family: "Noto Sans TC", "Inter", sans-serif;--radius: 8px;--radius-small: 4px}.bg-grid-pattern{background-size:40px 40px;background-image:linear-gradient(to right,rgba(0,31,63,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,31,63,.03) 1px,transparent 1px);background-position:center center}.bg-dot-pattern{background-size:20px 20px;background-image:radial-gradient(rgba(0,31,63,.05) 1px,transparent 1px)}@layer base{html,body{height:100%;margin:0;padding:0;overflow:hidden;background-color:var(--bg-primary);color:var(--text-primary);font-family:Noto Sans TC,Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Noto Sans TC,Inter,sans-serif;font-weight:600;letter-spacing:0}code,pre,.mono{font-family:JetBrains Mono,Consolas,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}}@layer components{.bento-widget{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-md);transition:all .2s ease;display:flex;flex-direction:column;overflow:hidden}.bento-widget:hover{box-shadow:var(--shadow-lg)}.bento-widget:before{content:"";position:absolute;top:0;left:0;width:8px;height:8px;border-top:2px solid var(--primary);border-left:2px solid var(--primary);border-radius:2px 0 0;pointer-events:none;z-index:1}.bento-widget:after{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;border-bottom:2px solid var(--primary);border-right:2px solid var(--primary);border-radius:0 0 2px;pointer-events:none;z-index:1}.bento-widget--amber:before,.bento-widget--amber:after{border-color:var(--accent)}.bento-widget--critical:before,.bento-widget--critical:after{border-color:var(--danger)}.bento-header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);font-family:Noto Sans TC,Inter,sans-serif;font-weight:600;font-size:14px;letter-spacing:0;color:var(--text-primary)}.bento-header__title{display:flex;align-items:center;gap:8px}.bento-header__actions{display:flex;gap:4px}.bento-content{flex:1;overflow-y:auto;padding:16px;min-height:0;background:var(--bg-card)}.v2-btn{@apply inline-flex items-center justify-center;@apply px-4 py-2;background:#d977061a;border:1px solid var(--accent);border-radius:var(--radius);color:var(--primary);font-family:Noto Sans TC,Inter,sans-serif;font-weight:600;transition:all .2s ease;cursor:pointer}.v2-btn:hover{background:var(--accent);color:#fff;box-shadow:var(--shadow-md)}.v2-btn--primary{border-color:var(--primary);color:var(--primary);background:#001f3f0d}.v2-btn--primary:hover{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}}@layer utilities{.text-primary-accent{color:var(--primary)}.text-accent{color:var(--accent)}.border-accent{border-color:var(--accent);box-shadow:var(--shadow-sm)}.grid-area-map{grid-area:map}.grid-area-stats{grid-area:stats}.grid-area-alerts{grid-area:alerts}.grid-area-team{grid-area:team}}:root,[data-theme=light],[data-theme=bright-steel]{--color-primary: #52525B;--color-primary-light: #71717A;--color-primary-dark: #3F3F46;--color-secondary: #F97316;--color-secondary-light: #FB923C;--color-secondary-dark: #EA580C;--color-accent: #FACC15;--color-accent-light: #FDE047;--color-accent-dark: #EAB308;--color-success: #22C55E;--color-success-light: #4ADE80;--color-success-dark: #16A34A;--color-warning: #F59E0B;--color-warning-light: #FBBF24;--color-warning-dark: #D97706;--color-danger: #EF4444;--color-danger-light: #F87171;--color-danger-dark: #DC2626;--color-info: #3B82F6;--color-info-light: #60A5FA;--color-info-dark: #2563EB;--bg-primary: #F4F4F5;--bg-secondary: #E4E4E7;--bg-tertiary: #D4D4D8;--bg-inverse: #27272A;--surface-default: #FFFFFF;--surface-raised: #FAFAFA;--surface-overlay: rgba(0, 0, 0, .5);--surface-hover: #F4F4F5;--surface-active: #E4E4E7;--text-primary: #18181B;--text-secondary: #52525B;--text-tertiary: #71717A;--text-inverse: #FAFAFA;--text-link: #F97316;--text-link-hover: #EA580C;--border-default: #D4D4D8;--border-light: #E4E4E7;--border-dark: #A1A1AA;--border-focus: #F97316;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .12);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-sans: "Inter", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Noto Sans Mono CJK TC", "Consolas", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800}[data-theme=dark],[data-theme=copper-steel]{--color-primary: #A8A29E;--color-primary-light: #D6D3D1;--color-primary-dark: #78716C;--color-secondary: #B87333;--color-secondary-light: #D4956A;--color-secondary-dark: #8B5A2B;--color-accent: #B8860B;--color-accent-light: #DAA520;--color-accent-dark: #8B6914;--color-success: #4D7C0F;--color-success-light: #65A30D;--color-success-dark: #3F6212;--color-warning: #CA8A04;--color-warning-light: #EAB308;--color-warning-dark: #A16207;--color-danger: #B91C1C;--color-danger-light: #DC2626;--color-danger-dark: #991B1B;--color-info: #0369A1;--color-info-light: #0284C7;--color-info-dark: #075985;--bg-primary: #1C1917;--bg-secondary: #292524;--bg-tertiary: #3D3835;--bg-inverse: #FAFAF9;--surface-default: #292524;--surface-raised: #3D3835;--surface-overlay: rgba(0, 0, 0, .8);--surface-hover: #3D3835;--surface-active: #57534E;--text-primary: #FAFAF9;--text-secondary: #D6D3D1;--text-tertiary: #A8A29E;--text-inverse: #1C1917;--text-link: #D4956A;--text-link-hover: #B87333;--border-default: #57534E;--border-light: #78716C;--border-dark: #44403C;--border-focus: #B87333;--copper-accent: #B87333;--copper-glow: rgba(184, 115, 51, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .5);--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px}[data-theme=dark] body,[data-theme=copper-steel] body{background-color:#1c1917}[data-theme=dark] .gradient-bg,[data-theme=copper-steel] .gradient-bg{background:var(--bg-secondary)!important}[data-theme=dark] .copper-divider,[data-theme=copper-steel] .copper-divider{height:1px;background:linear-gradient(90deg,transparent,var(--copper-accent),transparent)}@media(max-width:768px){:root{--text-3xl: 28px;--text-4xl: 32px;--space-6: 20px;--space-8: 24px}}:lang(zh-TW),:lang(zh-CN),:lang(ja),:lang(ko){letter-spacing:.02em;word-break:keep-all;overflow-wrap:break-word}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg-primary: #1C1917;--bg-secondary: #292524;--surface-default: #292524;--text-primary: #FAFAF9;--text-secondary: #D6D3D1;--border-default: #57534E;--color-secondary: #B87333}}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms}}:root .btn-metal,[data-theme=light] .btn-metal{background:linear-gradient(180deg,#71717a,#52525b);border:1px solid #3F3F46;box-shadow:inset 0 1px #fff3,0 2px 4px #0000001a}[data-theme=dark] .btn-metal,[data-theme=copper-steel] .btn-metal{background:linear-gradient(180deg,#57534e,#3d3835);border:1px solid #78716C;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0000004d}[data-theme=dark] .btn-copper,[data-theme=copper-steel] .btn-copper{background:linear-gradient(180deg,#d4956a,#b87333);color:#1c1917;border:1px solid #8B5A2B}.card-industrial{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-default);box-shadow:var(--shadow-sm)}.tag-warning{background:var(--color-accent);color:#18181b;padding:2px 8px;border-radius:var(--radius-sm);font-weight:var(--font-semibold);font-size:var(--text-xs)}.tag-danger{background:var(--color-danger);color:#fff;padding:2px 8px;border-radius:var(--radius-sm);font-weight:var(--font-semibold);font-size:var(--text-xs)}html.dark{--bg-primary: #161E2A;--bg-secondary: #1D2635;--bg-card: #1D2635;--bg-hover: #2A3548;--bg-surface: #242D3D;--text-primary: #E8E4DE;--text-secondary: #9CA3AF;--text-muted: #6B7280;--border-color: #2F3641;--border-light: #3A4556;--color-gold-400: #C39B6F;--color-gold-500: #C39B6F;--color-gold-600: #A67C52;--primary: #C39B6F;--primary-hover: #D4B896;--glass-bg: rgba(29, 38, 53, .9);--glass-border: rgba(255, 255, 255, .05)}html.dark body{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}html.dark .sidebar,html.dark .nav-sidebar{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}html.dark .sidebar .nav-item,html.dark .nav-item{color:var(--text-secondary)!important}html.dark .sidebar .nav-item:hover,html.dark .nav-item:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}html.dark .sidebar .nav-item.active,html.dark .nav-item.active{background:var(--bg-hover)!important;color:var(--color-gold-400)!important;border-left-color:var(--color-gold-400)!important}html.dark .main-content,html.dark .dashboard-content{background:var(--bg-primary)!important}html.dark .card,html.dark .lk-card,html.dark .stats-card,html.dark .panel{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}html.dark .lk-btn--primary,html.dark .btn-primary{background:var(--color-gold-400)!important;color:#161e2a!important;border-color:var(--color-gold-400)!important}html.dark .lk-btn--primary:hover,html.dark .btn-primary:hover{background:var(--color-gold-600)!important;box-shadow:0 0 12px #c39b6f4d!important}html.dark .header,html.dark .top-header,html.dark .page-header{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}html.dark input,html.dark textarea,html.dark select{background:var(--bg-primary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}html.dark input:focus,html.dark textarea:focus,html.dark select:focus{border-color:var(--color-gold-400)!important;box-shadow:0 0 0 2px #c39b6f26!important}html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark h5,html.dark h6{color:var(--text-primary)!important}html.dark p,html.dark span,html.dark label{color:var(--text-secondary)}html.dark .badge{background:var(--bg-surface)!important;color:var(--text-secondary)!important}html.dark table{background:var(--bg-card)!important}html.dark th{background:var(--bg-surface)!important;color:var(--text-secondary)!important;border-color:var(--border-color)!important}html.dark td{border-color:var(--border-color)!important;color:var(--text-primary)!important}html.dark tr:hover{background:var(--bg-hover)!important}html.dark ::-webkit-scrollbar-track{background:var(--bg-primary)}html.dark ::-webkit-scrollbar-thumb{background:var(--border-light);border-color:var(--bg-primary)}html.dark ::-webkit-scrollbar-thumb:hover{background:var(--color-gold-400)}:root{font-family:Inter,Noto Sans TC,Noto Sans SC,Noto Sans JP,Noto Sans KR,Noto Sans Thai,Noto Sans Khmer,Noto Sans Myanmar,Noto Sans Lao,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;width:100%;height:100%}#root{width:100%;height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary, #F5EDE4);border-radius:var(--radius-full, 9999px)}::-webkit-scrollbar-thumb{background:var(--color-beige-400, #D9CCC0);border-radius:var(--radius-full, 9999px);border:2px solid var(--bg-secondary, #F5EDE4);transition:background var(--duration-fast, .15s) var(--ease-smooth, cubic-bezier(.4, 0, .2, 1))}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-500, #B8976F)}::-webkit-scrollbar-corner{background:var(--bg-secondary, #F5EDE4)}*{scrollbar-width:thin;scrollbar-color:var(--color-beige-400, #D9CCC0) var(--bg-secondary, #F5EDE4)}::selection{background:#c4a77d4d;color:var(--text-primary, #3D2E24)}::-moz-selection{background:#c4a77d4d;color:var(--text-primary, #3D2E24)}.focus-ring:focus,.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary, #FAF8F5),0 0 0 4px var(--color-gold-400, #C4A77D)}.focus-ring-inset:focus,.focus-ring-inset:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-gold-400, #C4A77D)}.glass{background:var(--glass-bg, rgba(255, 255, 255, .7));-webkit-backdrop-filter:blur(var(--glass-blur, 20px));backdrop-filter:blur(var(--glass-blur, 20px));border:1px solid var(--glass-border, rgba(255, 255, 255, .2))}.glass-light{background:var(--glass-bg-light, rgba(255, 255, 255, .85));-webkit-backdrop-filter:blur(var(--glass-blur, 20px));backdrop-filter:blur(var(--glass-blur, 20px));border:1px solid var(--glass-border-light, rgba(255, 255, 255, .3))}.glass-subtle{background:var(--glass-bg-subtle, rgba(255, 255, 255, .5));-webkit-backdrop-filter:blur(var(--glass-blur-sm, 10px));backdrop-filter:blur(var(--glass-blur-sm, 10px))}.glass-dark{background:var(--glass-bg-dark, rgba(61, 46, 36, .85));-webkit-backdrop-filter:blur(var(--glass-blur-lg, 40px));backdrop-filter:blur(var(--glass-blur-lg, 40px));border:1px solid rgba(255,255,255,.1)}.gradient-text{background:var(--gradient-gold, linear-gradient(135deg, #C4A77D 0%, #A68660 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-border{position:relative;background:var(--bg-card, #FFFFFF);border-radius:inherit}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--gradient-gold, linear-gradient(135deg, #C4A77D 0%, #A68660 100%));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;pointer-events:none}.animate-fade-in{animation:fadeIn var(--duration-normal, .25s) var(--ease-smooth, cubic-bezier(.4, 0, .2, 1))}.animate-slide-up{animation:slideUp var(--duration-normal, .25s) var(--ease-spring, cubic-bezier(.175, .885, .32, 1.275))}.animate-slide-down{animation:slideDown var(--duration-normal, .25s) var(--ease-spring, cubic-bezier(.175, .885, .32, 1.275))}.animate-scale-in{animation:scaleIn var(--duration-normal, .25s) var(--ease-spring, cubic-bezier(.175, .885, .32, 1.275))}.animate-pulse{animation:pulse 2s var(--ease-in-out, cubic-bezier(.4, 0, .2, 1)) infinite}.animate-spin{animation:spin 1s var(--ease-linear, linear) infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary, #F5EDE4) 25%,var(--bg-hover, #E8DDD0) 50%,var(--bg-secondary, #F5EDE4) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md, 8px)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.page-header{flex-direction:column;gap:1rem;align-items:flex-start!important}.page-header__right,.page-header__right .lk-btn{width:100%}.modal-content,.modal-content--lg{width:95vw!important;max-width:95vw!important;max-height:90vh;overflow-y:auto}.form-row{flex-direction:column;gap:0}.form-row .form-section{width:100%}.skills-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.skill-btn{font-size:.75rem!important;padding:.5rem!important}}.admin-only-badge{display:inline-flex;align-items:center;margin-left:.5rem;padding:.125rem .5rem;font-size:.65rem;font-weight:500;color:#e11d48;background:#e11d4814;border:1px solid rgba(225,29,72,.2);border-radius:4px;white-space:nowrap}.form-input--private{background:linear-gradient(135deg,#fef2f2,#fff1f2);border-color:#e11d4833}.form-input--private:focus{border-color:#e11d4866;box-shadow:0 0 0 3px #e11d481a}.skills-grid--improved{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.skill-btn--toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem .75rem;min-height:80px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.skill-btn--toggle:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}.skill-btn--selected{background:linear-gradient(135deg,#334155,#475569);border-color:#334155;color:#fff;box-shadow:0 4px 12px #3341554d}.skill-btn--selected:hover{background:linear-gradient(135deg,#1e293b,#334155)}.skill-btn__icon{font-size:1.5rem}.skill-btn__label{font-size:.8rem;font-weight:500;text-align:center}.skill-btn__check{position:absolute;top:4px;right:4px;width:18px;height:18px;background:#22c55e;color:#fff;border-radius:50%;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700}@media(max-width:768px){.skills-grid--improved{grid-template-columns:repeat(2,1fr);gap:.5rem}.skill-btn--toggle{min-height:70px;padding:.75rem .5rem}.skill-btn__icon{font-size:1.25rem}.skill-btn__label{font-size:.7rem}.admin-only-badge{display:block;margin-left:0;margin-top:.25rem}.volunteers-stats,.resources-stats,.dashboard-stats{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.lk-btn{min-height:44px;padding:.75rem 1rem}.lk-btn--sm{min-height:36px;padding:.5rem .75rem}.status-filter-btn,.category-btn{padding:.5rem .75rem;font-size:.75rem;min-height:36px}.volunteer-card__actions{flex-direction:column;gap:.5rem}.volunteer-card__actions .lk-btn{width:100%}.resources-table{font-size:.8rem}.resources-table th,.resources-table td{padding:.5rem .25rem}.resources-table th:nth-child(5),.resources-table td:nth-child(5){display:none}}@media(max-width:480px){.main-content{margin-left:0!important;padding:72px 12px 12px!important}.volunteers-stats,.resources-stats,.skills-grid{grid-template-columns:1fr!important}}.nav-item-wrapper{display:flex;align-items:center;gap:0;border-radius:8px;transition:all .15s ease}.nav-item-wrapper:hover .nav-item-drag-handle{opacity:1}.nav-item-wrapper.dragging{background:var(--bg-card, #ffffff);box-shadow:0 4px 12px #00000026;border-radius:8px}.nav-item-drag-handle{display:flex;align-items:center;justify-content:center;width:20px;height:100%;padding:10px 2px;cursor:grab;color:var(--text-muted, #9CA3AF);opacity:0;transition:opacity .15s ease;flex-shrink:0}.nav-item-drag-handle:hover{color:var(--text-secondary, #6B7280)}.nav-item-drag-handle:active{cursor:grabbing}.nav-item-wrapper .nav-item{flex:1;margin:0;border-top-left-radius:0;border-bottom-left-radius:0}@media(max-width:768px){.nav-item-drag-handle{opacity:.5}}.nav-edit-controls{display:flex;gap:8px;padding:8px 12px;margin:0 12px 8px;background:var(--bg-hover, rgba(255, 255, 255, .05));border-radius:8px;border:1px dashed var(--border-color, rgba(255, 255, 255, .15))}.nav-edit-controls--bottom{margin:auto 12px 8px;border:none;background:transparent;padding:4px 0}.nav-edit-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;flex:1;justify-content:center}.nav-edit-btn--edit{background:var(--primary, #4F46E5);color:#fff}.nav-edit-btn--edit:hover{background:var(--primary-hover, #4338CA);transform:translateY(-1px)}.nav-edit-btn--edit-minimal{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;background:transparent;color:var(--text-secondary, #6B7280);border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;justify-content:flex-start}.nav-edit-btn--edit-minimal:hover{background:var(--bg-hover, rgba(255, 255, 255, .08));color:var(--text-primary, #1F2937)}.nav-edit-btn--edit-minimal span{white-space:nowrap}.nav-edit-btn--save{background:#10b981;color:#fff}.nav-edit-btn--save:hover:not(:disabled){background:#059669}.nav-edit-btn--cancel{background:var(--bg-secondary, #F3F4F6);color:var(--text-secondary, #6B7280)}.nav-edit-btn--cancel:hover:not(:disabled){background:var(--bg-hover, #E5E7EB)}.nav-edit-btn:disabled{opacity:.6;cursor:not-allowed}.nav-item--editing{display:flex;align-items:center;gap:8px;padding:10px 12px;background:transparent;border-radius:8px;flex:1}.nav-label-input{flex:1;padding:6px 10px;font-size:13px;font-weight:500;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #E5E7EB);border-radius:6px;color:var(--text-primary, #1F2937);min-width:0}.nav-label-input:focus{outline:none;border-color:var(--primary, #4F46E5);box-shadow:0 0 0 3px #4f46e51a}.sidebar-user{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:8px 12px;background:var(--bg-hover, rgba(255, 255, 255, .05));border-radius:10px;border:1px solid var(--border-color, rgba(255, 255, 255, .1))}.sidebar-user__info{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-decoration:none;border-radius:8px;padding:4px;margin:-4px;transition:background .15s ease}.sidebar-user__info:hover{background:#ffffff1a}.sidebar-user__avatar{width:36px;height:36px;border-radius:50%;background:#b8a99a;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sidebar-user__details{display:flex;flex-direction:column;min-width:0}.sidebar-user__name{font-size:13px;font-weight:600;color:var(--text-primary, #1F2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user__role{font-size:11px;color:var(--text-muted, #9CA3AF)}.sidebar-user__logout{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-muted, #9CA3AF);border-radius:6px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.sidebar-user__logout:hover{background:var(--danger, #EF4444);color:#fff}.sidebar-auth{padding:12px 16px;margin:8px 12px}.sidebar-auth__btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .2s ease;background:#374151;border:1px solid #374151;color:#fff}.sidebar-auth__btn:hover{background:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #1f29374d}.access-denied{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:24px}.access-denied__content{text-align:center;max-width:400px}.access-denied__icon{font-size:64px;display:block;margin-bottom:16px}.access-denied h2{font-size:24px;font-weight:700;margin:0 0 8px;color:var(--text-primary, #1F2937)}.access-denied p{color:var(--text-secondary, #6B7280);margin:0 0 16px}.access-denied__info{background:var(--bg-secondary, #F9FAFB);padding:16px;border-radius:8px;margin-bottom:24px;font-size:14px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #E5E7EB);border-top-color:var(--primary, #4F46E5);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-small{padding:.35rem .75rem;font-size:.8rem;font-weight:500;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .2s}.btn-small:hover{background:#f8fafc}.btn-primary-outline{border-color:#667eea;color:#667eea;background:transparent}.btn-primary-outline:hover{background:#667eea1a}.btn-success-outline{border-color:#10b981;color:#10b981;background:transparent}.btn-success-outline:hover{background:#10b9811a}.btn-danger-outline{border-color:#ef4444;color:#ef4444;background:transparent}.btn-danger-outline:hover{background:#ef44441a}@media(max-width:768px){.resources-list,.donations-table-container,.approval-grid,[class*=table-wrap],[class*=table-container]{overflow-x:auto;-webkit-overflow-scrolling:touch}.resources-table,.logs-table,.donations-table,.detail-table,.sensitive-table{min-width:580px}}@media(max-width:768px){.resource-actions button,.btn-delete,.btn-edit{min-height:44px;min-width:44px;padding:var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-xs, .75rem)}.filter-pill,.category-btn,.status-filter-btn{min-height:44px;padding:var(--space-2, 8px) var(--space-3, 12px)}.mobile-more-close,.drawer-close{min-width:44px;min-height:44px}.modal-actions button,.reject-actions button,.form-actions button,.btn-approve,.btn-reject,.btn-close-modal,.resources-tabs .tab-btn,.donations-page .tab-bar button{min-height:44px}}body{overflow-wrap:break-word;word-break:break-word}@media(max-width:768px){td,th{max-width:200px;overflow:hidden;text-overflow:ellipsis}}@media(max-width:640px){.modal-overlay,.resources-page .modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content,.modal-content--lg,.resources-page .modal-content,.resources-page .modal-content--lg{width:100%!important;max-width:100%!important;border-radius:var(--radius-xl, 16px) var(--radius-xl, 16px) 0 0!important;max-height:90vh;animation:slideFromBottom .3s ease!important}@keyframes slideFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content:before,.resources-page .modal-content:before{content:"";display:block;width:40px;height:4px;background:var(--border-default, #D4D4D8);border-radius:2px;margin:0 auto var(--space-3, 12px)}}@media(max-width:768px){.resources-tabs,.donations-page .tab-bar{scrollbar-width:none;position:relative}.resources-tabs::-webkit-scrollbar,.donations-page .tab-bar::-webkit-scrollbar{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@supports (padding-top: env(safe-area-inset-top)){.header,.appShellLayout .header{padding-top:env(safe-area-inset-top)}.modal-overlay,.resources-page .modal-overlay{padding-bottom:env(safe-area-inset-bottom)}}