.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;will-change:opacity;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{background:var(--color-bg-secondary,#1a1a2e);will-change:transform, opacity;border-radius:20px;outline:none;width:100%;max-width:90vw;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00000080}.modal-container::-webkit-scrollbar{width:6px}.modal-container::-webkit-scrollbar-track{background:0 0}.modal-container::-webkit-scrollbar-thumb{background:var(--color-border-hover,#3d3d5c);border-radius:100px}.modal-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted,#64748b)}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:720px}.modal-xl{max-width:900px}.modal-fullscreen{border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0}.modal-fade-in{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalFadeIn}.modal-fade-out{animation:.3s forwards modalFadeOut}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}.modal-slide-in{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalSlideIn}.modal-slide-out{animation:.3s forwards modalSlideOut}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(20px)scale(.95)}}.modal-scale-in{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalScaleIn}.modal-scale-out{animation:.3s forwards modalScaleOut}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modalScaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.modal-none-in,.modal-none-out{animation:none!important}.modal-hidden{display:none!important}[data-theme=light] .modal-container,.light-mode .modal-container{background:#fff}[data-theme=light] .modal-overlay,.light-mode .modal-overlay{background:#ffffffb3}@media (width<=640px){.modal-overlay{align-items:flex-end;padding:12px}.modal-container{border-radius:16px 16px 0 0;max-height:85vh}.modal-sm,.modal-md,.modal-lg,.modal-xl{max-width:100%}.modal-fullscreen{border-radius:0}.modal-slide-in{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalBottomSheetIn}.modal-slide-out{animation:.3s forwards modalBottomSheetOut}@keyframes modalBottomSheetIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes modalBottomSheetOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}}@media (prefers-reduced-motion:reduce){.modal-fade-in,.modal-fade-out,.modal-slide-in,.modal-slide-out,.modal-scale-in,.modal-scale-out{animation:none!important}}.loader-overlay{z-index:9999;opacity:0;pointer-events:none;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.loader-overlay.loader-visible{opacity:1;pointer-events:all}.loader-overlay.loader-hidden{opacity:0;pointer-events:none}.loader-fullscreen{position:fixed;inset:0}.loader-container{justify-content:center;align-items:center;min-height:60px;padding:16px;display:inline-flex;position:relative}.loader-inline{align-items:center;gap:8px;padding:4px 8px;display:inline-flex}.loader-button{align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.loader-content{text-align:center;width:100%;max-width:400px;padding:32px 48px}.loader-overlay .loader-content{background:var(--color-bg-secondary,#1a1a2e);border-radius:20px;padding:48px 56px;animation:.4s cubic-bezier(.34,1.56,.64,1) loaderSlideUp;box-shadow:0 24px 80px #00000080}.loader-inline .loader-content,.loader-button .loader-content{box-shadow:none;background:0 0;padding:0;animation:none}.loader-icon{color:var(--color-primary,#14b8a6);margin-bottom:20px;display:inline-block;position:relative}.loader-icon i{font-size:48px;transition:all .3s}.loader-cube-animated i{animation:1.5s linear infinite loaderCubeRotate}.loader-icon .fa-spinner{animation:.8s linear infinite loaderSpin}.loader-icon .fa-sync{animation:1.2s linear infinite loaderSpin}.loader-icon .fa-circle-pulse{animation:1s ease-in-out infinite loaderPulse}.loader-xs .loader-icon i{font-size:20px}.loader-sm .loader-icon i{font-size:32px}.loader-md .loader-icon i{font-size:48px}.loader-lg .loader-icon i{font-size:64px}.loader-xl .loader-icon i{font-size:80px}.loader-xs .loader-title{font-size:14px}.loader-sm .loader-title{font-size:16px}.loader-md .loader-title{font-size:20px}.loader-lg .loader-title{font-size:24px}.loader-xl .loader-title{font-size:28px}.loader-dots{justify-content:center;gap:8px;margin-top:12px;display:flex}.loader-dots span{background:var(--color-primary,#14b8a6);border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite both loaderDotBounce}.loader-dots span:first-child{animation-delay:-.32s}.loader-dots span:nth-child(2){animation-delay:-.16s}.loader-dots span:nth-child(3){animation-delay:0}.loader-title{color:var(--color-text,#fff);margin:0 0 4px;font-size:20px;font-weight:600;line-height:1.4}.loader-sub-message{color:var(--color-text-secondary,#94a3b8);margin:4px 0 0;font-size:14px}.loader-inline .loader-title,.loader-button .loader-title{margin:0;font-size:14px}.loader-inline .loader-sub-message,.loader-button .loader-sub-message{display:none}.loader-progress-wrapper{width:100%;margin-top:16px}.loader-progress-bar{background:var(--color-bg-tertiary,#2d2d44);border-radius:100px;width:100%;height:6px;position:relative;overflow:hidden}.loader-progress-fill{background:linear-gradient(90deg, var(--color-primary,#14b8a6), var(--color-primary-light,#5eead4));border-radius:100px;height:100%;transition:width .3s cubic-bezier(.34,1.56,.64,1)}.loader-progress-text{color:var(--color-text-muted,#64748b);text-align:right;margin-top:6px;font-size:12px;display:block}.loader-actions{justify-content:center;gap:8px;margin-top:20px;display:flex}.loader-actions button{cursor:pointer;border:none;border-radius:10px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.loader-actions .cancel-btn{background:var(--color-bg-tertiary,#2d2d44);color:var(--color-text-secondary,#94a3b8)}.loader-actions .cancel-btn:hover{background:var(--color-danger,#ef4444);color:#fff}@keyframes loaderSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes loaderCubeRotate{0%{transform:rotate(0)scale(1)}25%{transform:rotate(90deg)scale(1.1)}50%{transform:rotate(180deg)scale(1)}75%{transform:rotate(270deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}@keyframes loaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loaderPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes loaderDotBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}[data-theme=light] .loader-overlay,.light-mode .loader-overlay{background:#ffffffb3}[data-theme=light] .loader-overlay .loader-content,.light-mode .loader-overlay .loader-content{background:#fff}[data-theme=light] .loader-title,.light-mode .loader-title{color:#0f172a}[data-theme=light] .loader-sub-message,.light-mode .loader-sub-message{color:#475569}[data-theme=light] .loader-progress-bar,.light-mode .loader-progress-bar{background:#e2e8f0}@media (width<=640px){.loader-overlay .loader-content{max-width:100%;margin:16px;padding:32px 24px}.loader-icon i{font-size:36px}.loader-title{font-size:18px}.loader-actions{flex-direction:column}.loader-actions button{width:100%;padding:12px}}@media (prefers-reduced-motion:reduce){.loader-overlay .loader-content,.loader-cube-animated i,.loader-icon .fa-spinner,.loader-icon .fa-sync,.loader-icon .fa-circle-pulse,.loader-dots span{animation:none!important}.loader-progress-fill{transition:none!important}}.alert-container{text-align:center;padding:8px 0}.alert-icon-wrapper{margin-bottom:20px;display:inline-block;position:relative}.cube-background{background:var(--gradient-primary,linear-gradient(135deg, #14b8a6, #0d9488));width:72px;height:72px;box-shadow:var(--shadow-primary,0 8px 32px #14b8a640);border-radius:50%;justify-content:center;align-items:center;display:flex}@keyframes alertCube3D{0%,to{transform:rotateY(0)scale(1)}25%{transform:rotateY(90deg)scale(1.05)}50%{transform:rotateY(180deg)scale(1)}75%{transform:rotateY(270deg)scale(1.05)}}.alert-status-icon{background:var(--color-bg-secondary,#1a1a2e);border:3px solid var(--color-bg-secondary,#1a1a2e);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .3s;display:flex;position:absolute;bottom:-4px;right:-8px}.alert-status-icon i{font-size:16px}.alert-status-icon.success{color:var(--status-success,#22c55e)}.alert-status-icon.error{color:var(--status-danger,#ef4444)}.alert-status-icon.warning{color:var(--status-warning,#f59e0b)}.alert-status-icon.info{color:var(--status-info,#3b82f6)}.alert-status-label{text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:600}.alert-status-label.success{color:var(--status-success,#22c55e)}.alert-status-label.error{color:var(--status-danger,#ef4444)}.alert-status-label.warning{color:var(--status-warning,#f59e0b)}.alert-status-label.info{color:var(--status-info,#3b82f6)}.alert-title{color:var(--color-text,#fff);margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.3}.alert-message{color:var(--color-text-secondary,#94a3b8);margin:0 0 24px;font-size:14px;line-height:1.6}.alert-btn{cursor:pointer;color:#fff;border:none;border-radius:14px;min-width:120px;padding:12px 48px;font-size:15px;font-weight:600;transition:all .25s;position:relative;overflow:hidden}.alert-btn.success{background:var(--gradient-success,linear-gradient(135deg, #22c55e, #16a34a))}.alert-btn.success:hover{transform:translateY(-2px);box-shadow:0 8px 32px #22c55e4d}.alert-btn.error{background:var(--gradient-danger,linear-gradient(135deg, #ef4444, #dc2626))}.alert-btn.error:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ef44444d}.alert-btn.warning{background:var(--gradient-warning,linear-gradient(135deg, #f59e0b, #d97706))}.alert-btn.warning:hover{transform:translateY(-2px);box-shadow:0 8px 32px #f59e0b4d}.alert-btn.info{background:var(--gradient-info,linear-gradient(135deg, #3b82f6, #2563eb))}.alert-btn.info:hover{transform:translateY(-2px);box-shadow:0 8px 32px #3b82f64d}.alert-btn:active{transform:translateY(0)scale(.98)}.alert-btn:after{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.alert-btn:active:after{width:300px;height:300px}[data-theme=light] .alert-status-icon,.light-mode .alert-status-icon{background:#fff;border-color:#fff}[data-theme=light] .alert-title,.light-mode .alert-title{color:#0f172a}[data-theme=light] .alert-message,.light-mode .alert-message{color:#475569}@media (width<=640px){.alert-container{padding:0}.cube-background{width:60px;height:60px}.cube-background i{font-size:26px}.alert-status-icon{width:28px;height:28px;font-size:14px;bottom:-2px;right:-6px}.alert-status-icon i{font-size:13px}.alert-title{font-size:18px}.alert-btn{width:100%;min-width:unset;padding:14px}.alert-status-label{font-size:11px}}@media (prefers-reduced-motion:reduce){.cube-background i{animation:none!important}.alert-btn,.alert-status-icon{transition:none!important}.alert-btn:hover{transform:none!important}.alert-btn:after{display:none!important}}.confirm-container{text-align:center;padding:8px 0}.confirm-icon{margin-bottom:20px;display:inline-block}.confirm-icon-bg{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:32px;transition:all .3s;display:flex}.confirm-icon.primary .confirm-icon-bg{color:var(--color-primary,#14b8a6);background:#14b8a626}.confirm-icon.danger .confirm-icon-bg{color:var(--color-danger,#ef4444);background:#ef444426}.confirm-icon.warning .confirm-icon-bg{color:var(--color-warning,#f59e0b);background:#f59e0b26}.confirm-icon.success .confirm-icon-bg{color:var(--color-success,#22c55e);background:#22c55e26}.confirm-icon.info .confirm-icon-bg{color:var(--color-info,#3b82f6);background:#3b82f626}.confirm-title{color:var(--color-text,#fff);margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.3}.confirm-message{color:var(--color-text-secondary,#94a3b8);margin:0 0 24px;font-size:14px;line-height:1.6}.confirm-children{background:var(--color-bg-tertiary,#2d2d44);border-radius:12px;margin:16px 0 24px;padding:16px}.confirm-actions{justify-content:center;gap:10px;display:flex}.confirm-actions.windows-order{flex-direction:row}.confirm-actions.mac-order{flex-direction:row-reverse}.confirm-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-width:100px;padding:12px 32px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.confirm-btn.primary{background:var(--gradient-primary,linear-gradient(135deg, #14b8a6, #0d9488));color:#fff}.confirm-btn.primary:hover:not(:disabled){box-shadow:var(--shadow-primary,0 8px 32px #14b8a64d);transform:translateY(-2px)}.confirm-btn.danger{background:var(--gradient-danger,linear-gradient(135deg, #ef4444, #dc2626));color:#fff}.confirm-btn.danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #ef44444d}.confirm-btn.warning{background:var(--gradient-warning,linear-gradient(135deg, #f59e0b, #d97706));color:#fff}.confirm-btn.warning:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #f59e0b4d}.confirm-btn.success{background:var(--gradient-success,linear-gradient(135deg, #22c55e, #16a34a));color:#fff}.confirm-btn.success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #22c55e4d}.confirm-btn.info{background:var(--gradient-info,linear-gradient(135deg, #3b82f6, #2563eb));color:#fff}.confirm-btn.info:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #3b82f64d}.confirm-btn.secondary{background:var(--color-bg-tertiary,#2d2d44);color:var(--color-text-secondary,#94a3b8);border:1px solid var(--color-border,#2d2d44)}.confirm-btn.secondary:hover:not(:disabled){background:var(--color-border-hover,#3d3d5c);color:var(--color-text,#fff);transform:translateY(-2px)}.confirm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.confirm-btn .fa-spinner{animation:.8s linear infinite confirmSpin}@keyframes confirmSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=light] .confirm-title,.light-mode .confirm-title{color:#0f172a}[data-theme=light] .confirm-message,.light-mode .confirm-message{color:#475569}[data-theme=light] .confirm-children,.light-mode .confirm-children{background:#f1f5f9}[data-theme=light] .confirm-btn.secondary,.light-mode .confirm-btn.secondary{color:#475569;background:#e2e8f0;border-color:#e2e8f0}[data-theme=light] .confirm-btn.secondary:hover:not(:disabled),.light-mode .confirm-btn.secondary:hover:not(:disabled){color:#0f172a;background:#cbd5e1}@media (width<=640px){.confirm-container{padding:0}.confirm-actions{flex-direction:column-reverse;gap:8px}.confirm-actions.windows-order,.confirm-actions.mac-order{flex-direction:column-reverse}.confirm-btn{width:100%;min-width:unset;padding:14px}.confirm-icon-bg{width:60px;height:60px;font-size:26px}.confirm-title{font-size:18px}.confirm-children{padding:12px}}@media (prefers-reduced-motion:reduce){.confirm-btn,.confirm-icon-bg{transition:none!important}.confirm-btn:hover:not(:disabled){transform:none!important}.confirm-btn .fa-spinner{animation:none!important}}:root{--color-primary:#14b8a6;--color-primary-dark:#0d9488;--color-primary-light:#5eead4;--color-primary-glow:#14b8a64d;--color-bg:#0f0f1a;--color-bg-secondary:#1a1a2e;--color-bg-tertiary:#24243e;--color-bg-input:#0f0f1a;--color-text:#fff;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-border:#2d2d44;--color-border-hover:#3d3d5c;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-success:#22c55e;--color-success-bg:#22c55e1a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-info:#3b82f6;--color-info-bg:#3b82f61a;--gradient-primary:linear-gradient(135deg, #14b8a6, #0d9488);--gradient-secondary:linear-gradient(135deg, #1a1a2e, #0f0f1a);--shadow-primary:0 8px 32px #14b8a640;--shadow-secondary:0 4px 16px #0000004d;--glow-primary:0 0 40px #14b8a626;--focus-ring:0 0 0 4px #14b8a626;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:50%}[data-theme=light],.light-mode{--color-bg:#f8fafc;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f5f9;--color-bg-input:#fff;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--glass-bg:#00000008;--glass-border:#0000000f}.prompt-container{text-align:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);width:100%;max-width:480px;padding:8px 0}.prompt-icon{margin-bottom:20px;display:inline-block;position:relative}.cube-background{background:var(--gradient-primary);border-radius:var(--radius-lg);width:72px;height:72px;box-shadow:var(--shadow-primary);justify-content:center;align-items:center;transition:all .3s;display:flex}.cube-background i{color:#fff;font-size:36px;animation:4s ease-in-out infinite cube3D}.prompt-icon-edit{background:var(--color-bg-secondary);border-radius:var(--radius-full);box-shadow:var(--shadow-secondary);color:var(--color-primary);border:2px solid var(--color-bg-secondary);padding:4px;font-size:24px;position:absolute;bottom:-6px;right:-10px}.prompt-title{color:var(--color-text);margin:0 0 var(--spacing-sm);font-size:20px;font-weight:700;line-height:1.3}.prompt-message{color:var(--color-text-secondary);margin:0 0 20px;font-size:14px;line-height:1.6}.prompt-input-wrapper{margin-bottom:var(--spacing-md);position:relative}.prompt-input,.prompt-textarea{border:2px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);background:var(--color-bg-input);box-sizing:border-box;outline:none;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .25s}.prompt-input::placeholder,.prompt-textarea::placeholder{color:var(--color-text-muted)}.prompt-input:focus,.prompt-textarea:focus{border-color:var(--color-primary);background:var(--color-bg-secondary);box-shadow:var(--focus-ring)}.prompt-input:hover,.prompt-textarea:hover{border-color:var(--color-border-hover)}.prompt-input:disabled,.prompt-textarea:disabled{opacity:.6;cursor:not-allowed}.prompt-textarea{resize:vertical;min-height:80px;max-height:200px;line-height:1.6}.prompt-input.has-error,.prompt-textarea.has-error{border-color:var(--color-danger);background:var(--color-danger-bg)}.prompt-input.has-error:focus,.prompt-textarea.has-error:focus{box-shadow:0 0 0 4px var(--color-danger-bg)}.prompt-input.has-success{border-color:var(--color-success);background:var(--color-success-bg)}.prompt-input.has-success:focus{box-shadow:0 0 0 4px var(--color-success-bg)}.prompt-counter{color:var(--color-text-muted);pointer-events:none;background:var(--color-bg-input);border-radius:var(--radius-sm);padding:2px 8px;font-size:12px;position:absolute;bottom:12px;right:12px}.prompt-counter.error{color:var(--color-danger)}.prompt-error{align-items:center;gap:var(--spacing-sm);color:var(--color-danger);margin:4px 0 var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-danger-bg);border-radius:var(--radius-sm);text-align:left;border:1px solid #ef444433;font-size:13px;display:flex}.prompt-error i{flex-shrink:0;font-size:14px}.prompt-actions{margin-top:var(--spacing-md);justify-content:center;gap:10px;display:flex}.prompt-btn{border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;min-width:100px;padding:12px 32px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.prompt-btn.primary{background:var(--gradient-primary);color:#fff}.prompt-btn.primary:hover:not(:disabled){box-shadow:var(--shadow-primary);transform:translateY(-2px)}.prompt-btn.primary:active:not(:disabled){transform:translateY(0)scale(.98)}.prompt-btn.secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.prompt-btn.secondary:hover:not(:disabled){background:var(--color-border-hover);color:var(--color-text);transform:translateY(-2px)}.prompt-btn.secondary:active:not(:disabled){transform:translateY(0)scale(.98)}.prompt-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.prompt-btn .fa-spinner{animation:.8s linear infinite buttonSpin}@keyframes cube3D{0%,to{transform:rotateY(0)scale(1)}25%{transform:rotateY(90deg)scale(1.05)}50%{transform:rotateY(180deg)scale(1)}75%{transform:rotateY(270deg)scale(1.05)}}@keyframes buttonSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes inputPulse{0%,to{box-shadow:0 0 0 4px #14b8a61a}50%{box-shadow:0 0 0 6px #14b8a633}}.prompt-input:focus{animation:1.5s ease-in-out infinite inputPulse}.prompt-container{animation:.3s cubic-bezier(.34,1.56,.64,1) promptSlideUp}@keyframes promptSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.prompt-container{padding:var(--spacing-md);margin:var(--spacing-md);max-width:100%}.prompt-actions{gap:var(--spacing-sm);flex-direction:column-reverse}.prompt-btn{width:100%;min-width:unset;padding:14px}.cube-background{width:60px;height:60px}.cube-background i{font-size:28px}.prompt-icon-edit{padding:3px;font-size:20px;bottom:-4px;right:-8px}.prompt-title{font-size:18px}.prompt-input,.prompt-textarea{padding:12px 14px;font-size:16px}.prompt-counter{padding:1px 6px;font-size:11px}.prompt-error{padding:var(--spacing-xs) var(--spacing-sm);font-size:12px}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){.cube-background{box-shadow:0 12px 40px #14b8a64d}}@media (prefers-reduced-motion:reduce){.cube-background i,.prompt-btn,.prompt-container,.prompt-input:focus{transition:none!important;animation:none!important}}@media print{.prompt-container{box-shadow:none!important;background:#fff!important}.prompt-btn{display:none!important}}.sheet-modal .modal-overlay{background:#00000080;align-items:flex-end;padding:0}.sheet-modal .modal-container{max-width:100%;max-height:100vh;box-shadow:none;background:0 0;border-radius:20px 20px 0 0;margin:0;overflow:hidden}.sheet-container{background:var(--color-bg-secondary,#1a1a2e);border-radius:20px 20px 0 0;width:100%;max-width:640px;max-height:90vh;margin:0 auto;padding:8px 24px 24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow-y:auto;transform:translateY(0);box-shadow:0 -8px 40px #0000004d}.sheet-container::-webkit-scrollbar{width:4px}.sheet-container::-webkit-scrollbar-track{background:0 0}.sheet-container::-webkit-scrollbar-thumb{background:var(--color-border-hover,#3d3d5c);border-radius:100px}.sheet-auto{height:auto;max-height:90vh}.sheet-small{height:30vh;max-height:30vh}.sheet-half{height:50vh;max-height:50vh}.sheet-large{height:75vh;max-height:75vh}.sheet-full{height:95vh;max-height:95vh}.sheet-handle-wrapper{cursor:grab;justify-content:center;padding:6px 0 12px;display:flex}.sheet-handle{background:var(--color-text-muted,#64748b);border-radius:100px;width:36px;height:4px;transition:all .3s}.sheet-handle-wrapper:hover .sheet-handle{background:var(--color-text-secondary,#94a3b8);width:44px}.sheet-handle-wrapper:active{cursor:grabbing}.sheet-close-btn{background:var(--color-bg-tertiary,#2d2d44);width:36px;height:36px;color:var(--color-text-secondary,#94a3b8);cursor:pointer;z-index:1;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.sheet-close-btn:hover:not(:disabled){background:var(--color-danger,#ef4444);color:#fff;transform:rotate(90deg)}.sheet-close-btn:disabled{opacity:.5;cursor:not-allowed}.sheet-title{color:var(--color-text,#fff);text-align:center;margin:8px 0 16px;padding-right:40px;font-size:18px;font-weight:600;line-height:1.4}.sheet-content{color:var(--color-text-secondary,#94a3b8);padding:4px 0 16px;font-size:15px;line-height:1.6}.sheet-content>:last-child{margin-bottom:0}.sheet-actions{border-top:1px solid var(--color-border,#2d2d44);flex-direction:column;gap:8px;padding-top:12px;display:flex}.sheet-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.sheet-btn i{font-size:16px}.sheet-btn-primary{background:var(--gradient-primary,linear-gradient(135deg, #14b8a6, #0d9488));color:#fff}.sheet-btn-primary:hover:not(.disabled){box-shadow:var(--shadow-primary,0 8px 32px #14b8a64d);transform:translateY(-2px)}.sheet-btn-secondary{background:var(--color-bg-tertiary,#2d2d44);color:var(--color-text-secondary,#94a3b8)}.sheet-btn-secondary:hover:not(.disabled){background:var(--color-border-hover,#3d3d5c);color:var(--color-text,#fff)}.sheet-btn-danger{background:var(--gradient-danger,linear-gradient(135deg, #ef4444, #dc2626));color:#fff}.sheet-btn-danger:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 32px #ef44444d}.sheet-btn-success{background:var(--gradient-success,linear-gradient(135deg, #22c55e, #16a34a));color:#fff}.sheet-btn-success:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 32px #22c55e4d}.sheet-btn-warning{background:var(--gradient-warning,linear-gradient(135deg, #f59e0b, #d97706));color:#fff}.sheet-btn-warning:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 32px #f59e0b4d}.sheet-btn-ghost{color:var(--color-text-secondary,#94a3b8);background:0 0}.sheet-btn-ghost:hover:not(.disabled){background:var(--color-bg-tertiary,#2d2d44);color:var(--color-text,#fff)}.sheet-btn.disabled{opacity:.5;cursor:not-allowed;transform:none!important}.sheet-btn .fa-spinner{animation:.8s linear infinite sheetSpin}@keyframes sheetSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=light] .sheet-container,.light-mode .sheet-container{background:#fff}[data-theme=light] .sheet-title,.light-mode .sheet-title{color:#0f172a}[data-theme=light] .sheet-content,.light-mode .sheet-content{color:#475569}[data-theme=light] .sheet-btn-secondary,.light-mode .sheet-btn-secondary{color:#475569;background:#f1f5f9}[data-theme=light] .sheet-btn-secondary:hover:not(.disabled),.light-mode .sheet-btn-secondary:hover:not(.disabled){color:#0f172a;background:#e2e8f0}[data-theme=light] .sheet-btn-ghost,.light-mode .sheet-btn-ghost{color:#475569}[data-theme=light] .sheet-btn-ghost:hover:not(.disabled),.light-mode .sheet-btn-ghost:hover:not(.disabled){color:#0f172a;background:#f1f5f9}[data-theme=light] .sheet-close-btn,.light-mode .sheet-close-btn{color:#64748b;background:#f1f5f9}[data-theme=light] .sheet-actions,.light-mode .sheet-actions{border-top-color:#e2e8f0}@media (width<=640px){.sheet-container{border-radius:16px 16px 0 0;padding:8px 16px 20px}.sheet-title{font-size:16px}.sheet-btn{padding:12px 16px;font-size:14px}.sheet-small{height:25vh;max-height:25vh}.sheet-half{height:45vh;max-height:45vh}.sheet-large{height:70vh;max-height:70vh}.sheet-full{height:92vh;max-height:92vh}}@media (prefers-reduced-motion:reduce){.sheet-container,.sheet-btn{transition:none!important}.sheet-btn:hover:not(.disabled),.sheet-close-btn:hover:not(:disabled){transform:none!important}.sheet-btn .fa-spinner{animation:none!important}}.progress-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;pointer-events:all;-webkit-user-select:none;user-select:none;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.progress-container{background:var(--color-bg-secondary,#1a1a2e);text-align:center;border-radius:20px;width:90%;max-width:420px;padding:40px 48px;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp;box-shadow:0 24px 80px #00000080}.progress-icon{margin-bottom:20px;display:inline-block;position:relative}.progress-icon i{color:var(--color-primary,#14b8a6);font-size:48px;transition:all .3s}.progress-icon.animated i{animation:1.5s linear infinite rotateCube}.progress-checkmark{background:var(--color-success,#22c55e);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;animation:.4s cubic-bezier(.34,1.56,.64,1) popIn;display:flex;position:absolute;bottom:-4px;right:-8px}.progress-message{color:var(--color-text,#fff);margin:0 0 4px;font-size:18px;font-weight:600;line-height:1.4}.progress-sub-message{color:var(--color-text-secondary,#94a3b8);margin:0 0 20px;font-size:14px}.progress-bar-wrapper{width:100%;margin:16px 0 12px}.progress-bar{background:var(--color-bg-tertiary,#2d2d44);border-radius:100px;width:100%;height:8px;position:relative;overflow:hidden}.progress-fill.animated{background:linear-gradient(90deg, var(--color-primary,#14b8a6), var(--color-primary-light,#5eead4), var(--color-primary,#14b8a6));background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.progress-fill.complete{background:linear-gradient(90deg, var(--color-success,#22c55e), var(--color-success-light,#4ade80));animation:none}.progress-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.progress-text{color:var(--color-text-secondary,#94a3b8);font-size:14px;font-weight:600}.progress-text.complete{color:var(--color-success,#22c55e)}.progress-text.complete i{margin-right:6px}.progress-eta{color:var(--color-text-muted,#64748b);align-items:center;gap:4px;font-size:12px;display:flex}.progress-eta i{font-size:12px}.progress-actions{justify-content:center;gap:8px;margin-top:20px;display:flex}.progress-actions button{cursor:pointer;border:none;border-radius:10px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.progress-actions .cancel-btn{background:var(--color-bg-tertiary,#2d2d44);color:var(--color-text-secondary,#94a3b8)}.progress-actions .cancel-btn:hover{background:var(--color-danger,#ef4444);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateCube{0%{transform:rotate(0)scale(1)}25%{transform:rotate(90deg)scale(1.1)}50%{transform:rotate(180deg)scale(1)}75%{transform:rotate(270deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}[data-theme=light] .progress-container,.light-mode .progress-container{background:#fff}[data-theme=light] .progress-message,.light-mode .progress-message{color:#0f172a}[data-theme=light] .progress-sub-message,.light-mode .progress-sub-message{color:#475569}[data-theme=light] .progress-bar,.light-mode .progress-bar{background:#e2e8f0}[data-theme=light] .progress-text,.light-mode .progress-text{color:#475569}[data-theme=light] .progress-eta,.light-mode .progress-eta{color:#94a3b8}[data-theme=light] .progress-overlay,.light-mode .progress-overlay{background:#ffffffb3}@media (width<=640px){.progress-container{width:95%;padding:32px 24px}.progress-icon i{font-size:36px}.progress-message{font-size:16px}.progress-footer{flex-wrap:wrap;gap:4px}.progress-actions{flex-direction:column}.progress-actions button{width:100%;padding:12px}}@media (prefers-reduced-motion:reduce){.progress-overlay,.progress-container{animation:none}.progress-icon.animated i,.progress-fill.animated,.progress-checkmark{animation:none!important}}.toast-container{pointer-events:none;z-index:10000;flex-direction:column;gap:10px;width:100%;max-width:420px;padding:16px;display:flex;position:fixed}.toast-top-right{align-items:flex-end;top:0;right:0}.toast-top-left{align-items:flex-start;top:0;left:0}.toast-top-center{align-items:center;top:0;left:50%;transform:translate(-50%)}.toast-bottom-right{align-items:flex-end;bottom:0;right:0}.toast-bottom-left{align-items:flex-start;bottom:0;left:0}.toast-bottom-center{align-items:center;bottom:0;left:50%;transform:translate(-50%)}.toast-item{background:var(--color-bg-secondary,#1a1a2e);border:1px solid var(--color-border,#2d2d44);pointer-events:all;opacity:0;border-radius:14px;width:100%;min-width:280px;max-width:420px;padding:16px 20px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;transform:translate(30px)scale(.95);box-shadow:0 12px 40px #0000004d}.toast-item.success{border-left:4px solid var(--status-success,#22c55e)}.toast-item.error{border-left:4px solid var(--status-danger,#ef4444)}.toast-item.warning{border-left:4px solid var(--status-warning,#f59e0b)}.toast-item.info{border-left:4px solid var(--status-info,#3b82f6)}.toast-item.toast-enter{opacity:1;transform:translate(0)scale(1)}.toast-item.toast-exit{opacity:0;transform:translate(50px)scale(.9)}.toast-top-left .toast-item,.toast-bottom-left .toast-item{transform:translate(-30px)scale(.95)}.toast-top-left .toast-item.toast-enter,.toast-bottom-left .toast-item.toast-enter{transform:translate(0)scale(1)}.toast-top-left .toast-item.toast-exit,.toast-bottom-left .toast-item.toast-exit{transform:translate(-50px)scale(.9)}.toast-top-center .toast-item,.toast-bottom-center .toast-item{transform:translateY(-20px)scale(.95)}.toast-top-center .toast-item.toast-enter,.toast-bottom-center .toast-item.toast-enter{transform:translateY(0)scale(1)}.toast-top-center .toast-item.toast-exit,.toast-bottom-center .toast-item.toast-exit{transform:translateY(-20px)scale(.9)}.toast-content{align-items:center;gap:12px;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.toast-icon.success{color:var(--status-success,#22c55e);background:#22c55e1a}.toast-icon.error{color:var(--status-danger,#ef4444);background:#ef44441a}.toast-icon.warning{color:var(--status-warning,#f59e0b);background:#f59e0b1a}.toast-icon.info{color:var(--status-info,#3b82f6);background:#3b82f61a}.toast-body{flex:1}.toast-message{color:var(--color-text,#fff);margin:0;font-size:14px;font-weight:500;line-height:1.5}.toast-close{width:28px;height:28px;color:var(--color-text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;transition:all .2s;display:flex}.toast-close:hover{background:var(--color-bg-tertiary,#2d2d44);color:var(--color-text,#fff);transform:rotate(90deg)}.toast-close:active{transform:rotate(90deg)scale(.9)}.toast-progress{background:var(--color-bg-tertiary,#2d2d44);border-radius:0 0 14px 14px;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.toast-progress-bar{border-radius:0 0 14px 14px;height:100%;transition:width .1s linear}.toast-progress-bar.success{background:var(--status-success,#22c55e)}.toast-progress-bar.error{background:var(--status-danger,#ef4444)}.toast-progress-bar.warning{background:var(--status-warning,#f59e0b)}.toast-progress-bar.info{background:var(--status-info,#3b82f6)}[data-theme=light] .toast-item,.light-mode .toast-item{background:#fff;border-color:#e2e8f0;box-shadow:0 12px 40px #0000001a}[data-theme=light] .toast-message,.light-mode .toast-message{color:#0f172a}[data-theme=light] .toast-close,.light-mode .toast-close{color:#94a3b8}[data-theme=light] .toast-close:hover,.light-mode .toast-close:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .toast-progress,.light-mode .toast-progress{background:#e2e8f0}@media (width<=640px){.toast-container{max-width:100%;padding:12px}.toast-item{min-width:unset;border-radius:12px;max-width:100%;padding:14px 16px}.toast-message{font-size:13px}.toast-icon{width:28px;height:28px;font-size:14px}.toast-close{width:24px;height:24px;font-size:16px}.toast-top-center,.toast-bottom-center{padding:8px 12px}}@media (prefers-reduced-motion:reduce){.toast-item,.toast-item.toast-enter,.toast-item.toast-exit{transition:none!important;animation:none!important}.toast-close{transition:none!important}.toast-close:hover{transform:none!important}.toast-progress-bar{transition:none!important}}.toast-item:not(:first-child){margin-top:4px}.toast-container .toast-item:first-child{animation:.3s cubic-bezier(.34,1.56,.64,1) toastSlideIn}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-container .toast-item:last-child.toast-exit{animation:.3s cubic-bezier(.34,1.56,.64,1) toastSlideOut}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.95)}}.toast-item .toast-message{word-wrap:break-word;overflow-wrap:break-word}.network-overlay{z-index:99999;background:var(--overlay-bg);-webkit-backdrop-filter:blur(12px);justify-content:center;align-items:center;animation:.4s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}.network-overlay-content{background:var(--modal-bg);border-radius:var(--radius-xl);border:1px solid var(--glass-border);width:90%;max-width:440px;box-shadow:0 20px 60px var(--shadow-color), 0 0 40px var(--shadow-glow);text-align:center;padding:40px 32px;animation:.5s cubic-bezier(.34,1.56,.64,1) contentSlideUp;position:relative;overflow:hidden}.network-overlay-content:before{content:"";background:var(--gradient-accent);border-radius:var(--radius-xl);opacity:.1;z-index:-1;animation:2s ease-in-out infinite borderPulse;position:absolute;inset:-2px}.network-icon{margin-bottom:20px;font-size:72px;animation:3s ease-in-out infinite iconFloat;display:block}.network-overlay h2{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:12px;font-size:24px;font-weight:700}.network-overlay p{color:var(--text-secondary);margin-bottom:24px;font-size:16px;line-height:1.6}.progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:4px;margin:20px 0 28px;overflow:hidden}.progress-bar-fill{background:var(--gradient-accent);border-radius:var(--radius-full);width:0%;height:100%;animation:2s ease-in-out infinite progressPulse}.progress-bar-fill.animate-pulse{animation:1.5s ease-in-out infinite progressPulse}.retry-button{background:var(--gradient-accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;align-items:center;gap:10px;padding:12px 32px;font-size:16px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.retry-button:after{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.retry-button:hover:after{width:300px;height:300px}.retry-button:hover{box-shadow:0 8px 30px var(--shadow-glow);transform:translateY(-2px)}.retry-button:active{transform:scale(.96)}.offline-badge{background:var(--status-danger-bg);color:var(--status-danger);border-radius:var(--radius-full);margin-top:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.reconnecting-status{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}.reconnecting-dots{gap:4px;display:flex}.reconnecting-dots span{background:var(--accent-primary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite dotPulse}.reconnecting-dots span:nth-child(2){animation-delay:.2s}.reconnecting-dots span:nth-child(3){animation-delay:.4s}.last-online{color:var(--text-muted);opacity:.7;margin-top:16px;font-size:12px}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px)}}@keyframes contentSlideUp{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes iconFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.05)}}@keyframes progressPulse{0%{opacity:.8;width:0%}50%{opacity:1;width:70%}to{opacity:.8;width:100%}}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes borderPulse{0%,to{opacity:.05}50%{opacity:.15}}@media (width<=768px){.network-overlay-content{max-width:360px;padding:32px 24px}.network-icon{font-size:56px}.network-overlay h2{font-size:20px}.network-overlay p{font-size:14px}.retry-button{padding:10px 24px;font-size:14px}}@media (width<=480px){.network-overlay-content{border-radius:var(--radius-lg);max-width:320px;padding:24px 16px}.network-icon{font-size:48px}.network-overlay h2{font-size:18px}.network-overlay p{font-size:13px}.retry-button{justify-content:center;width:100%;padding:8px 20px;font-size:13px}.progress-bar{margin:16px 0 20px}}@media (prefers-reduced-motion:reduce){.network-overlay,.network-overlay-content,.network-icon,.progress-bar-fill,.retry-button:after,.reconnecting-dots span{transition:none!important;animation:none!important}.network-overlay-content:before{animation:none!important}}@media (prefers-contrast:high){.network-overlay-content{border:2px solid var(--text-primary)}.network-overlay h2,.network-overlay p{color:#000}.retry-button{color:#fff;background:#000;border:2px solid #000}.retry-button:hover{color:#000;background:#fff}.offline-badge{color:#fff;background:red}}.retry-button:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.dark-mode .network-overlay-content{background:var(--bg-secondary);border-color:var(--glass-border)}.light-mode .network-overlay-content{background:#fff;border-color:#0000001a}.light-mode .network-overlay h2{color:#1e293b}.light-mode .network-overlay p{color:#64748b}.network-overlay-content::-webkit-scrollbar{width:4px}.network-overlay-content::-webkit-scrollbar-track{background:0 0}.network-overlay-content::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-full)}.network-overlay-content.is-loading .retry-button{opacity:.7;pointer-events:none}.network-overlay-content.is-loading .retry-button:before{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.network-overlay-content.is-success{animation:.6s ease-out successPulse}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.network-overlay-content.is-success .network-icon{animation:none;transform:scale(1)}@media print{.network-overlay{display:none!important}}.sound-settings{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);overflow:hidden}.sound-settings:hover{border-color:var(--accent-primary)}.sound-settings-header{cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sound-settings-header:hover{background:var(--bg-hover)}.sound-settings-title{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.sound-settings-title i{color:var(--accent-primary);font-size:16px}.sound-indicator{color:var(--status-success);font-size:12px}.sound-settings-status{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.status-dot{border-radius:var(--radius-full);width:8px;height:8px;display:inline-block}.status-dot.active{background:var(--status-success);box-shadow:0 0 8px var(--status-success-bg)}.status-dot.muted{background:var(--status-danger);box-shadow:0 0 8px var(--status-danger-bg)}.volume-text{color:var(--text-muted);font-size:12px;font-weight:600}.sound-settings-body{border-top:1px solid var(--border-color);flex-direction:column;gap:14px;padding:16px;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sound-setting-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.setting-label{color:var(--text-secondary);flex:1;align-items:center;gap:10px;font-size:14px;display:flex}.setting-label i{color:var(--text-muted);text-align:center;width:20px;font-size:16px}.setting-label-text{font-size:13px}.setting-label-text strong{color:var(--text-primary)}.mute-toggle{border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:flex}.mute-toggle:hover{background:var(--bg-hover)}.mute-toggle.active{border-color:var(--status-success);color:var(--status-success)}.mute-toggle.active:hover{background:var(--status-success-bg)}.mute-toggle.muted{border-color:var(--status-danger);color:var(--status-danger)}.mute-toggle.muted:hover{background:var(--status-danger-bg)}.volume-slider{appearance:none;background:var(--bg-tertiary);width:140px;height:4px;transition:all var(--transition-fast);cursor:pointer;border-radius:2px;outline:none;flex-shrink:0}.volume-slider::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--accent-primary);cursor:pointer;width:16px;height:16px;transition:all var(--transition-fast);box-shadow:0 0 12px var(--accent-glow)}.volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 20px var(--accent-glow);transform:scale(1.1)}.volume-slider::-moz-range-thumb{border-radius:var(--radius-full);background:var(--accent-primary);cursor:pointer;border:none;width:16px;height:16px}.volume-slider:disabled{opacity:.5;cursor:not-allowed}.volume-slider:disabled::-webkit-slider-thumb{background:var(--text-muted);box-shadow:none}.test-sound-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:500;display:flex}.test-sound-btn:hover:not(:disabled){background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary)}.test-sound-btn:disabled{opacity:.5;cursor:not-allowed}.test-sound-btn i{font-size:12px}.test-sound-controls{flex:1;justify-content:flex-end;gap:8px;display:flex}.test-sound-select{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);outline:none;padding:6px 12px;font-size:13px}.test-sound-select:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.test-sound-select:disabled{opacity:.5;cursor:not-allowed}.sound-status-bar{border-top:1px solid var(--border-light);color:var(--text-muted);justify-content:space-between;padding-top:12px;font-size:12px;display:flex}.status-item{align-items:center;gap:6px;display:flex}.status-value.muted{color:var(--status-danger)}.admin-sound-settings{background:var(--bg-card);border-color:var(--border-color)}.admin-sound-settings .sound-settings-header{padding:14px 18px}.admin-sound-settings .sound-settings-body{gap:16px;padding:18px}.admin-sound-settings .volume-slider{width:160px}.admin-sound-settings .mute-toggle{padding:8px 18px;font-size:13px}.sound-settings.compact .sound-settings-header{padding:8px 12px}.sound-settings.compact .sound-settings-body{gap:10px;padding:12px}.loading-text{color:var(--text-muted);font-size:13px}@media (width<=768px){.sound-setting-item{flex-direction:column;align-items:stretch;gap:8px}.volume-slider{width:100%}.test-sound-controls{justify-content:stretch}.test-sound-select{flex:1}.sound-status-bar{flex-direction:column;gap:4px}.admin-sound-settings .volume-slider{width:100%}}.app-lock-screen{background:var(--bg-primary,#090d16);z-index:9999;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.lock-background{position:absolute;inset:0;overflow:hidden}.lock-gradient{background:radial-gradient(ellipse at 30% 20%, var(--accent-glow,#14b8a626) 0%, transparent 60%), radial-gradient(ellipse at 70% 80%, #6366f114 0%, transparent 50%);width:200%;height:200%;animation:20s ease-in-out infinite alternate gradientMove;position:absolute;top:-50%;left:-50%}@keyframes gradientMove{0%{transform:translate(0%)rotate(0)}to{transform:translate(10%,10%)rotate(5deg)}}.lock-pattern{background-image:radial-gradient(circle at 20% 50%, var(--glass-bg,#ffffff08) 0%, transparent 50%), radial-gradient(circle at 80% 50%, var(--accent-glow,#14b8a60d) 0%, transparent 50%);background-size:100% 100%;position:absolute;inset:0}.lock-content{z-index:1;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;padding:40px 24px;animation:.5s ease-out fadeInUp;display:flex;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lock-app-icon{border-radius:var(--radius-xl,20px);background:var(--gradient-primary,linear-gradient(135deg, #14b8a6, #0d9488));color:#fff;width:76px;height:76px;box-shadow:0 8px 32px var(--shadow-glow,#14b8a64d);justify-content:center;align-items:center;margin-bottom:4px;font-size:34px;animation:2s ease-in-out infinite pulseIcon;display:flex}@keyframes pulseIcon{0%,to{box-shadow:0 8px 32px var(--shadow-glow,#14b8a64d)}50%{box-shadow:0 8px 48px var(--accent-glow,#14b8a680)}}.lock-title{color:var(--text-primary,#f8fafc);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.lock-subtitle{color:var(--text-muted,#64748b);text-align:center;margin:0;font-size:14px}.pin-dots{justify-content:center;gap:14px;padding:16px 0;display:flex}.pin-dot{border-radius:var(--radius-full,9999px);border:2px solid var(--border-light,#ffffff1a);width:16px;height:16px;transition:all var(--transition-normal,.3s ease);justify-content:center;align-items:center;display:flex;position:relative}.pin-dot.filled{border-color:var(--accent-primary,#14b8a6);background:var(--accent-glow,#14b8a626)}.pin-dot.filled .pin-dot-fill{border-radius:var(--radius-full,9999px);background:var(--accent-primary,#14b8a6);width:8px;height:8px;animation:.3s dotFill}@keyframes dotFill{0%{transform:scale(0)}to{transform:scale(1)}}.pin-dot.active{border-color:var(--accent-primary,#14b8a6);box-shadow:0 0 20px var(--accent-glow,#14b8a633)}.pin-dot.active:after{content:"";border-radius:var(--radius-full,9999px);border:2px solid var(--accent-glow,#14b8a633);animation:1.5s ease-in-out infinite pulseDot;position:absolute;inset:-4px}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}.pin-dots.shake{animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.lock-error{color:var(--status-danger,#ef4444);background:var(--status-danger-bg,#ef44441a);border-radius:var(--radius-md,12px);border:1px solid var(--status-danger,#ef4444);text-align:center;align-items:center;gap:8px;max-width:100%;padding:8px 16px;font-size:13px;animation:.3s fadeIn;display:flex}.lock-error i{flex-shrink:0;font-size:16px}.lock-attempts{color:var(--status-warning,#f59e0b);border-radius:var(--radius-full,9999px);background:var(--status-warning-bg,#f59e0b1a);border:1px solid var(--status-warning,#f59e0b);align-items:center;gap:8px;padding:4px 14px;font-size:12px;display:flex}.lock-attempts i{font-size:14px}.keypad{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:320px;padding:8px 0;display:grid}.keypad-key{border-radius:var(--radius-md,12px);background:var(--glass-bg,#ffffff0d);color:var(--text-primary,#f8fafc);cursor:pointer;transition:all var(--transition-fast,.15s ease);aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;padding:18px;font-size:26px;font-weight:500;display:flex;position:relative}.keypad-key:hover:not(:disabled){background:var(--bg-hover,#ffffff14);transform:scale(1.05)}.keypad-key:active:not(:disabled){background:var(--accent-glow,#14b8a626);transform:scale(.92)}.keypad-key:disabled{opacity:.3;cursor:not-allowed}.keypad-delete{color:var(--text-muted,#64748b);font-size:20px}.keypad-delete:hover:not(:disabled){color:var(--status-danger,#ef4444);background:var(--status-danger-bg,#ef44441a)}.keypad-empty{cursor:default;aspect-ratio:1;background:0 0;border:none}.lock-biometric{border-radius:var(--radius-md,12px);background:var(--glass-bg,#ffffff0d);color:var(--text-secondary,#94a3b8);cursor:pointer;transition:all var(--transition-normal,.3s ease);border:none;border:1px solid var(--glass-border,#ffffff0f);align-items:center;gap:12px;margin-top:4px;padding:14px 28px;font-size:14px;font-weight:500;display:flex}.lock-biometric:hover:not(:disabled){background:var(--bg-hover,#ffffff14);color:var(--text-primary,#f8fafc);border-color:var(--accent-primary,#14b8a6);transform:scale(1.02)}.lock-biometric:active:not(:disabled){transform:scale(.95)}.lock-biometric i{color:var(--accent-primary,#14b8a6);font-size:22px}.lock-biometric .fa-spinner{color:var(--text-muted,#64748b)}.lock-biometric:disabled{opacity:.4;cursor:not-allowed}.lock-forgot{color:var(--text-muted,#64748b);cursor:pointer;transition:all var(--transition-normal,.3s ease);text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--border-color,#ffffff1a);text-decoration-color:var(--border-color,#ffffff1a);background:0 0;border:none;padding:4px 10px;font-size:13px}.lock-forgot:hover{color:var(--text-secondary,#94a3b8);-webkit-text-decoration-color:var(--accent-primary,#14b8a6);text-decoration-color:var(--accent-primary,#14b8a6)}.lock-success{color:var(--status-success,#10b981);background:var(--status-success-bg,#10b9811a);border-radius:var(--radius-md,12px);border:1px solid var(--status-success,#10b981);align-items:center;gap:12px;padding:12px 28px;font-size:16px;font-weight:500;animation:.5s successPop;display:flex}@keyframes successPop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.lock-success i{font-size:24px}.forgot-pin-overlay{background:var(--overlay-bg,#0009);-webkit-backdrop-filter:blur(8px);z-index:10000;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.forgot-pin-modal{background:var(--modal-bg,#0f1420);border-radius:var(--radius-lg,16px);width:90%;max-width:420px;box-shadow:0 20px 60px var(--shadow-color,#0006);border:1px solid var(--border-color,#ffffff0f);padding:32px 28px;animation:.3s modalSlideUp}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.forgot-pin-modal h3{color:var(--text-primary,#f8fafc);align-items:center;gap:10px;margin:0 0 8px;font-size:20px;font-weight:600;display:flex}.forgot-pin-modal h3 i{color:var(--accent-primary,#14b8a6)}.forgot-pin-modal>p{color:var(--text-secondary,#94a3b8);margin:0 0 24px;font-size:14px}.forgot-pin-modal .form-group{margin-bottom:16px}.forgot-pin-modal .form-group label{color:var(--text-secondary,#94a3b8);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.forgot-pin-modal .form-group .input{background:var(--bg-tertiary,#1a1f2e);width:100%;color:var(--text-primary,#f8fafc);border:1px solid var(--border-color,#ffffff0f);border-radius:var(--radius-md,12px);transition:all var(--transition-fast,.15s ease);box-sizing:border-box;padding:12px 16px;font-size:15px}.forgot-pin-modal .form-group .input:focus{border-color:var(--accent-primary,#14b8a6);box-shadow:0 0 0 3px var(--accent-glow,#14b8a626);outline:none}.forgot-pin-modal .form-group .input::placeholder{color:var(--text-muted,#64748b)}.forgot-pin-modal .form-group .input:disabled{opacity:.5;cursor:not-allowed}.forgot-pin-modal .btn-primary,.forgot-pin-modal .btn-secondary{border-radius:var(--radius-md,12px);cursor:pointer;transition:all var(--transition-fast,.15s ease);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.forgot-pin-modal .btn-primary{background:var(--gradient-primary,linear-gradient(135deg, #14b8a6, #0d9488));color:#fff}.forgot-pin-modal .btn-primary:hover:not(:disabled){opacity:.9;box-shadow:0 8px 25px var(--shadow-glow,#14b8a633);transform:translateY(-2px)}.forgot-pin-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}.forgot-pin-modal .btn-secondary{background:var(--bg-tertiary,#1a1f2e);color:var(--text-secondary,#94a3b8);border:1px solid var(--border-color,#ffffff0f)}.forgot-pin-modal .btn-secondary:hover{background:var(--bg-hover,#ffffff0d);color:var(--text-primary,#f8fafc)}.forgot-pin-modal .btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.lock-content{padding:32px 20px}.lock-app-icon{width:68px;height:68px;font-size:30px}.lock-title{font-size:22px}.keypad{gap:12px;max-width:300px}.keypad-key{padding:16px;font-size:24px}.pin-dots{gap:12px}.pin-dot{width:14px;height:14px}.pin-dot.filled .pin-dot-fill{width:7px;height:7px}.forgot-pin-modal{padding:24px 20px}}@media (width<=480px){.lock-content{gap:16px;padding:24px 16px}.lock-app-icon{border-radius:var(--radius-lg,16px);width:60px;height:60px;font-size:26px}.lock-title{font-size:20px}.lock-subtitle{font-size:13px}.keypad{gap:10px;max-width:280px}.keypad-key{padding:14px;font-size:22px}.pin-dots{gap:10px;padding:12px 0}.pin-dot{border-width:1.5px;width:12px;height:12px}.pin-dot.filled .pin-dot-fill{width:6px;height:6px}.lock-error{padding:6px 12px;font-size:12px}.lock-success{padding:10px 20px;font-size:14px}.lock-biometric{padding:12px 20px;font-size:13px}.lock-biometric i{font-size:18px}.forgot-pin-modal{padding:20px 16px}.forgot-pin-modal h3{font-size:18px}.forgot-pin-modal .form-group .input{padding:10px 14px;font-size:14px}.forgot-pin-modal .btn-primary,.forgot-pin-modal .btn-secondary{padding:10px 16px;font-size:13px}}@media (width<=380px){.keypad{gap:8px;max-width:240px}.keypad-key{padding:12px;font-size:20px}.lock-content{gap:12px}.lock-app-icon{width:52px;height:52px;font-size:22px}.lock-title{font-size:18px}}.light-mode .app-lock-screen{background:var(--bg-primary,#f8fafc)}.light-mode .lock-gradient{background:radial-gradient(ellipse at 30% 20%, var(--accent-glow,#0d94881a) 0%, transparent 60%), radial-gradient(ellipse at 70% 80%, #6366f10d 0%, transparent 50%)}.light-mode .lock-app-icon{background:var(--gradient-primary,linear-gradient(135deg, #0d9488, #0f766e))}.light-mode .keypad-key{background:var(--glass-bg,#00000008);color:var(--text-primary,#1e293b)}.light-mode .keypad-key:hover:not(:disabled){background:var(--bg-hover,#f1f5f9)}.light-mode .keypad-key:active:not(:disabled){background:var(--accent-glow,#0d94881a)}.light-mode .lock-biometric{background:var(--glass-bg,#00000008);border-color:var(--glass-border,#0000000f)}.light-mode .lock-biometric:hover:not(:disabled){background:var(--bg-hover,#f1f5f9);border-color:var(--accent-primary,#0d9488)}.light-mode .pin-dot{border-color:var(--border-color,#e2e8f0)}.light-mode .pin-dot.filled{border-color:var(--accent-primary,#0d9488);background:var(--accent-glow,#0d94881a)}.light-mode .pin-dot.active{border-color:var(--accent-primary,#0d9488);box-shadow:0 0 20px var(--accent-glow,#0d948826)}.light-mode .forgot-pin-modal{background:var(--modal-bg,#fff)}.light-mode .forgot-pin-modal .form-group .input{background:var(--bg-tertiary,#f1f5f9);color:var(--text-primary,#1e293b)}.light-mode .forgot-pin-modal .btn-secondary{background:var(--bg-tertiary,#f1f5f9);color:var(--text-secondary,#64748b)}.light-mode .forgot-pin-modal .btn-secondary:hover{background:var(--bg-hover,#e2e8f0)}.light-mode .lock-error{background:var(--status-danger-bg,#dc262614)}.light-mode .lock-attempts{background:var(--status-warning-bg,#d9770614)}.light-mode .lock-success{background:var(--status-success-bg,#05966914)}@media print{.app-lock-screen{background:#fff!important;position:absolute!important}.lock-background{display:none!important}.lock-app-icon{color:#fff!important;box-shadow:none!important;background:#0d9488!important}.lock-title{color:#000!important}.lock-subtitle{color:#666!important}.keypad-key{color:#000!important;background:#f1f5f9!important;border:1px solid #ddd!important}.keypad-key:hover:not(:disabled){background:#e2e8f0!important}.pin-dot{border-color:#000!important}.pin-dot.filled{background:#0d9488!important;border-color:#0d9488!important}.pin-dot.filled .pin-dot-fill{background:#fff!important}.lock-biometric{color:#000!important;background:#f1f5f9!important;border:1px solid #ddd!important}.lock-biometric i{color:#0d9488!important}.lock-error{color:#dc2626!important;background:#fef2f2!important;border:2px solid #dc2626!important}.lock-success{color:#059669!important;background:#ecfdf5!important;border:2px solid #059669!important}.forgot-pin-modal{box-shadow:none!important;background:#fff!important;border:1px solid #ddd!important}.forgot-pin-modal .form-group .input{color:#000!important;background:#fff!important;border:1px solid #ddd!important}.forgot-pin-modal .btn-primary{color:#fff!important;background:#0d9488!important}.forgot-pin-modal .btn-secondary{color:#000!important;background:#f1f5f9!important;border:1px solid #ddd!important}}@media (prefers-reduced-motion:reduce){.lock-gradient,.lock-app-icon,.pin-dot.active:after,.pin-dots.shake,.lock-content,.lock-success,.forgot-pin-modal,.forgot-pin-overlay{animation:none!important}.keypad-key:hover:not(:disabled),.keypad-key:active:not(:disabled),.lock-biometric:hover:not(:disabled),.lock-biometric:active:not(:disabled),.forgot-pin-modal .btn-primary:hover:not(:disabled){transform:none!important}}@media (prefers-contrast:high){.app-lock-screen{background:#000!important}.lock-title{color:#fff!important}.lock-subtitle{color:#ccc!important}.pin-dot{border-width:3px!important;border-color:#fff!important}.pin-dot.filled{background:#0fc!important;border-color:#0fc!important}.pin-dot.filled .pin-dot-fill{background:#000!important}.keypad-key{color:#fff!important;background:#333!important;border:2px solid #fff!important}.keypad-key:hover:not(:disabled){background:#444!important}.lock-error{color:#f44!important;background:#400!important;border:2px solid red!important}.lock-success{color:#4f4!important;background:#040!important;border:2px solid #0f0!important}.lock-attempts{color:#fa0!important;background:#430!important;border:2px solid #fa0!important}.lock-biometric{color:#fff!important;border:2px solid #fff!important}.lock-biometric i{color:#0fc!important}.lock-forgot{color:#ccc!important;text-decoration-color:#fff!important}.forgot-pin-modal{background:#1a1a1a!important;border:2px solid #fff!important}.forgot-pin-modal h3{color:#fff!important}.forgot-pin-modal>p{color:#ccc!important}.forgot-pin-modal .form-group .input{color:#fff!important;background:#333!important;border:2px solid #fff!important}.forgot-pin-modal .btn-primary{color:#000!important;background:#0fc!important}.forgot-pin-modal .btn-secondary{color:#fff!important;background:#333!important;border:2px solid #fff!important}}:root{--button-height-sm:32px;--button-height-md:40px;--button-height-lg:48px;--button-padding-sm:6px 10px;--button-padding-md:10px 14px;--button-padding-lg:14px 18px;--icon-size-sm:14px;--icon-size-md:16px;--icon-size-lg:20px;--button-radius-sm:var(--radius-sm);--button-radius-md:var(--radius-md);--button-radius-lg:var(--radius-md);--button-radius-full:var(--radius-full)}.icon-btn{cursor:pointer;transition:all var(--transition-normal);background:var(--bg-card);color:var(--text-primary);border:none;border:1px solid var(--border-color);border-radius:var(--button-radius-md);padding:var(--button-padding-md);min-height:var(--button-height-md);justify-content:center;align-items:center;gap:6px;font-family:inherit;font-weight:500;display:inline-flex;position:relative}.icon-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.icon-btn.loading{pointer-events:none}.icon-btn-sm{padding:var(--button-padding-sm);min-height:var(--button-height-sm);font-size:var(--icon-size-sm);border-radius:var(--button-radius-sm)}.icon-btn-sm i{font-size:var(--icon-size-sm)}.icon-btn-md{padding:var(--button-padding-md);min-height:var(--button-height-md);font-size:var(--icon-size-md);border-radius:var(--button-radius-md)}.icon-btn-md i{font-size:var(--icon-size-md)}.icon-btn-lg{padding:var(--button-padding-lg);min-height:var(--button-height-lg);font-size:var(--icon-size-lg);border-radius:var(--button-radius-lg)}.icon-btn-lg i{font-size:var(--icon-size-lg)}.icon-btn-rounded{border-radius:var(--button-radius-full);aspect-ratio:1}.icon-btn-default{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.icon-btn-default:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary);transform:translateY(-1px)}.icon-btn-ghost{color:var(--text-primary);box-shadow:none;background:0 0;border:none}.icon-btn-ghost:hover:not(:disabled){background:var(--bg-hover);transform:translateY(-1px)}.icon-btn-outline{color:var(--accent-primary);border:2px solid var(--accent-primary);box-shadow:none;background:0 0}.icon-btn-outline:hover:not(:disabled){background:var(--accent-primary);color:var(--text-inverse);transform:translateY(-1px)}.icon-btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-primary);box-shadow:0 4px 20px var(--shadow-color)}.icon-btn-glass:hover:not(:disabled){background:#ffffff26;transform:translateY(-1px)}.icon-btn-danger{background:var(--status-danger-bg);color:var(--status-danger);border:1px solid var(--status-danger)}.icon-btn-danger:hover:not(:disabled){background:var(--status-danger);color:var(--text-inverse);transform:translateY(-1px)}.icon-btn-success{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success)}.icon-btn-success:hover:not(:disabled){background:var(--status-success);color:var(--text-inverse);transform:translateY(-1px)}.icon-btn-warning{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning)}.icon-btn-warning:hover:not(:disabled){background:var(--status-warning);color:var(--text-inverse);transform:translateY(-1px)}.icon-btn.active{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.icon-btn-label{font-weight:500}.icon-btn-badge{background:var(--status-danger);color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:2px 6px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.back-btn:hover:not(:disabled){transform:translate(-2px)}@media (width<=768px){.icon-btn-md{min-height:36px;padding:8px 12px;font-size:13px}}@media (width<=480px){.icon-btn-sm{min-height:28px;padding:4px 8px;font-size:12px}}:root{--header-height:64px;--header-padding:16px;--header-gap:12px}.page-header{padding:var(--header-padding) 0;justify-content:space-between;align-items:center;gap:var(--header-gap);background:var(--bg-primary);min-height:var(--header-height);display:flex}.page-header.border{border-bottom:1px solid var(--border-color)}.page-header.sticky{z-index:100;background:var(--bg-card);box-shadow:var(--shadow-sm);padding:12px 16px;position:sticky;top:0}.page-header.transparent{background:0 0}.page-header-left{align-items:center;gap:var(--header-gap);flex:1;min-width:0;display:flex}.page-header-center{flex:0 auto;justify-content:center;align-items:center;display:flex}.page-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.page-header-info{flex-direction:column;gap:2px;min-width:0;display:flex}.page-header-icon{color:var(--accent-primary);font-size:20px}.page-header-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;font-weight:700;line-height:1.2;overflow:hidden}.page-header-subtitle{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}@media (width<=768px){:root{--header-height:56px;--header-padding:12px;--header-gap:10px}.page-header.sticky{padding:10px 12px}.page-header-title{font-size:18px}.page-header-subtitle{font-size:13px}}@media (width<=480px){:root{--header-height:48px;--header-padding:10px;--header-gap:8px}.page-header-title{font-size:16px}.page-header-subtitle{font-size:12px}.page-header-icon{font-size:16px}}@media (prefers-reduced-motion:reduce){.page-header{transition:none!important}}.page-header :focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.lock-screen-overlay{z-index:99999;background:var(--bg-primary,#090d16);justify-content:center;align-items:center;animation:.3s ease-out lockFadeIn;display:flex;position:fixed;inset:0}@keyframes lockFadeIn{0%{opacity:0}to{opacity:1}}.lock-screen-container{text-align:center;width:100%;max-width:400px;padding:40px}.lock-screen-icon{background:var(--accent-primary,#14b8a6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:32px;display:flex}.lock-screen-container h2{color:var(--text-primary,#f8fafc);margin:0 0 8px;font-size:24px}.lock-screen-container p{color:var(--text-secondary,#94a3b8);margin:0 0 24px;font-size:14px}.lock-pin-input{background:var(--bg-tertiary,#1a2030);border:2px solid var(--border-color,#438e8233);border-radius:var(--radius-md,12px);width:100%;color:var(--text-primary,#f8fafc);text-align:center;letter-spacing:8px;padding:14px 18px;font-size:20px;transition:all .3s}.lock-pin-input:focus{border-color:var(--accent-primary,#438e82);box-shadow:0 0 0 3px var(--accent-glow,#438e824d);outline:none}.lock-screen-biometric-btn{background:var(--bg-tertiary,#1a2030);border:1px solid var(--border-color,#438e8233);border-radius:var(--radius-md,12px);width:100%;color:var(--text-secondary,#94a3b8);cursor:pointer;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding:12px;font-size:14px;transition:all .3s;display:flex}.lock-screen-biometric-btn:hover{background:var(--bg-hover,#438e8214);border-color:var(--accent-primary,#438e82);color:var(--text-primary,#f8fafc)}.lock-screen-biometric-btn i{color:var(--accent-primary,#438e82);font-size:18px}.lock-screen-logout-btn{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;margin-top:16px;padding:10px 20px;font-size:13px;transition:all .3s}.lock-screen-logout-btn:hover{color:#ef4444}@media (width<=480px){.lock-screen-container{padding:20px}.lock-screen-icon{width:60px;height:60px;font-size:24px}.lock-screen-container h2{font-size:20px}.lock-pin-input{padding:12px 14px;font-size:18px}}.notification-banner{z-index:9999;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:0 20px 60px var(--shadow-color);-webkit-backdrop-filter:blur(12px);animation:.5s slideUp;position:fixed;bottom:24px;right:24px}.notification-banner-content{align-items:flex-start;gap:16px;padding:20px;display:flex}.banner-icon{flex-shrink:0;margin-top:4px;font-size:28px;position:relative}.banner-text{flex:1;min-width:0}.banner-text h4{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:600}.banner-text p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.banner-actions{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.banner-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;padding:8px 16px;font-size:14px;font-weight:500}.banner-btn:disabled{opacity:.6;cursor:not-allowed}.btn-enable{background:var(--gradient-primary);color:#fff}.btn-enable:hover:not(:disabled){box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}.btn-not-now{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-not-now:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}.admin-banner{background:var(--gradient-primary);border-color:#ffffff1a}.admin-banner .banner-text h4{color:#fff}.admin-banner .banner-text p{color:#ffffffd9}.admin-banner .admin-badge{color:#fff;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;background:#ef4444;padding:2px 6px;font-size:8px;font-weight:700;position:absolute;top:-8px;right:-12px}.admin-banner .admin-btn{color:#fff;background:#ffffff26;border:1px solid #fff3}.admin-banner .admin-btn:hover:not(:disabled){background:#ffffff40}.admin-banner .admin-not-now{color:#ffffffb3;background:#ffffff0d}.admin-banner .admin-not-now:hover:not(:disabled){color:#fff;background:#ffffff1a}.compact-banner{max-width:360px}.compact-content{align-items:center;padding:12px 16px}.compact-icon{font-size:20px}.compact-text p{font-size:13px}.compact-actions{flex-direction:row;align-items:center;gap:4px}.compact-btn{padding:6px 12px;font-size:12px}.compact-btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:14px}.compact-btn-close:hover{color:var(--text-primary)}@media (width<=768px){.notification-banner{width:auto;max-width:none;bottom:16px;left:16px;right:16px}.notification-banner-content{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.banner-actions{flex-direction:row;width:100%}.banner-btn{text-align:center;flex:1}.compact-content{flex-direction:row;padding:10px 14px}.compact-actions{flex:1;justify-content:flex-end}}@media (width<=480px){.notification-banner{bottom:12px;left:12px;right:12px}.banner-actions{flex-direction:column}.banner-btn{flex:none;width:100%}}.dev-sound-test{background:var(--bg-primary);min-height:100vh;font-family:var(--font-sans);justify-content:center;padding:24px 16px;display:flex}.test-container{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:900px;padding:32px}.test-container h1{color:var(--text-primary);margin:0 0 4px;font-size:28px;font-weight:700}.subtitle{color:var(--text-secondary);margin:0 0 24px;font-size:14px}.status-bar{background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.status-dot{color:var(--status-success);font-size:10px}.status-text{color:var(--text-primary);font-weight:500}.status-volume{color:var(--text-secondary);margin-left:auto;font-size:13px}.last-played{background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:10px 16px;font-size:14px;display:flex}.last-label{color:var(--text-secondary);font-weight:500}.last-event{color:var(--accent-primary);font-weight:600}.last-time{color:var(--text-muted);font-size:12px}.last-error{color:var(--status-danger);font-weight:500}.last-success{color:var(--status-success);font-weight:500}.sound-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:24px;display:grid}.sound-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px 12px;font-family:inherit;display:flex}.sound-btn:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary);transform:translateY(-2px)}.sound-btn:active{transform:scale(.96)}.sound-btn .icon{font-size:28px}.sound-btn .label{font-size:13px;font-weight:600}.sound-btn .file{color:var(--text-muted);font-family:monospace;font-size:10px}.sound-btn.notification:hover{border-color:#3b82f6}.sound-btn.chat-message:hover{border-color:#8b5cf6}.sound-btn.chat-image:hover{border-color:#ec4899}.sound-btn.success:hover{border-color:#10b981}.sound-btn.error:hover{border-color:#ef4444}.sound-btn.warning:hover{border-color:#f59e0b}.sound-btn.offer:hover{border-color:#06b6d4}.sound-btn.deal:hover{border-color:#f43f5e}.sound-btn.wallet:hover{border-color:#fbbf24}.sound-btn.click:hover{border-color:#6b7280}.sound-btn.popup:hover{border-color:#a855f7}.sound-btn.install:hover{border-color:#14b8a6}.test-actions{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.btn-test-all{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600}.btn-test-all:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-test-all:disabled{opacity:.6;cursor:not-allowed}.btn-stop{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600}.btn-stop:hover{background:var(--status-danger-bg);border-color:var(--status-danger);color:var(--status-danger)}.test-info{margin-bottom:20px}.test-info details{cursor:pointer;color:var(--text-secondary);font-size:14px}.test-info summary{padding:8px 0}.test-info ul{color:var(--text-secondary);margin:8px 0 0;padding-left:20px;font-size:13px;line-height:1.8}.test-info code{background:var(--bg-tertiary);border-radius:4px;padding:1px 6px;font-size:12px}.file-check{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.file-check h4{color:var(--text-primary);margin:0 0 12px;font-size:14px;font-weight:600}.file-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;display:grid}.file-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 10px;font-family:monospace;font-size:13px;display:flex}.file-icon{color:var(--text-muted);font-size:14px}.file-name{color:var(--text-secondary);flex:1}.file-status{color:var(--status-success);font-size:12px}@media (width<=768px){.test-container{padding:20px}.sound-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.test-actions{flex-direction:column}.btn-test-all,.btn-stop{justify-content:center;width:100%}.file-list{grid-template-columns:1fr 1fr}}@media (width<=480px){.test-container{padding:14px}.sound-grid{grid-template-columns:repeat(2,1fr);gap:8px}.sound-btn{padding:12px 8px}.sound-btn .icon{font-size:22px}.sound-btn .label{font-size:11px}.file-list{grid-template-columns:1fr}.test-container h1{font-size:22px}}.settings-container{background:var(--bg-secondary);min-height:100vh;font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.settings-container *{box-sizing:border-box}.settings-wrapper{flex-direction:column;gap:20px;margin:0 auto 0 120px;padding:16px;display:flex}@media (width<=768px){.settings-wrapper{margin-bottom:40px;margin-left:0}}.loading-state{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:60vh;display:flex}.settings-header{text-align:center;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--radius-lg);color:var(--text-inverse);margin-bottom:8px;padding:24px 16px;position:relative;overflow:hidden}.settings-header:before{content:"";background:var(--glass-bg);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.settings-header:after{content:"";background:var(--glass-bg);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-30%;left:-10%}.settings-header h1{z-index:1;justify-content:center;align-items:center;gap:12px;margin:0 0 8px;font-size:24px;font-weight:700;display:flex;position:relative}.settings-header h1 i{font-size:22px}.settings-header p{opacity:.9;z-index:1;margin:0;font-size:14px;position:relative}.completion-warning{background:var(--status-warning-bg);border:1px solid var(--status-warning);border-radius:var(--radius-md);color:var(--status-warning);z-index:1;text-align:left;align-items:center;gap:10px;margin:12px 0 0;padding:12px 16px;font-size:13px;display:flex;position:relative}.completion-warning i{flex-shrink:0;font-size:18px}.completion-success{background:var(--status-success-bg);border:1px solid var(--status-success);border-radius:var(--radius-md);color:var(--status-success);z-index:1;text-align:left;align-items:center;gap:10px;margin:12px 0 0;padding:12px 16px;font-size:13px;display:flex;position:relative}.completion-success i{flex-shrink:0;font-size:18px}.progress-steps{z-index:1;justify-content:center;align-items:center;gap:0;max-width:400px;margin-top:16px;margin-left:auto;margin-right:auto;display:flex;position:relative}.step-item{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex;position:relative}.step-number{background:var(--bg-secondary);width:32px;height:32px;color:var(--text-muted);border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .3s;display:flex}.step-item.active .step-number{background:var(--primary);color:var(--text-inverse);border-color:var(--primary);box-shadow:0 0 0 4px var(--accent-glow)}.step-item.completed .step-number{background:var(--success);color:var(--text-inverse);border-color:var(--success)}.step-item span{color:var(--text-muted);font-size:10px;font-weight:600}.step-item.active span,.step-item.completed span{color:var(--text-primary)}.step-line{background:var(--border-color);flex:1;height:3px;margin:0 4px 18px;transition:all .3s}.step-line.completed{background:var(--success)}.settings-tabs-grid{grid-template-columns:repeat(3,1fr);gap:10px;max-width:100%;padding:0;display:grid}.settings-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);width:100%;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:3px 1px;display:flex;position:relative}.settings-card:hover{background:var(--bg-hover);border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.settings-card.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.settings-card.active .card-icon,.settings-card.active .card-label{color:#fff}.settings-card .card-icon{color:var(--text-secondary);transition:color var(--transition-normal);font-size:20px}.settings-card .card-label{color:var(--text-secondary);text-align:center;transition:color var(--transition-normal);font-size:10px;font-weight:500;line-height:1.2}.settings-content{flex-direction:column;gap:20px;display:flex}.settings-section{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:20px;animation:.4s fadeInUp}.settings-section h2{color:var(--text-primary);border-bottom:2px solid var(--border-light);align-items:center;gap:10px;margin:0 0 16px;padding-bottom:12px;font-size:18px;font-weight:700;display:flex}.settings-section h2 i{color:var(--primary);font-size:18px}.settings-form{flex-direction:column;gap:16px;display:flex}.form-group label i{color:var(--primary);font-size:14px}.form-group label .required{color:var(--danger);font-size:12px}.form-group input,.form-group textarea,.form-group select{border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-family:var(--font-sans);transition:all var(--transition-normal);width:100%;padding:10px 14px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);font-size:13px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-group input:disabled,.form-group input.disabled-input{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;border-color:var(--border-light)}.form-group small{color:var(--text-muted);font-size:11px;font-weight:500}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-row{flex-direction:column;gap:16px;display:flex}.form-row .form-group{flex:1}.input-icon{color:var(--primary);pointer-events:none;font-size:16px;font-weight:700;position:absolute;left:12px}.input-icon-right{color:var(--text-muted);pointer-events:none;font-size:12px;font-weight:600;position:absolute;right:12px}.edit-input.with-icon{padding-left:30px}.save-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:var(--text-inverse);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);min-width:140px;font-size:14px;font-weight:600;font-family:var(--font-sans);border:none;justify-content:center;align-self:flex-start;align-items:center;gap:8px;padding:12px 24px;display:inline-flex}.save-btn:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(1.1);transform:translateY(-2px)}.save-btn:active:not(:disabled){transform:translateY(0)}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.save-btn i{font-size:14px}.cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-size:13px;font-weight:600;font-family:var(--font-sans);justify-content:center;align-items:center;gap:8px;padding:10px 20px;display:inline-flex}.cancel-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-muted)}.add-btn{background:var(--bg-secondary);color:var(--primary);border:2px dashed var(--primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);width:100%;font-size:14px;font-weight:600;font-family:var(--font-sans);justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.add-btn:hover{background:var(--primary);color:var(--text-inverse);box-shadow:var(--shadow-sm);border-style:solid;transform:translateY(-1px)}.edit-btn-small{background:var(--bg-tertiary);width:34px;height:34px;color:var(--warning);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:13px;display:flex}.edit-btn-small:hover{background:var(--warning);color:var(--text-inverse);transform:scale(1.1)}.delete-btn-small{background:var(--status-danger-bg);width:34px;height:34px;color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:13px;display:flex}.delete-btn-small:hover{background:var(--danger);color:var(--text-inverse);transform:scale(1.1)}.toggle-switch-wrapper{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all var(--transition-normal);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.toggle-switch-wrapper:hover{border-color:var(--border-color);box-shadow:var(--shadow-sm)}.toggle-info{flex-direction:column;flex:1;gap:2px;padding-right:16px;display:flex}.toggle-label{color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600}.toggle-description{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.toggle-switch{background:var(--border-color);cursor:pointer;width:48px;height:26px;transition:all var(--transition-normal);border-radius:13px;flex-shrink:0;position:relative}.toggle-switch.active{background:var(--primary)}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-slider{background:var(--text-inverse);width:20px;height:20px;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;top:3px;left:3px}.toggle-switch.active .toggle-slider{transform:translate(22px)}.toggle-switch:active .toggle-slider{width:24px}.toggle-switch.active:active .toggle-slider{transform:translate(18px)}.role-selector{gap:12px;display:flex}.role-option{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px;display:flex}.role-option:hover{border-color:var(--primary);transform:translateY(-2px)}.role-option.active{border-color:var(--primary);background:var(--accent-glow)}.role-option input{display:none}.role-option i{color:var(--primary);font-size:24px}.role-option span{color:var(--text-primary);font-size:13px;font-weight:600}.upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--bg-tertiary);flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:20px;display:flex;position:relative}.upload-area .upload-icon{margin-bottom:4px;font-size:30px}.upload-area .upload-label{color:var(--text-primary);font-size:13px;font-weight:600}.upload-area .upload-sub{color:var(--text-muted);font-size:11px}.upload-area input[type=file]{display:none}.upload-row{flex-direction:column;gap:16px;display:flex}.item-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-normal);padding:16px}.item-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.item-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.item-header h4{color:var(--text-primary);flex:1;margin:0;font-size:15px;font-weight:700;line-height:1.3}.add-form{background:var(--bg-secondary);border-radius:var(--radius-md);border:2px dashed var(--border-color);flex-direction:column;gap:12px;padding:16px;animation:.3s fadeInUp;display:flex}.add-form input,.add-form textarea{border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-family:var(--font-sans);transition:all var(--transition-fast);padding:10px 14px}.add-form input:focus,.add-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.add-form textarea{resize:vertical;min-height:60px}.posts-list{flex-direction:column;gap:12px;display:flex}.post-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-normal);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.post-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translate(4px)}.post-item-info{flex:1;min-width:0}.post-item-info h4{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:700;line-height:1.3}.post-item-info p{color:var(--text-secondary);margin:0 0 4px;font-size:13px;line-height:1.5}.post-item-meta{color:var(--primary);background:var(--accent-glow);border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.post-item-actions{flex-shrink:0;gap:6px;display:flex}.no-posts{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.no-posts i{opacity:.5;font-size:40px}.no-posts p{margin:0;font-size:14px;font-weight:500}.loading-posts{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.liveness-instructions{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px;display:grid}.instruction-step{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-light);transition:all var(--transition-normal);justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.instruction-step .inst-status{font-size:14px}.camera-box{border-radius:var(--radius-md);background:var(--bg-tertiary);border:2px solid var(--border-color);aspect-ratio:4/3;width:100%;max-width:400px;margin:0 auto 16px;position:relative;overflow:hidden}.camera-box video{object-fit:cover;width:100%;height:100%;display:none}.camera-box.camera-active video{display:block}.camera-box .camera-placeholder{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.camera-box .camera-placeholder span{font-size:48px}.camera-box .camera-placeholder div{font-size:14px}.liveness-progress{margin:12px 0}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-size:13px;font-weight:600;font-family:var(--font-sans);border:none;align-items:center;gap:6px;padding:10px 20px;display:inline-flex}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-danger:hover{box-shadow:var(--shadow-md);background:#dc2626;transform:translateY(-2px)}.info-box{border-radius:var(--radius-md);border:1px solid;align-items:center;gap:12px;padding:14px 16px;display:flex}.info-box.success{background:var(--status-success-bg);border-color:var(--success);color:var(--success)}.info-box strong{font-size:14px;display:block}.info-box p{opacity:.9;margin:2px 0 0;font-size:13px}.security-divider{background:var(--border-color);height:1px;margin:20px 0;position:relative}.security-divider:after{content:"OR";background:var(--bg-card);color:var(--text-muted);letter-spacing:1px;padding:0 12px;font-size:11px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.edit-images-section{flex-direction:column;gap:10px;display:flex}.edit-images-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.edit-image-item{border-radius:var(--radius-sm);aspect-ratio:4/3;border:2px solid var(--border-color);background:var(--bg-tertiary);position:relative;overflow:hidden}.edit-image-item img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.edit-image-item:hover img{transform:scale(1.05)}.remove-image-btn{background:var(--status-danger-bg);width:24px;height:24px;color:var(--text-inverse);cursor:pointer;transition:all var(--transition-fast);opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:6px;right:6px}.edit-image-item:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{background:var(--danger);transform:scale(1.1)}.image-order-badge{background:var(--primary);width:22px;height:22px;color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:6px;left:6px}.upload-drop-zone-small{border:2px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-normal);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:24px 16px;display:flex}.upload-drop-zone-small:hover{border-color:var(--primary);background:var(--accent-glow);color:var(--primary)}.upload-drop-zone-small i{font-size:24px}.upload-drop-zone-small p{margin:0;font-size:13px;font-weight:600}.edit-modal{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-xl);animation:.3s cubic-bezier(.175,.885,.32,1.275) modalSlideUp;overflow-y:auto}.edit-modal-header{border-bottom:1px solid var(--border-light);background:var(--bg-card);z-index:10;border-radius:var(--radius-xl) var(--radius-xl) 0 0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.modal-close-btn{background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.edit-form{flex-direction:column;gap:16px;padding:20px;display:flex}.edit-actions{border-top:1px solid var(--border-light);gap:10px;padding-top:8px;display:flex}.edit-actions .save-btn,.edit-actions .cancel-btn{flex:1}@media (width<=479px){.settings-wrapper{gap:14px;padding:12px}.settings-header{border-radius:var(--radius-md);padding:18px 14px}.settings-header h1{font-size:20px}.settings-header h1 i{font-size:18px}.settings-header p{font-size:12px}.completion-warning,.completion-success{padding:10px 12px;font-size:12px}.progress-steps{max-width:280px}.step-number{width:28px;height:28px;font-size:11px}.step-item span{font-size:9px}.settings-tabs-grid{grid-template-columns:repeat(3,1fr);gap:6px}.settings-card{border-radius:var(--radius-sm);gap:4px;min-height:60px;padding:10px 4px}.settings-card .card-icon{font-size:18px}.settings-card .card-label{font-size:9px}.settings-section{border-radius:var(--radius-md);padding:16px}.settings-section h2{margin-bottom:14px;padding-bottom:10px;font-size:16px}.settings-section h2 i{font-size:16px}.form-group label{font-size:12px}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;font-size:16px}.form-row,.upload-row{flex-direction:column;gap:12px}.save-btn{justify-content:center;width:100%;padding:12px;font-size:14px}.cancel-btn{padding:10px 16px;font-size:13px}.add-btn{padding:10px;font-size:13px}.toggle-switch-wrapper{padding:12px 14px}.toggle-label{font-size:13px}.toggle-description{font-size:11px}.toggle-switch{width:44px;height:24px}.toggle-slider{width:18px;height:18px;top:3px;left:3px}.toggle-switch.active .toggle-slider{transform:translate(20px)}.role-option{padding:10px}.role-option i{font-size:20px}.role-option span{font-size:12px}.item-card{padding:14px}.item-header h4{font-size:14px}.post-item{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px}.post-item-actions{justify-content:flex-end;width:100%}.edit-images-grid{grid-template-columns:1fr}.edit-modal{border-radius:var(--radius-lg);max-width:100%;max-height:95vh}.edit-modal-header{padding:14px 16px}.edit-modal-header h3{font-size:15px}.edit-form{gap:14px;padding:16px}.edit-actions{flex-direction:column}.edit-actions .save-btn,.edit-actions .cancel-btn{width:100%}.liveness-instructions{grid-template-columns:repeat(2,1fr);gap:4px}.instruction-step{padding:6px 10px;font-size:11px}.btn{padding:8px 16px;font-size:12px}.upload-area{min-height:80px;padding:16px}.upload-area .upload-icon{font-size:24px}.upload-area .upload-label{font-size:12px}.add-form{padding:14px}}.settings-card{opacity:0;animation:.3s ease-out forwards cardFadeIn}.settings-card:first-child{animation-delay:30ms}.settings-card:nth-child(2){animation-delay:60ms}.settings-card:nth-child(3){animation-delay:90ms}.settings-card:nth-child(4){animation-delay:.12s}.settings-card:nth-child(5){animation-delay:.15s}.settings-card:nth-child(6){animation-delay:.18s}.settings-card:nth-child(7){animation-delay:.21s}.settings-card:nth-child(8){animation-delay:.24s}.settings-card:nth-child(9){animation-delay:.27s}.settings-card:nth-child(10){animation-delay:.3s}.settings-card:nth-child(11){animation-delay:.33s}.settings-card:nth-child(12){animation-delay:.36s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.settings-container :focus-visible{outline:2px solid var(--primary);outline-offset:2px}.settings-container ::-webkit-scrollbar{width:6px;height:6px}.settings-container ::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.settings-container ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.settings-container ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.settings-container ::selection{background:var(--accent-glow);color:var(--text-primary)}@media print{.settings-container{background:var(--text-inverse)}.settings-tabs-grid,.save-btn,.cancel-btn,.add-btn,.edit-btn-small,.delete-btn-small,.modal-overlay{display:none!important}.settings-section{box-shadow:none;border:1px solid var(--border-color);break-inside:avoid}}.rules-tab{max-width:900px;margin:0 auto;padding:24px 0}.rules-header{border-bottom:1px solid var(--border-color);margin-bottom:28px;padding-bottom:16px}.rules-header h2{color:var(--text-primary);align-items:center;gap:12px;margin:0 0 8px;font-size:24px;font-weight:700;display:flex}.rules-header h2 i{color:var(--accent-primary)}.rules-subtitle{color:var(--text-secondary);margin:0;font-size:14px}.rules-nav{flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:8px 0;display:flex}.rules-nav-btn{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:500;display:flex}.rules-nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.rules-nav-btn.active{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}.rules-nav-btn i{font-size:14px}.rules-content{flex-direction:column;gap:12px;display:flex}.rules-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);overflow:hidden}.rules-section:hover{border-color:var(--accent-glow)}.rules-section-header{cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border-left:4px solid #0000;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.rules-section-header:hover{background:var(--bg-hover)}.section-title{align-items:center;gap:12px;display:flex}.section-title i{text-align:center;width:24px;font-size:20px}.section-title h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.section-toggle{color:var(--text-muted);transition:transform var(--transition-fast);font-size:14px}.rules-section-body{padding:0 20px 20px;animation:.3s slideDown}.rule-item{border-bottom:1px solid var(--border-light);gap:16px;padding:12px 0;display:flex}.rule-item:last-child{border-bottom:none}.rule-number{background:var(--accent-glow);width:28px;height:28px;color:var(--accent-primary);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.rule-content h4{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:600}.rule-content p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.rules-footer{background:var(--bg-tertiary);border-radius:var(--radius-md);text-align:center;margin-top:24px;padding:16px 20px}.rules-footer p{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.rules-footer p i{color:var(--accent-primary)}@media (width<=768px){.rules-tab{padding:16px 0}.rules-header h2{font-size:20px}.rules-nav{gap:6px}.rules-nav-btn{padding:6px 12px;font-size:11px}.rules-nav-btn span{display:none}.rules-section-header{padding:14px 16px}.section-title h3{font-size:14px}.rules-section-body{padding:0 16px 16px}.rule-item{gap:12px;padding:10px 0}.rule-number{width:24px;height:24px;font-size:11px}.rule-content h4{font-size:13px}.rule-content p{font-size:12px}}@media (width<=480px){.rules-header h2{font-size:18px}.rules-nav-btn{padding:4px 10px;font-size:10px}.rules-nav-btn i{font-size:12px}.rules-section-header{padding:12px 14px}.section-title i{width:20px;font-size:16px}.section-title h3{font-size:13px}.rules-section-body{padding:0 14px 14px}.rule-item{gap:10px;padding:8px 0}.rule-number{width:20px;height:20px;font-size:10px}.rule-content h4{font-size:12px}.rule-content p{font-size:11px}.rules-footer p{flex-wrap:wrap;font-size:11px}}.light-mode .rules-section{background:#fff}.light-mode .rules-nav-btn{background:#f1f5f9}.light-mode .rules-nav-btn:hover{background:#e2e8f0}.light-mode .rules-footer{background:#f1f5f9}.light-mode .rule-number{background:#0d94881a}@media (prefers-reduced-motion:reduce){.rules-section-body{animation:none}.rules-section,.rules-section-header{transition:none}}.social-tab{padding:20px 0}.tab-header{margin-bottom:24px}.tab-header h2{color:var(--text-primary);margin-bottom:6px;font-size:22px}.tab-header h2 i{color:var(--accent-primary)}.tab-subtitle{color:var(--text-secondary);font-size:14px}.social-actions{justify-content:flex-end;margin-bottom:24px;display:flex}.social-edit-actions{gap:12px;display:flex}.social-input-group{margin-bottom:20px}.social-input-group label{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.social-input-group label i{margin-right:8px}.social-input-wrapper{align-items:center;display:flex;position:relative}.social-input{border:1px solid var(--border-color);background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 40px 10px 14px;font-size:14px;transition:all .3s}.social-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #14b8a61a}.social-input:disabled{opacity:.6;cursor:not-allowed}.social-input.invalid{border-color:#ef4444}.social-input.invalid:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.social-link-preview{color:var(--text-secondary);transition:color .3s;position:absolute;right:10px}.social-link-preview:hover{color:var(--accent-primary)}.social-input-error{color:#ef4444;position:absolute;right:10px}.form-hint{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.form-hint i{margin-right:4px}.social-preview-section{border-top:1px solid var(--border-color);margin-top:24px;padding-top:20px}.social-preview-section h4{color:var(--text-primary);margin-bottom:12px;font-size:16px}.social-preview-links{flex-wrap:wrap;gap:10px;display:flex}.social-preview-link{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);border-radius:8px;align-items:center;gap:8px;padding:8px 14px;text-decoration:none;transition:all .3s;display:flex}.social-preview-link:hover{border-color:var(--hover-color,var(--accent-primary));transform:translateY(-2px);box-shadow:0 4px 12px #0003}.social-preview-link i:last-child{color:var(--text-muted);font-size:12px}.youtube-preview-section,.facebook-preview-section{margin-top:20px}.youtube-preview-section h4,.facebook-preview-section h4{color:var(--text-primary);margin-bottom:12px;font-size:16px}.youtube-preview-card,.facebook-preview-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}.youtube-icon,.facebook-icon{background:#ff00001a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:32px;display:flex}.facebook-icon{background:#1877f21a}.youtube-icon i{color:red}.facebook-icon i{color:#1877f2}.youtube-info p,.facebook-info p{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.youtube-visit-btn,.facebook-visit-btn{color:#fff;background:red;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.youtube-visit-btn:hover{background:#c00;transform:scale(1.02)}.facebook-visit-btn{background:#1877f2}.facebook-visit-btn:hover{background:#0d65d9;transform:scale(1.02)}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px}.empty-state p{margin-bottom:4px;font-size:16px}.empty-state small{color:var(--text-muted);font-size:13px}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary:hover:not(:disabled){background:#0ea5a0;transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover)}@media (width<=768px){.social-actions{justify-content:center}.social-preview-links{flex-direction:column}.social-preview-link{justify-content:center}.youtube-preview-card,.facebook-preview-card{text-align:center;flex-direction:column}}.security-tab{max-width:800px;margin:0 auto;padding:24px 0}.security-header{border-bottom:1px solid var(--border-color);margin-bottom:28px;padding-bottom:16px}.security-header h2{color:var(--text-primary);align-items:center;gap:12px;margin:0 0 8px;font-size:24px;font-weight:700;display:flex}.security-header h2 i{color:var(--accent-primary)}.security-score{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);align-items:center;gap:20px;margin-bottom:24px;padding:20px;display:flex}.score-circle{flex-shrink:0;width:72px;height:72px;position:relative}.score-circle svg{width:72px;height:72px;transform:rotate(-90deg)}.score-text{font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-info h4{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:600}.score-info p{color:var(--accent-primary);margin:0 0 4px;font-size:14px;font-weight:500}.score-info small{color:var(--text-muted);font-size:12px}.security-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);margin-bottom:20px;padding:20px 24px}.security-section:hover{border-color:var(--accent-glow)}.section-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-header i{color:var(--accent-primary);text-align:center;width:24px;font-size:20px}.section-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.security-note{border-radius:var(--radius-md);align-items:center;gap:10px;margin-top:12px;padding:12px 16px;font-size:13px;display:flex}.security-note.success{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success)}.security-note.warning{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning)}.security-note i{font-size:16px}.change-pin-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;margin-top:12px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.change-pin-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}.change-pin-btn i{font-size:14px}.pin-modal{background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.pin-modal-content{background:var(--modal-bg);border-radius:var(--radius-lg);width:90%;max-width:420px;box-shadow:0 20px 60px var(--shadow-color);border:1px solid var(--border-color);padding:28px 32px}.pin-modal-content h4{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 8px;font-size:18px;display:flex}.pin-modal-content>p{color:var(--text-secondary);margin:0 0 20px;font-size:14px}.pin-modal-content .form-group{margin-bottom:14px}.pin-modal-content .form-group:last-of-type{margin-bottom:20px}.pin-actions{gap:12px;display:flex}.pin-actions .btn-primary,.pin-actions .btn-secondary{flex:1;justify-content:center;padding:10px 16px}.security-checkup-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.security-checkup-btn:hover{opacity:.9;box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}.security-checkup-btn i{font-size:16px}.checkup-note{color:var(--text-muted);margin:8px 0 0;font-size:13px}.last-login{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.last-login i{color:var(--accent-primary)}.last-login strong{color:var(--text-primary)}.history-loading,.history-empty{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:24px;font-size:14px;display:flex}.history-loading i{color:var(--accent-primary);font-size:20px}.login-history{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.login-history::-webkit-scrollbar{width:4px}.login-history::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}.login-history::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-full)}.history-item{background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--status-success);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.history-item.failed{border-left-color:var(--status-danger)}.history-item:hover{background:var(--bg-hover)}.history-device{color:var(--text-primary);align-items:center;gap:10px;min-width:140px;font-size:13px;display:flex}.history-device i{font-size:16px}.history-details{color:var(--text-secondary);align-items:center;gap:16px;font-size:12px;display:flex}.history-ip{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:2px 8px;font-family:monospace}.history-time{white-space:nowrap}.history-status{border-radius:var(--radius-full);white-space:nowrap;padding:2px 10px;font-size:11px;font-weight:500}.history-status.success{background:var(--status-success-bg);color:var(--status-success)}.history-status.failed{background:var(--status-danger-bg);color:var(--status-danger)}.recovery-info{padding:4px 0}.recovery-info p{color:var(--text-secondary);margin:0 0 12px;font-size:14px}.recovery-stats{flex-wrap:wrap;gap:20px;padding:12px 0;display:flex}.recovery-stats span{background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-secondary);padding:4px 14px;font-size:13px;font-weight:500}.recovery-stats span:last-child{background:var(--accent-glow);color:var(--accent-primary)}.recovery-actions{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.recovery-actions .btn-primary,.recovery-actions .btn-secondary{padding:8px 20px;font-size:14px}.modal-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--modal-bg);border-radius:var(--radius-lg);width:90%;max-width:520px;max-height:80vh;box-shadow:0 20px 60px var(--shadow-color);border:1px solid var(--border-color);padding:24px 28px;overflow-y:auto}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}.modal-content::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-full)}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.modal-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:20px}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding-top:16px}.warning-text{background:var(--status-warning-bg);border-radius:var(--radius-md);color:var(--status-warning);border:1px solid var(--status-warning);align-items:center;gap:8px;margin:0 0 16px;padding:10px 14px;font-size:13px;display:flex}.warning-text i{font-size:16px}.codes-container{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.code-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);letter-spacing:1px;transition:all var(--transition-fast);align-items:center;gap:12px;padding:10px 14px;font-family:Courier New,monospace;font-size:16px;display:flex}.code-item:hover{background:var(--bg-hover)}.code-number{color:var(--text-muted);min-width:28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:600}.code-value{color:var(--text-primary);letter-spacing:2px;flex:1;font-weight:600}.copy-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:4px 10px;font-size:14px}.copy-btn:hover{background:var(--bg-hover);color:var(--accent-primary)}.download-all-btn{justify-content:center;width:100%;margin-top:4px}.security-tips{margin-top:8px}.tips-toggle{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 0;font-size:14px;font-weight:500;display:flex}.tips-toggle:hover{color:var(--text-primary)}.tips-toggle i{color:var(--accent-primary);font-size:16px}.tips-content{background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:4px;padding:16px 20px;animation:.3s slideDown}.tips-content ul{margin:0;padding:0;list-style:none}.tips-content ul li{color:var(--text-secondary);border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.tips-content ul li:last-child{border-bottom:none}.tips-content ul li i{color:var(--accent-primary);text-align:center;width:18px;font-size:14px}@media (width<=768px){.security-tab{padding:16px 0}.security-section{padding:16px 18px}.security-score{text-align:center;flex-direction:column;padding:16px}.score-circle,.score-circle svg{width:60px;height:60px}.score-text{font-size:20px}.form-row{grid-template-columns:1fr;gap:12px}.pin-modal-content{padding:20px 16px}.pin-actions{flex-direction:column}.history-item{flex-direction:column;align-items:flex-start;gap:8px}.history-device{min-width:unset}.history-details{flex-wrap:wrap;gap:8px}.modal-content{max-height:85vh;padding:16px 18px}.code-item{padding:8px 12px;font-size:14px}.recovery-stats{gap:10px}.recovery-stats span{padding:3px 10px;font-size:12px}.recovery-actions{flex-direction:column}.recovery-actions .btn-primary,.recovery-actions .btn-secondary{justify-content:center;width:100%}.security-header h2{font-size:20px}.section-header h3{font-size:15px}}@media (width<=480px){.security-section,.security-score{padding:14px}.modal-content{width:95%;padding:14px}.code-item{flex-wrap:wrap;padding:6px 10px;font-size:13px}.code-value{letter-spacing:1px;font-size:13px}.copy-btn{padding:2px 8px}}.light-mode .security-section{background:#fff}.light-mode .history-item:hover{background:#f1f5f9}.light-mode .code-item{background:#f8fafc}.light-mode .code-item:hover,.light-mode .recovery-stats span{background:#f1f5f9}.light-mode .tips-content{background:#f8fafc}.light-mode .pin-modal-content,.light-mode .modal-content{background:#fff}@media (prefers-reduced-motion:reduce){.security-section,.security-checkup-btn{transition:none}.security-checkup-btn:hover{transform:none}.modal-overlay,.tips-content{animation:none}}.noti-tab{max-width:900px;color:var(--text-primary);margin:0 auto;padding:24px}.noti-tab-header{border-bottom:1px solid var(--border-color);margin-bottom:28px;padding-bottom:20px}.noti-tab-header h2{color:var(--text-primary);align-items:center;gap:12px;margin:0 0 6px;font-size:26px;font-weight:700;display:flex}.noti-tab-header h2 i{color:var(--accent-primary);font-size:28px}.header-subtitle{color:var(--text-secondary);margin:0;font-size:14px;font-weight:400}.noti-push-section{margin-bottom:28px}.push-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);box-shadow:0 2px 12px var(--shadow-light);padding:20px 24px}.push-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 24px var(--shadow-color)}.push-card-header{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.push-icon{background:var(--gradient-primary);color:#fff;width:48px;height:48px;transition:all var(--transition-normal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex}.push-icon i{color:#fff}.push-info{flex:1;min-width:150px}.push-info h4{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.push-info p{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.push-actions{flex-shrink:0}.push-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.push-btn.primary{background:var(--gradient-primary);color:#fff}.push-btn.primary:hover{opacity:.9;box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}.push-btn.danger{background:var(--gradient-danger);color:#fff}.push-btn.danger:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 25px #ef444440}.push-btn.warning{background:var(--gradient-warning);color:#fff;cursor:not-allowed;opacity:.7}.push-btn:disabled{cursor:not-allowed;opacity:.6}.push-status{border-top:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px;padding-top:14px;display:flex}.push-status .status-label{color:var(--text-secondary);font-size:13px;font-weight:500}.push-status .status-badge{border-radius:var(--radius-full);padding:4px 14px;font-size:12px;font-weight:600}.push-status .status-badge.success{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success)}.push-status .status-badge.warning{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning)}.subscription-detail{color:var(--text-muted);word-break:break-all;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:4px 12px;font-family:Courier New,monospace;font-size:12px}.noti-master-controls{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);margin-bottom:28px;padding:16px 20px}.noti-master-controls:hover{border-color:var(--accent-primary)}.noti-master-toggle{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.noti-master-info{align-items:center;gap:14px;display:flex}.noti-master-icon{background:var(--bg-tertiary);width:40px;height:40px;color:var(--accent-primary);transition:all var(--transition-normal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.noti-master-text h4{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.noti-master-text p{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.noti-categories{margin-bottom:28px}.noti-categories-grid{grid-template-columns:1fr;gap:12px;display:grid}.noti-category{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:default;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.noti-category:hover{border-color:var(--accent-primary);background:var(--bg-hover)}.noti-category-icon{text-align:center;flex-shrink:0;width:40px;font-size:24px}.noti-category-info{flex:1;min-width:100px}.noti-category-name{color:var(--text-primary);font-size:14px;font-weight:500;display:block}.noti-category-desc{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.noti-toggle-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.noti-toggle-info{flex:1;min-width:120px}.noti-toggle-label{color:var(--text-primary);font-size:14px;font-weight:500;display:block}.noti-toggle-description{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.noti-toggle-switch{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;width:54px;height:30px;transition:all var(--transition-normal);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 6px;display:flex;position:relative}.noti-toggle-switch.active{background:var(--accent-primary);border-color:var(--accent-primary)}.noti-toggle-switch:disabled{opacity:.5;cursor:not-allowed}.noti-toggle-slider{width:20px;height:20px;transition:all var(--transition-normal);box-shadow:0 2px 8px var(--shadow-color);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.noti-toggle-switch.active .noti-toggle-slider{left:27px}.noti-toggle-status{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;opacity:0;transition:all var(--transition-normal);font-size:9px;font-weight:700}.noti-toggle-switch.active .noti-toggle-status{color:#fff;opacity:1}.noti-email-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:28px;padding:20px 24px}.section-title{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}.section-title i{color:var(--accent-primary)}.noti-email-settings{flex-direction:column;gap:4px;display:flex}.noti-reset{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);border-style:dashed;margin-bottom:28px;padding:20px}.reset-btn{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);background:0 0;align-items:center;gap:10px;padding:10px 24px;font-size:14px;font-weight:500;display:inline-flex}.reset-btn:hover{border-color:var(--status-danger);color:var(--status-danger);background:var(--status-danger-bg)}.noti-status-bar{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:16px 20px;display:grid}.status-item{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.status-value{color:var(--text-primary);font-size:13px;font-weight:600}.noti-tab-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}@media (width<=768px){.noti-tab{padding:16px}.noti-tab-header h2{font-size:22px}.push-card-header{text-align:center;flex-direction:column;align-items:stretch}.push-icon{margin:0 auto}.push-actions{text-align:center}.push-status{flex-direction:column;justify-content:center;align-items:center}.noti-master-toggle{text-align:center;flex-direction:column;align-items:stretch}.noti-master-info{justify-content:center}.noti-category{text-align:center;flex-wrap:wrap;justify-content:center}.noti-category-info{min-width:auto}.noti-toggle-item{text-align:center;flex-direction:column;align-items:center}.noti-status-bar{text-align:center;grid-template-columns:1fr 1fr}.status-item{justify-content:center}}@media (width<=480px){.noti-tab{padding:12px}.noti-tab-header h2{font-size:20px}.push-card{padding:16px}.noti-category{padding:12px 14px}.noti-status-bar{grid-template-columns:1fr;gap:8px}}@media (prefers-reduced-motion:reduce){.noti-toggle-switch,.noti-toggle-slider,.push-btn,.reset-btn,.noti-category,.push-card,.noti-master-controls{transition:none!important}.loading-spinner{animation-duration:1.5s}}@media print{.noti-tab{padding:0}.push-btn,.reset-btn,.noti-toggle-switch{display:none!important}.noti-status-bar{background:#f9f9f9;border:1px solid #ddd}}.dark-mode .noti-toggle-switch{background:var(--bg-tertiary)}.dark-mode .noti-toggle-switch.active{background:var(--accent-primary)}.dark-mode .push-card,.dark-mode .noti-category,.dark-mode .noti-master-controls,.dark-mode .noti-email-section,.dark-mode .noti-reset{background:var(--bg-secondary)}.light-mode .noti-toggle-switch{background:#e2e8f0}.light-mode .noti-toggle-switch.active{background:var(--accent-primary)}.light-mode .push-card,.light-mode .noti-category,.light-mode .noti-master-controls,.light-mode .noti-email-section,.light-mode .noti-reset{background:#fff}.light-mode .noti-status-bar,.light-mode .subscription-detail{background:#f1f5f9}.sound-tab{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:24px}.sound-tab-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.sound-tab-header{margin-bottom:28px}.sound-tab-header h2{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 6px;font-size:22px;font-weight:700;display:flex}.sound-tab-header h2 i{color:var(--accent-primary)}.sound-master-controls{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.master-toggle,.master-mute{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-normal);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.master-toggle:hover,.master-mute:hover{border-color:var(--accent-primary)}.master-info{align-items:center;gap:14px;display:flex}.master-icon{color:var(--accent-primary);background:var(--bg-secondary);border-radius:var(--radius-full);justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.master-text h4{color:var(--text-primary);margin:0 0 2px;font-size:15px;font-weight:600}.master-text p{color:var(--text-secondary);margin:0;font-size:13px}.toggle-item{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.toggle-item:last-child{border-bottom:none}.toggle-info{flex:1}.toggle-label{color:var(--text-primary);font-size:14px;font-weight:500;display:block}.toggle-description{color:var(--text-muted);font-size:12px;display:block}.toggle-switch{background:var(--bg-tertiary);cursor:pointer;width:52px;height:28px;transition:all var(--transition-normal);border:none;border:2px solid var(--border-color);border-radius:14px;flex-shrink:0;padding:0;position:relative}.toggle-switch.active{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-switch .toggle-slider{width:20px;height:20px;transition:all var(--transition-normal);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch.active .toggle-slider{left:26px}.toggle-switch .toggle-status{display:none}.volume-control{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:24px;padding:20px 24px}.volume-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.volume-label{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.volume-label i{color:var(--accent-primary)}.volume-value{color:var(--accent-primary);font-size:16px;font-weight:700}.volume-slider-main{appearance:none;background:var(--bg-tertiary);width:100%;height:6px;transition:all var(--transition-normal);cursor:pointer;border-radius:3px;outline:none}.volume-slider-main::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;width:20px;height:20px;transition:all var(--transition-normal);box-shadow:0 0 12px var(--accent-glow);border-radius:50%}.volume-slider-main::-webkit-slider-thumb:hover{transform:scale(1.1)}.volume-slider-main::-moz-range-thumb{background:var(--accent-primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}.volume-slider-main:disabled{opacity:.5;cursor:not-allowed}.volume-slider-main:disabled::-webkit-slider-thumb{background:var(--text-muted);box-shadow:none}.volume-marks{color:var(--text-muted);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.sound-categories{margin-bottom:28px}.categories-title{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 4px;font-size:17px;font-weight:600;display:flex}.categories-title i{color:var(--accent-primary)}.categories-subtitle{color:var(--text-secondary);margin:0 0 16px;font-size:13px}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.sound-category{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-normal);align-items:center;gap:14px;padding:14px 18px;display:flex}.sound-category:hover{border-color:var(--accent-primary)}.category-icon{background:var(--bg-secondary);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.category-info{flex:1;min-width:0}.category-name{color:var(--text-primary);font-size:14px;font-weight:500;display:block}.category-desc{color:var(--text-muted);font-size:12px;display:block}.sound-category .toggle-switch{flex-shrink:0}.test-sounds{margin-bottom:28px}.test-title{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 4px;font-size:17px;font-weight:600;display:flex}.test-title i{color:var(--accent-primary)}.test-subtitle{color:var(--text-secondary);margin:0 0 16px;font-size:13px}.test-buttons-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.test-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.test-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary);transform:translateY(-2px)}.test-btn:disabled{opacity:.5;cursor:not-allowed}.test-btn.testing{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary)}.test-spinner{border:2px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.sound-reset{text-align:center;border-top:1px solid var(--border-color);padding:20px 0}.reset-btn{border-radius:var(--radius-md);border:1px solid var(--status-danger);color:var(--status-danger);cursor:pointer;transition:all var(--transition-normal);background:0 0;align-items:center;gap:10px;padding:10px 28px;font-size:14px;font-weight:500;display:inline-flex}.reset-btn:hover{background:var(--status-danger-bg);transform:translateY(-2px)}.reset-note{color:var(--text-muted);margin:8px 0 0;font-size:12px}.sound-status-bar{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 20px;display:flex}.status-item{align-items:center;gap:8px;font-size:13px;display:flex}.status-label{color:var(--text-secondary);font-weight:500}.status-value{color:var(--text-primary);font-weight:600}.status-value.active{color:var(--status-success)}.status-value.inactive{color:var(--status-danger)}@media (width<=992px){.sound-master-controls,.categories-grid{grid-template-columns:1fr}.test-buttons-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (width<=768px){.sound-tab{padding:16px}.sound-tab-header h2{font-size:18px}.master-toggle,.master-mute{flex-direction:column;align-items:flex-start;gap:12px}.sound-status-bar{flex-direction:column;gap:6px}.test-buttons-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.test-btn{padding:8px 12px;font-size:12px}}@media (width<=480px){.sound-tab{padding:12px}.sound-category{flex-wrap:wrap;gap:10px}.test-buttons-grid{grid-template-columns:repeat(2,1fr)}}.app-device-tab{max-width:800px;margin:0 auto;padding:24px;animation:.4s fadeIn}.loading-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.app-device-header{margin-bottom:28px}.app-device-header h2{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 6px;font-size:22px;font-weight:700;display:flex}.app-device-header h2 i{color:var(--accent-primary)}.header-subtitle{color:var(--text-secondary);margin:0;font-size:14px}.app-device-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);margin-bottom:16px;overflow:hidden}.app-device-card:hover{border-color:var(--accent-primary)}.card-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);align-items:center;gap:14px;padding:16px 20px;display:flex}.card-icon{border-radius:var(--radius-md);background:var(--accent-glow);width:40px;height:40px;color:var(--accent-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.card-title{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:8px;display:flex}.card-title h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.card-body{padding:20px}.status-badge.installed{background:var(--status-success-bg);color:var(--status-success)}.status-badge.not-installed{background:var(--status-warning-bg);color:var(--status-warning)}.status-badge.update-available,.status-badge.info{background:var(--status-info-bg);color:var(--status-info)}.status-badge.online{background:var(--status-success-bg);color:var(--status-success)}.status-badge.offline{background:var(--status-danger-bg);color:var(--status-danger)}.install-success{text-align:center;padding:8px 0}.install-success i{color:var(--status-success);margin-bottom:8px;font-size:48px;display:block}.install-success p{color:var(--text-primary);margin:0 0 4px;font-size:16px;font-weight:500}.install-success small{color:var(--text-secondary);font-size:13px}.install-actions{flex-direction:column;gap:12px;display:flex}.install-description{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.install-btn{border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.install-btn:hover{box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}.install-btn:active{transform:translateY(0)}.ios-hint{color:var(--text-muted);text-align:center;padding-top:8px;font-size:13px}.install-not-available{text-align:center;padding:12px 0}.install-not-available i{color:var(--text-muted);margin-bottom:8px;font-size:32px;display:block}.install-not-available p{color:var(--text-secondary);margin:0 0 4px;font-size:14px}.install-not-available small{color:var(--text-muted);font-size:13px}.update-available{flex-direction:column;gap:16px;display:flex}.update-info{align-items:flex-start;gap:12px;display:flex}.update-info i{color:var(--status-info);margin-top:2px;font-size:24px}.update-info p{color:var(--text-primary);margin:0 0 2px;font-size:14px;font-weight:500}.update-info small{color:var(--text-secondary);font-size:13px}.update-actions{flex-wrap:wrap;gap:10px;display:flex}.update-btn{border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;cursor:pointer;transition:all var(--transition-normal);border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.update-btn:hover{box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}.update-later-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);background:0 0;padding:10px 20px;font-size:14px;font-weight:500}.update-later-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.update-current{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.update-current i{color:var(--status-success);font-size:24px}.update-current p{color:var(--text-primary);margin:0 0 2px;font-size:14px;font-weight:500}.update-current small{color:var(--text-secondary);font-size:13px}.check-update-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);margin-left:auto;padding:8px 16px;font-size:13px;font-weight:500}.check-update-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.check-update-btn:disabled{opacity:.6;cursor:not-allowed}.storage-info{flex-direction:column;gap:14px;display:flex}.storage-detail{border-bottom:1px solid var(--border-light);color:var(--text-secondary);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.storage-detail:last-child{border-bottom:none}.storage-detail span:last-child{color:var(--text-primary);font-weight:600}.clear-cache-btn{border:1px solid var(--status-danger);border-radius:var(--radius-md);color:var(--status-danger);cursor:pointer;transition:all var(--transition-normal);background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.clear-cache-btn:hover{background:var(--status-danger-bg);transform:translateY(-2px)}.network-info{flex-direction:column;gap:10px;display:flex}.network-detail{color:var(--text-secondary);justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.network-detail span:last-child{color:var(--text-primary);font-weight:500}.check-network-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.check-network-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.notification-info{flex-direction:column;gap:12px;display:flex}.notification-detail{color:var(--text-secondary);justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.notification-detail span:last-child{color:var(--text-primary);font-weight:500}.request-permission-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.request-permission-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.request-permission-btn:disabled{opacity:.6;cursor:not-allowed;background:var(--status-success-bg);color:var(--status-success);border-color:var(--status-success)}.device-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.device-info-item{background:var(--bg-tertiary);border-radius:var(--radius-md);flex-direction:column;gap:2px;padding:10px 14px;display:flex}.device-info-item .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.device-info-item .value{color:var(--text-primary);align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.device-info-item .value .fa-copy{cursor:pointer;transition:opacity var(--transition-fast)}.device-info-item .value .fa-copy:hover{opacity:1!important}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.action-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:inline-flex}.app-device-footer{border-top:1px solid var(--border-color);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:16px;font-size:13px;display:flex}.build-info,.app-links{align-items:center;gap:8px;display:flex}.app-link{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.app-link:hover{color:var(--accent-primary)}.dark-mode .app-device-card{background:var(--bg-card)}.dark-mode .device-info-item{background:var(--bg-tertiary)}@media (width<=992px){.device-info-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.app-device-tab{padding:16px}.app-device-header h2{font-size:18px}.device-info-grid{grid-template-columns:1fr}.update-current{flex-direction:column;align-items:flex-start}.check-update-btn{width:100%;margin-left:0}.update-actions{flex-direction:column}.update-actions button{width:100%}.app-device-footer{text-align:center;flex-direction:column}.actions-grid{grid-template-columns:1fr 1fr}.card-header{flex-wrap:wrap}.card-title{width:100%}}@media (width<=480px){.app-device-tab{padding:12px}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.card-body{padding:16px}.actions-grid{grid-template-columns:1fr}.install-btn,.update-btn,.update-later-btn,.clear-cache-btn,.request-permission-btn,.check-network-btn,.check-update-btn{width:100%}.device-info-item{padding:8px 12px}.storage-detail,.network-detail,.notification-detail{font-size:13px}}@media print{.app-device-tab{padding:0}.app-device-card{break-inside:avoid;page-break-inside:avoid;border:1px solid #ddd}.card-header{background:#f5f5f5}.install-btn,.update-btn,.clear-cache-btn,.check-network-btn,.request-permission-btn,.check-update-btn,.action-btn{color:#000!important;background:#f5f5f5!important;border:1px solid #ddd!important}.status-badge{border:1px solid #ddd}.loading-state{display:none}}@media (prefers-reduced-motion:reduce){.app-device-tab,.app-device-card,.install-btn,.update-btn,.clear-cache-btn,.action-btn{transition:none!important;animation:none!important}.loading-spinner{animation:none!important}}@media (prefers-contrast:high){.app-device-card{border-width:2px}.card-header{border-bottom-width:2px}.status-badge{border:1px solid}.install-btn,.update-btn,.clear-cache-btn,.action-btn{border:2px solid}}.announcements-tab{background:var(--bg-secondary,#0f172a);border-radius:12px;min-height:500px;padding:20px}.announcements-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.header-left h2{color:var(--text-primary,#f1f5f9);margin:0;font-size:20px;font-weight:600}.announcement-count{color:var(--text-muted,#94a3b8);background:var(--bg-tertiary,#1e293b);border-radius:12px;padding:2px 10px;font-size:14px}.header-right{align-items:center;gap:12px;display:flex}.filter-buttons{background:var(--bg-tertiary,#1e293b);border-radius:8px;gap:6px;padding:4px;display:flex}.filter-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.filter-btn:hover{color:var(--text-primary,#f1f5f9)}.filter-btn.active{background:var(--accent-primary,#14b8a6);color:#fff}.announcements-loading{color:var(--text-muted,#94a3b8);justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:16px;display:flex}.announcements-loading i{color:var(--accent-primary,#14b8a6);font-size:24px}.announcements-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.announcements-empty i{color:var(--text-muted,#94a3b8);margin-bottom:16px;font-size:48px}.announcements-empty h3{color:var(--text-primary,#f1f5f9);margin:0 0 8px;font-size:20px;font-weight:600}.announcements-empty p{color:var(--text-muted,#94a3b8);margin:0}.no-results{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.no-results i{color:var(--text-muted,#94a3b8);margin-bottom:8px;font-size:32px}.no-results p{color:var(--text-muted,#94a3b8);margin:0}.announcements-list{flex-direction:column;gap:12px;display:flex}.announcement-card{background:var(--bg-tertiary,#1e293b);border:1px solid var(--border-color,#2d3a4a);cursor:pointer;border-radius:12px;transition:all .3s;overflow:hidden}.announcement-card:hover{border-color:var(--accent-primary,#14b8a6);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.announcement-card.expanded{border-color:var(--accent-primary,#14b8a6);box-shadow:0 4px 16px #14b8a626}.announcement-header{align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.announcement-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:18px;display:flex}.announcement-info{flex:1;min-width:0}.announcement-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.announcement-title{color:var(--text-primary,#f1f5f9);margin:0;font-size:16px;font-weight:600;line-height:1.4}.announcement-status{flex-shrink:0}.status-badge.active{color:#22c55e;background:#22c55e26}.status-badge.archived{color:#94a3b8;background:#94a3b826}.announcement-meta{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.meta-item{color:var(--text-muted,#94a3b8);align-items:center;gap:4px;font-size:12px;display:flex}.meta-item i{font-size:11px}.expand-btn{background:var(--bg-secondary,#0f172a);width:32px;min-width:32px;height:32px;color:var(--text-muted,#94a3b8);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.expand-btn:hover{background:var(--bg-primary,#090d16);color:var(--text-primary,#f1f5f9)}.announcement-body{max-height:0;padding:0 20px;transition:max-height .3s,padding .3s;overflow:hidden}.announcement-body.show{max-height:500px;padding:0 20px 16px}.announcement-message{color:var(--text-secondary,#cbd5e1);white-space:pre-wrap;margin:0 0 12px;font-size:14px;line-height:1.8}.announcement-footer{border-top:1px solid var(--border-color,#2d3a4a);flex-wrap:wrap;gap:16px;padding-top:12px;display:flex}.created-by,.updated-at{color:var(--text-muted,#94a3b8);align-items:center;gap:4px;font-size:12px;display:flex}.announcements-footer{border-top:1px solid var(--border-color,#2d3a4a);justify-content:center;margin-top:20px;padding-top:16px;display:flex}.announcements-footer p{color:var(--text-muted,#94a3b8);align-items:center;gap:6px;margin:0;font-size:12px;display:flex}@media (width<=768px){.announcements-tab{padding:12px}.announcements-header{flex-direction:column;align-items:stretch}.header-left h2{font-size:18px}.header-right{justify-content:flex-start}.announcement-header{flex-wrap:wrap;padding:12px 16px}.announcement-title-row{flex-direction:column;align-items:flex-start}.announcement-meta{gap:8px}.announcement-body.show{padding:0 16px 12px}.announcement-card{border-radius:8px}}@media (width<=480px){.filter-buttons{width:100%}.filter-btn{text-align:center;flex:1;padding:6px 12px;font-size:12px}.announcement-icon{width:32px;min-width:32px;height:32px;font-size:14px}.announcement-title{font-size:14px}}.status-badge.history{color:#8b5cf6;background:#8b5cf626}.status-badge.history{color:#8b5cf6;background:#8b5cf626;border:1px solid #8b5cf64d}.meta-item.history-tag{color:#8b5cf6}.announcement-card.archived{opacity:.8}.announcement-card.archived:hover{opacity:1}.status-badge.duplicate{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.loading-container{background:var(--bg-primary,#090d16);color:var(--accent-primary,#14b8a6);justify-content:center;align-items:center;width:100%;display:flex}.loading-content{text-align:center;animation:.5s ease-out fadeInUp}.loading-container.small .loading-content i{font-size:32px!important}.loading-container.small .loading-content h2{font-size:16px!important}.loading-container.large .loading-content i{font-size:56px!important}.loading-container.large .loading-content h2{font-size:24px!important}@media (width<=480px){.loading-content i{font-size:36px!important}.loading-content h2{font-size:18px!important}.loading-content p{font-size:13px!important}}@media (prefers-reduced-motion:reduce){.loading-content,.fa-spin{animation:none!important}}:root{--primary:var(--accent-secondary);--primary-dark:var(--accent-primary);--primary-light:var(--accent-light);--secondary:var(--status-warning);--danger:var(--status-danger);--success:var(--status-success);--warning:var(--status-warning);--info:var(--status-info);--bg:var(--bg-secondary);--bg-elevated:var(--bg-tertiary);--bg-input:var(--text-secondary);--border:var(--text-secondary);--shadow-sm:0 1px 2px 0 var(--shadow-color);--shadow:0 4px 6px -1px var(--shadow-color);--shadow-lg:0 10px 15px -3px var(--shadow-color);--radius-sm:6px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--transition:all .2s ease;--font-sans:"Inter", system-ui, -apple-system, sans-serif}.user-profile-page{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);min-height:100vh;padding-bottom:60px;line-height:1.6}.profile-loading,.profile-not-found,.profile-private{min-height:100vh;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px;display:flex}.profile-loading p,.profile-not-found p,.profile-private p{color:var(--text-muted);margin:0;font-size:16px}.profile-not-found h2,.profile-private h2{color:var(--text-primary);margin:0;font-size:24px}.profile-not-found i,.profile-private i{color:var(--border);margin-bottom:8px;font-size:64px}.profile-not-found button,.profile-private button{background:var(--primary);color:var(--text-inverse);border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:none;margin-top:8px;padding:12px 28px;font-size:15px;font-weight:600}.profile-not-found button:hover,.profile-private button:hover{background:var(--primary-dark);transform:translateY(-1px)}.profile-header{background:linear-gradient(135deg, var(--bg-elevated) 0%, var(--bg) 100%);border-bottom:1px solid var(--border);padding:40px 24px 30px;position:relative;overflow:hidden}.profile-header:before{content:"";background:linear-gradient(135deg, var(--status-success-bg) 0%, var(--status-info-bg) 100%);pointer-events:none;height:200px;position:absolute;top:0;left:0;right:0}.profile-avatar-section{z-index:1;flex-wrap:wrap;align-items:flex-start;gap:24px;max-width:900px;margin:0 auto;display:flex;position:relative}.profile-avatar{object-fit:cover;border:4px solid var(--bg);width:20px;height:20px;box-shadow:var(--shadow-lg);background:var(--bg-elevated);border-radius:50%}.online-status{border:2px solid var(--bg);white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:8px;right:8px}.online-status.online{background:var(--success);color:var(--text-inverse)}.online-status.offline{background:var(--border);color:var(--text-muted)}.profile-info{flex:1;min-width:0}.profile-name-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.profile-name-row h1{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.verified-badge{background:var(--success);color:var(--text-inverse);cursor:help;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.verified-badge:hover{transform:scale(1.1)}.pending-badge{background:var(--warning);width:28px;height:28px;color:var(--text-inverse);cursor:help;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.profile-headline{color:var(--text-secondary);margin:0 0 16px;font-size:16px;font-weight:400}.profile-ids{flex-direction:column;gap:10px;max-width:500px;margin-bottom:16px;display:flex}.id-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:flex}.id-label{color:var(--text-muted);min-width:110px;font-size:13px;font-weight:500}.id-value{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Courier New,monospace;font-size:13px;overflow:hidden}.copy-id-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px;font-size:14px}.copy-id-btn:hover{color:var(--primary);background:var(--status-success-bg)}.profile-stats{flex-wrap:wrap;gap:16px;margin-top:8px;display:flex}.profile-stats span{color:var(--text-muted);align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.profile-stats i{color:var(--primary);font-size:13px}.profile-actions{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px;max-width:900px;margin:0 auto;padding:20px 24px;display:flex}.owner-actions{justify-content:flex-end}.btn-flow,.btn-message,.btn-follow,.btn-review,.btn-edit-profile{border-radius:var(--radius);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-flow{background:var(--primary);color:var(--text-inverse);box-shadow:0 4px 14px var(--status-success-bg)}.btn-flow:hover{background:var(--primary-dark);box-shadow:0 6px 20px var(--status-success-bg);transform:translateY(-1px)}.btn-message{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.btn-message:hover{border-color:var(--primary);color:var(--primary);background:var(--status-success-bg)}.btn-follow{background:var(--info);color:var(--text-inverse)}.btn-follow:hover{background:var(--status-info);transform:translateY(-1px)}.btn-follow.following{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.btn-follow.following:hover{background:var(--status-danger-bg);border-color:var(--danger);color:var(--danger)}.btn-review{background:var(--secondary);color:var(--text-inverse)}.btn-review:hover:not(:disabled){background:var(--status-warning);transform:translateY(-1px)}.btn-review.reviewed{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);cursor:not-allowed;opacity:.7}.btn-edit-profile{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.btn-edit-profile:hover{border-color:var(--primary);color:var(--primary)}.profile-settings-grid{max-width:900px;margin:0 auto;padding:20px 24px 0}.settings-card{box-shadow:0 2px 8px var(--shadow-color);cursor:pointer;background:var(--text-inverse);min-height:90px;color:var(--accent-primary);border:none;border-radius:16px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 12px;font-family:inherit;transition:all .2s;display:flex;position:relative}.settings-card i{font-size:24px}.settings-card span{text-align:center;font-size:13px;font-weight:600}.profile-tab-content{max-width:900px;margin:0 auto;padding:24px}.tab-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;animation:.3s fadeIn}.tab-panel h3{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 20px;font-size:18px;font-weight:700;display:flex}.tab-panel h3 i{color:var(--primary)}.about-panel p{color:var(--text-secondary);margin:0 0 20px;font-size:15px;line-height:1.7}.skills-section{margin-top:20px}.skills-section h4{color:var(--text-primary);margin:0 0 12px;font-size:16px;font-weight:700}.skills-tags{flex-wrap:wrap;gap:10px;display:flex}.skill-tag{background:var(--status-success-bg);border:1px solid var(--status-success-bg);color:var(--primary-light);transition:var(--transition);border-radius:20px;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.skill-tag:hover{background:var(--status-success-bg);transform:translateY(-1px)}.info-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:20px;display:grid}.info-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.info-item i{color:var(--primary);text-align:center;width:20px;font-size:14px}.posts-panel .posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.post-card-mini{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);overflow:hidden}.post-card-mini:hover{border-color:var(--border-light);box-shadow:var(--shadow);transform:translateY(-2px)}.post-thumbnail{object-fit:cover;width:100%;height:160px;display:block}.post-info{padding:16px}.post-info h4{color:var(--text-primary);margin:0 0 8px;font-size:15px;font-weight:700;line-height:1.4}.post-info p{color:var(--text-muted);margin:0 0 10px;font-size:13px;line-height:1.5}.post-budget{background:var(--status-success-bg);border:1px solid var(--status-success-bg);color:var(--primary-light);border-radius:20px;align-items:center;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.no-posts{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.no-posts i{color:var(--border);font-size:48px}.no-posts p{color:var(--text-secondary);margin:0;font-size:16px}.reviews-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.rating-number{color:var(--primary);font-size:32px;font-weight:800;line-height:1}.rating-stars{gap:4px;display:flex}.rating-stars i{color:var(--border);font-size:18px}.rating-stars i.filled{color:var(--secondary)}.no-reviews{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.no-reviews i{color:var(--border);font-size:48px}.no-reviews p{color:var(--text-secondary);margin:0;font-size:16px}.no-reviews .btn-review{margin-top:8px}.reviews-list{flex-direction:column;gap:16px;display:flex}.review-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);padding:20px}.review-card:hover{border-color:var(--border-light)}.review-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.reviewer-avatar{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:44px;height:44px}.review-stars{gap:3px;display:flex}.review-stars i{color:var(--border);font-size:13px}.review-stars i.filled{color:var(--secondary)}.item-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);margin-bottom:12px;padding:20px}.item-card:hover{border-color:var(--border-light)}.item-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.item-date{color:var(--primary);margin:0 0 8px;font-size:13px;font-weight:600}.item-description{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.item-institution{color:var(--text-secondary);margin:0 0 4px;font-size:14px;font-weight:600}.item-issuer{color:var(--text-muted);margin:0 0 4px;font-size:13px}.cert-link{color:var(--primary);transition:var(--transition);align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.cert-link:hover{color:var(--primary-light);text-decoration:underline}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.empty-state i{color:var(--border);font-size:48px}.empty-state p{color:var(--text-secondary);margin:0;font-size:16px}.social-links-container{flex-direction:column;gap:12px;display:flex}.social-link-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:12px;padding:14px 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.social-link-item:hover{border-color:var(--primary);color:var(--primary);transform:translate(4px)}.social-link-item i{text-align:center;width:24px;font-size:20px}.social-link-item.linkedin:hover,.social-link-item.github:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.social-link-item.website:hover{border-color:var(--primary);color:var(--primary)}.private-info-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.private-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);padding:16px 20px}.private-item:hover{border-color:var(--border-light)}.private-item label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.private-item p{color:var(--text-primary);word-break:break-all;margin:0;font-size:15px;font-weight:600}.status-verified{color:var(--success)}.status-pending{color:var(--warning)}.review-modal-overlay{background:var(--shadow-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.review-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-lg);animation:.3s slideUp;overflow-y:auto}.review-modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.review-modal-header h3{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.modal-close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-size:20px;display:flex}.modal-close-btn:hover{color:var(--danger);background:var(--status-danger-bg)}.review-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.review-user-info{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding-bottom:20px;display:flex}.review-user-avatar-wrapper{flex-shrink:0}.review-user-avatar{object-fit:cover;border:3px solid var(--border);border-radius:50%;width:60px;height:60px}.review-user-details h4{color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:700}.review-user-details p{color:var(--text-muted);margin:0;font-size:14px}.review-already-done{color:var(--success);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.review-already-done i{font-size:48px}.review-already-done p{color:var(--text-secondary);margin:0;font-size:16px}.rating-section{flex-direction:column;gap:10px;display:flex}.rating-section label{color:var(--text-secondary);font-size:14px;font-weight:600}.stars-container{gap:8px;display:flex}.star{cursor:pointer;font-size:28px;line-height:1;transition:transform .15s}.star:hover{transform:scale(1.2)}.rating-text{color:var(--text-muted);font-size:14px;font-weight:600}.review-text-section{flex-direction:column;gap:8px;display:flex}.review-text-section label{color:var(--text-secondary);font-size:14px;font-weight:600}.review-text-section textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);resize:vertical;min-height:100px;transition:var(--transition);outline:none;padding:14px 16px;font-family:inherit;font-size:15px}.review-text-section textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--status-success-bg)}.review-text-section textarea::placeholder{color:var(--text-muted)}.review-text-section .char-count{color:var(--text-muted);text-align:right;font-size:12px}.review-error{background:var(--status-danger-bg);border:1px solid var(--status-danger-bg);border-radius:var(--radius-sm);color:var(--danger);align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.review-actions{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.cancel-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;padding:10px 20px;font-size:14px;font-weight:600}.submit-btn{background:var(--primary);border-radius:var(--radius-sm);color:var(--text-inverse);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex}.submit-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}@media (width<=768px){.profile-header{padding:30px 16px 24px}.profile-avatar-section{text-align:center;flex-direction:column;align-items:center}.profile-avatar{width:20px;height:20px}.profile-name-row{justify-content:center}.profile-name-row h1{font-size:22px}.profile-ids{max-width:100%}.profile-stats{justify-content:center}.profile-actions{justify-content:center;padding:16px}.owner-actions{justify-content:center}.profile-settings-grid{padding:16px 16px 0}.profile-tab-content{padding:16px}.posts-panel .posts-grid,.info-grid,.private-info-grid{grid-template-columns:1fr}.reviews-header{flex-direction:column;align-items:flex-start}.review-actions{flex-direction:column}.cancel-btn,.submit-btn{justify-content:center;width:100%}.review-modal{max-width:100%;margin:10px}.review-modal-body{padding:16px}}@media (width<=480px){.id-item{flex-direction:column;align-items:flex-start;gap:6px}.id-label{min-width:auto}.id-value{width:100%}.copy-id-btn{align-self:flex-end}.profile-actions{flex-direction:column;width:100%}.btn-flow,.btn-message,.btn-follow,.btn-review,.btn-edit-profile{justify-content:center;width:100%}}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.toast-success{background:var(--success)!important;color:var(--text-inverse)!important}.toast-error{background:var(--danger)!important;color:var(--text-inverse)!important}.profile-settings-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;margin-bottom:12px;padding:8px 12px;display:grid}.settings-card{background:var(--text-inverse);color:var(--accent-primary);box-shadow:0 1px 3px var(--shadow-color);cursor:pointer;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:6px 4px;font-family:inherit;font-size:10px;line-height:1.2;transition:all .2s;display:flex;position:relative}.settings-card:hover{box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-2px)}.settings-card:active{transform:scale(.94)}.settings-card .card-icon{justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.settings-card .card-label{text-align:center;font-size:9px;font-weight:500;line-height:1.2}.settings-card .card-badge{background:var(--status-warning);color:var(--text-inverse);width:14px;height:14px;box-shadow:0 1px 2px var(--shadow-color);border-radius:50%;justify-content:center;align-items:center;font-size:7px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:-3px;right:-3px}.settings-card.active .card-badge{background:var(--text-inverse);color:var(--accent-primary)}.settings-card .card-badge.review-badge{font-size:7px}.settings-card.active{background:linear-gradient(135deg, var(--accent-primary), var(--accent-primary));color:var(--text-inverse);box-shadow:0 4px 12px var(--status-success-bg)}.settings-card.private{background:var(--text-inverse);color:var(--status-danger)}.settings-card.private.active{background:linear-gradient(135deg, var(--status-danger), var(--status-danger));color:var(--text-inverse)}.settings-card.private.active .card-badge{background:var(--text-inverse);color:var(--status-danger)}.dark-mode .settings-card{background:var(--accent-primary);color:var(--accent-primary);box-shadow:0 1px 3px var(--shadow-color)}.dark-mode .settings-card:hover{box-shadow:0 4px 12px var(--shadow-color)}.dark-mode .settings-card.active{background:linear-gradient(135deg, var(--accent-primary), var(--accent-primary));color:var(--text-inverse)}.dark-mode .settings-card.private{background:var(--accent-primary);color:var(--status-danger)}.dark-mode .settings-card.private.active{background:linear-gradient(135deg, var(--status-danger), var(--status-danger));color:var(--text-inverse)}.dark-mode .settings-card .card-badge{background:var(--status-warning);color:var(--accent-primary)}.dark-mode .settings-card.active .card-badge{background:var(--text-inverse);color:var(--accent-primary)}@media (width<=768px){.profile-settings-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:5px;padding:6px 10px}.settings-card{border-radius:8px;min-height:42px;padding:5px 3px}.settings-card .card-icon{font-size:12px}.settings-card .card-label{font-size:8px}.settings-card .card-badge{width:12px;height:12px;font-size:6px;top:-2px;right:-2px}}@media (width<=480px){.profile-settings-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:4px;padding:4px 8px}.settings-card{border-radius:6px;min-height:38px;padding:4px 2px}.settings-card .card-icon{font-size:11px}.settings-card .card-label{font-size:7px}.settings-card .card-badge{width:10px;height:10px;font-size:5px;top:-2px;right:-2px}}@media (width>=1200px){.profile-settings-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;padding:10px 16px}.settings-card{border-radius:12px;min-height:52px;padding:8px 6px}.settings-card .card-icon{font-size:16px}.settings-card .card-label{font-size:10px}.settings-card .card-badge{width:16px;height:16px;font-size:8px}}.avatar-zoom-overlay{-webkit-backdrop-filter:blur(6px);z-index:9999;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;animation:.25s avatarZoomFadeIn;display:flex;position:fixed;inset:0}@keyframes avatarZoomFadeIn{0%{opacity:0}to{opacity:1}}.avatar-zoom-image{object-fit:contain;cursor:default;border-radius:12px;width:auto;max-width:min(90vw,500px);height:auto;max-height:85vh;animation:.28s cubic-bezier(.34,1.56,.64,1) avatarZoomScaleIn;box-shadow:0 20px 80px #0009}@keyframes avatarZoomScaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.avatar-zoom-close{color:#fff;cursor:pointer;z-index:10000;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:background .2s,transform .2s;display:flex;position:fixed;top:20px;right:24px}.avatar-zoom-close:hover{background:#fff3;transform:scale(1.08)}@media (width<=768px){.avatar-zoom-image{border-radius:8px;max-width:92vw;max-height:80vh}.avatar-zoom-close{width:38px;height:38px;font-size:16px;top:14px;right:14px}}@media (prefers-reduced-motion:reduce){.avatar-zoom-overlay,.avatar-zoom-image{animation:none!important}}.verify-email-container{background:var(--bg,var(--text-primary));justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex}.verify-email-card{background:var(--white,var(--text-inverse));text-align:center;width:100%;max-width:480px;box-shadow:0 10px 40px var(--shadow-color);border:1px solid var(--border,var(--border-color));border-radius:20px;padding:48px 40px 40px;animation:.5s fadeInUp}.verify-icon{margin-bottom:16px;font-size:72px;animation:1s infinite bounce;display:block}@keyframes bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1)}}.verify-email-card h2{color:var(--text-dark,var(--bg-secondary));margin-bottom:12px;font-size:24px;font-weight:700}.verify-email-card p{color:var(--text-mid,var(--text-muted));margin-bottom:20px;font-size:15px;line-height:1.8}.verify-email-card p strong{color:var(--primary,var(--status-info));font-weight:600}.verify-status{background:var(--warning-light,var(--accent-primary));border:1px solid var(--accent-primary);color:var(--status-warning);border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;padding:10px 16px;font-size:14px;display:flex}.status-dot{background:var(--status-warning);border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.verify-actions{flex-direction:column;gap:12px;margin-top:8px;display:flex}.verify-actions .btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.verify-actions .btn:disabled{opacity:.5;cursor:not-allowed}.verify-actions .btn-primary{background:var(--primary,var(--status-info));color:var(--text-inverse)}.verify-actions .btn-primary:hover:not(:disabled){background:var(--primary-dark,var(--status-info));box-shadow:0 4px 16px var(--status-info-bg);transform:translateY(-2px)}.verify-actions .btn-primary.loading{opacity:.7}.verify-actions .btn-outline{color:var(--primary,var(--status-info));border:2px solid var(--primary,var(--status-info));background:0 0}.verify-actions .btn-outline:hover:not(:disabled){background:var(--primary,var(--status-info));color:var(--text-inverse);transform:translateY(-2px)}.verify-actions .btn-outline.loading{opacity:.7}.verify-actions .btn-success{background:var(--status-success);color:var(--text-inverse)}.verify-actions .btn-success:hover{background:var(--status-success);box-shadow:0 4px 16px var(--status-success-bg);transform:translateY(-2px)}.verify-actions .btn-ghost{color:var(--text-mid,var(--text-muted));border:1.5px solid var(--border,var(--border-color));background:0 0}.verify-actions .btn-ghost:hover{background:var(--bg,var(--bg-tertiary))}.verify-actions .btn-ghost:disabled{opacity:.5;cursor:not-allowed}.verify-footer-actions{gap:10px;margin-top:4px;display:flex}.verify-footer-actions .btn{flex:1;padding:10px;font-size:13px}.spinner{border:2px solid var(--glass-bg);border-top-color:var(--text-inverse);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.btn-outline .spinner{border:2px solid var(--status-info-bg);border-top-color:var(--status-info)}.verify-help{background:var(--bg,var(--text-primary));border:1px solid var(--border,var(--border-color));border-radius:12px;margin-top:20px;padding:16px}.verify-help p{color:var(--text-mid,var(--text-muted));margin:0;font-size:13px;line-height:1.6}.verify-help .help-note{color:var(--text-muted,var(--text-secondary));margin-top:4px;font-size:12px;display:block}@media (prefers-color-scheme:dark){.verify-email-card{background:var(--bg-tertiary);border-color:var(--text-secondary)}.verify-email-card h2{color:var(--text-primary)}.verify-email-card p{color:var(--text-secondary)}.verify-status{background:var(--status-warning);border-color:var(--status-warning);color:var(--status-warning)}.verify-help{background:var(--bg-secondary);border-color:var(--bg-tertiary)}.verify-help p{color:var(--text-secondary)}.verify-actions .btn-ghost{color:var(--text-secondary);border-color:var(--text-secondary)}.verify-actions .btn-ghost:hover{background:var(--bg-tertiary)}}@media (width<=480px){.verify-email-card{padding:32px 20px 28px}.verify-icon{font-size:56px}.verify-email-card h2{font-size:20px}.verify-email-card p{font-size:14px}.verify-footer-actions{flex-direction:column}.verify-actions .btn{padding:12px 20px;font-size:14px}}.loading-container{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.verify-pending-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.verify-card{background:var(--bg-card,var(--accent-primary));text-align:center;border:1px solid var(--border,var(--accent-primary));width:100%;max-width:480px;box-shadow:0 8px 32px var(--shadow-color);border-radius:16px;padding:40px 32px}.verify-icon{background:var(--bg-input,var(--accent-primary));border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:64px;display:flex}.verify-icon.pending{background:var(--status-warning-bg);border:2px solid var(--status-warning)}.verify-icon.success{background:var(--status-success-bg);border:2px solid var(--status-success)}.verify-icon.error{background:var(--status-danger-bg);border:2px solid var(--status-danger)}.verify-icon.incomplete{background:var(--status-info-bg);border:2px solid var(--status-info)}.verify-icon.info{background:var(--status-info-bg);border:2px solid var(--accent-primary)}.verify-card h2{color:var(--text-primary,var(--text-inverse));margin-bottom:8px;font-size:22px;font-weight:700}.verify-message{color:var(--text-mid,var(--accent-primary));margin-bottom:8px;font-size:15px;line-height:1.6}.verify-sub-text{color:var(--text-mid-light,var(--accent-primary));margin-bottom:24px;font-size:13px}.verify-actions{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.verify-actions button{cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s}.btn-support{background:var(--status-danger);color:var(--text-inverse)}.btn-support:hover{background:var(--status-danger);box-shadow:0 4px 16px var(--status-danger-bg);transform:translateY(-2px)}.btn-retry{background:var(--status-warning);color:var(--text-inverse)}.btn-retry:hover{background:var(--status-warning);box-shadow:0 4px 16px var(--status-warning-bg);transform:translateY(-2px)}.btn-continue{background:linear-gradient(135deg, var(--status-info), var(--accent-primary));color:var(--text-inverse)}.btn-continue:hover{box-shadow:0 4px 16px var(--status-info-bg);transform:translateY(-2px)}.btn-refresh{background:var(--accent-primary);color:var(--text-inverse)}.btn-refresh:hover{background:var(--accent-primary);transform:translateY(-2px)}.btn-dashboard{background:var(--status-success);color:var(--text-inverse)}.btn-dashboard:hover{background:var(--status-success);box-shadow:0 4px 16px var(--status-success-bg);transform:translateY(-2px)}.verify-progress{margin-top:16px;margin-bottom:20px}.progress-bar{background:var(--bg-input,var(--accent-primary));border-radius:4px;width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .5s}.progress-fill.pending{background:linear-gradient(90deg, var(--status-warning), var(--status-warning))}.progress-fill.error{background:var(--status-danger)}.progress-fill.incomplete{background:linear-gradient(90deg, var(--status-info), var(--accent-primary))}.progress-fill.success{background:linear-gradient(90deg, var(--status-success), var(--status-success))}.progress-label{color:var(--text-mid,var(--accent-primary));margin-top:6px;font-size:13px;display:block}.verify-footer{border-top:1px solid var(--border,var(--accent-primary));margin-top:16px;padding-top:16px}.btn-logout{color:var(--text-mid,var(--accent-primary));border:1px solid var(--border,var(--accent-primary));cursor:pointer;background:0 0;border-radius:8px;padding:8px 20px;font-size:14px;transition:all .3s}.btn-logout:hover{background:var(--bg-input,var(--accent-primary));color:var(--text-primary,var(--text-inverse))}@media (width<=480px){.verify-card{padding:28px 20px}.verify-icon{width:60px;height:60px;font-size:48px}.verify-card h2{font-size:19px}.verify-message{font-size:14px}}.floating-feedback-container{z-index:9999!important;cursor:grab!important;-webkit-user-select:none!important;user-select:none!important;touch-action:none!important;position:fixed!important}.floating-feedback-container.dragging{cursor:grabbing!important}.feedback-fab{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary))!important;color:#fff!important;cursor:pointer!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:56px!important;height:56px!important;font-size:1.2rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:relative!important;box-shadow:0 4px 20px #438e8266!important}.feedback-fab:hover{transform:scale(1.08)!important;box-shadow:0 8px 35px #438e8280!important}.feedback-fab.active{background:linear-gradient(135deg,#ef4444,#dc2626)!important;transform:rotate(90deg)!important;box-shadow:0 4px 20px #ef444466!important}.fab-icon{justify-content:center!important;align-items:center!important;transition:transform .4s cubic-bezier(.34,1.56,.64,1)!important;display:flex!important}.feedback-fab.active .fab-icon{transform:rotate(90deg)!important}.fab-pulse{pointer-events:none!important;background:#438e824d!important;border-radius:50%!important;width:100%!important;height:100%!important;animation:2.5s ease-out infinite pulse-ring!important;position:absolute!important}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.feedback-fab.active .fab-pulse{background:#ef44444d!important}.drag-indicator{color:#fff9!important;opacity:0!important;background:#0000004d!important;border-radius:4px!important;padding:2px 4px!important;font-size:.5rem!important;transition:all .3s!important;position:absolute!important;bottom:-4px!important;right:-4px!important}.feedback-fab:hover .drag-indicator,.floating-feedback-container.dragging .drag-indicator{opacity:1!important}.feedback-menu{background:var(--bg-secondary,#0f1420)!important;-webkit-backdrop-filter:blur(20px)!important;opacity:0!important;pointer-events:none!important;z-index:999999!important;border:1px solid #ffffff0f!important;border-radius:20px!important;width:90%!important;max-width:420px!important;max-height:90vh!important;padding:20px!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;position:fixed!important;top:50%!important;left:50%!important;overflow-y:auto!important;transform:translate(-50%,-50%)scale(.95)!important;box-shadow:0 25px 80px #0009!important}.feedback-menu.show{opacity:1!important;pointer-events:all!important;transform:translate(-50%,-50%)scale(1)!important}.feedback-menu::-webkit-scrollbar{width:4px}.feedback-menu::-webkit-scrollbar-track{background:0 0}.feedback-menu::-webkit-scrollbar-thumb{background:var(--accent-primary,#438e82);border-radius:10px}@media (width>=769px){.feedback-menu{width:380px!important;max-width:calc(100vw - 150px)!important;top:50%!important;left:115px!important;transform:translateY(-50%)scale(.95)!important}.feedback-menu.show{transform:translateY(-50%)scale(1)!important}}.report-modal-overlay{-webkit-backdrop-filter:blur(6px)!important;z-index:10000!important;background:#0009!important;justify-content:center!important;align-items:center!important;padding:20px!important;animation:.25s fadeIn!important;display:flex!important;position:fixed!important;inset:0!important}.report-modal{background:var(--bg-secondary,#0f1420)!important;border:1px solid #ffffff0f!important;border-radius:20px!important;width:100%!important;max-width:520px!important;max-height:90vh!important;padding:0!important;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp!important;overflow-y:auto!important;box-shadow:0 25px 80px #0009!important}.report-modal::-webkit-scrollbar{width:4px}.report-modal::-webkit-scrollbar-track{background:0 0}.report-modal::-webkit-scrollbar-thumb{background:var(--accent-primary,#438e82);border-radius:10px}.menu-header{border-bottom:1px solid #ffffff0f!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:14px!important;padding-bottom:14px!important;display:flex!important}.menu-header h4{color:var(--text-primary,#f8fafc)!important;margin:0!important;font-size:18px!important;font-weight:600!important}.menu-header h4 i{color:var(--accent-secondary,#14b8a6)!important;margin-right:8px!important}.menu-header p{color:var(--text-muted,#64748b)!important;margin:4px 0 0!important;font-size:13px!important}.menu-header .close-btn{color:var(--text-muted,#64748b)!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:4px!important;font-size:20px!important;transition:all .2s!important}.menu-header .close-btn:hover{color:var(--text-primary,#f8fafc)!important;transform:rotate(90deg)!important}.menu-items{flex-direction:column!important;gap:6px!important;display:flex!important}.menu-item{background:var(--bg-tertiary,#1a2030)!important;cursor:pointer!important;width:100%!important;color:var(--text-primary,#f8fafc)!important;border:none!important;border-radius:12px!important;align-items:center!important;gap:12px!important;padding:12px 14px!important;transition:all .2s!important;display:flex!important}.menu-item:hover{background:var(--bg-hover,#438e8214)!important;transform:translateY(-1px)!important}.menu-item:active{transform:scale(.98)!important}.menu-item-icon{border-radius:10px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;font-size:18px!important;transition:all .2s!important;display:flex!important}.menu-item.whatsapp .menu-item-icon{color:#25d366!important;background:#25d36626!important}.menu-item.email .menu-item-icon{color:#3b82f6!important;background:#3b82f626!important}.menu-item.report .menu-item-icon{color:#f59e0b!important;background:#f59e0b26!important}.menu-item.suggestion .menu-item-icon,.menu-item.social-toggle .menu-item-icon{color:#8b5cf6!important;background:#8b5cf626!important}.menu-item-info{flex:1!important;min-width:0!important}.menu-item-info .item-title{color:var(--text-primary,#f8fafc)!important;font-size:14px!important;font-weight:600!important;display:block!important}.menu-item-info .item-desc{color:var(--text-muted,#64748b)!important;font-size:12px!important;display:block!important}.menu-item .chevron-icon{color:var(--text-muted,#64748b)!important;font-size:12px!important;transition:transform .2s!important}.menu-item .chevron-icon.open{transform:rotate(180deg)!important}.menu-item .external-icon{color:var(--text-muted,#64748b)!important;opacity:.4!important;font-size:12px!important;transition:opacity .2s!important}.menu-item:hover .external-icon{opacity:1!important}.menu-item.social-toggle{background:var(--bg-tertiary,#1a2030)!important;border-bottom:1px solid #ffffff0a!important;margin-bottom:4px!important}.menu-item.social-toggle:hover{background:var(--bg-hover,#438e8214)!important}.social-links-dropdown{background:var(--bg-tertiary,#1a2030)!important;border:1px solid #ffffff0a!important;border-radius:10px!important;margin:0 4px 4px!important;padding:4px!important;animation:.25s slideDown!important}.social-links-dropdown .menu-item{background:0 0!important;border-radius:8px!important;padding:8px 12px!important}.social-links-dropdown .menu-item:hover{background:var(--bg-hover,#438e820f)!important}.social-links-dropdown .menu-item .menu-item-icon{background:0 0!important;width:32px!important;height:32px!important;font-size:16px!important}.social-links-dropdown .menu-item.facebook .menu-item-icon{color:#1877f2!important}.social-links-dropdown .menu-item.youtube .menu-item-icon{color:red!important}.social-links-dropdown .menu-item.telegram .menu-item-icon{color:#08c!important}.social-links-dropdown .menu-item.whatsapp .menu-item-icon{color:#25d366!important}.social-links-dropdown .menu-item.instagram .menu-item-icon{color:#e4405f!important}.social-links-dropdown .menu-item.twitter .menu-item-icon{color:#1da1f2!important}.social-links-dropdown .menu-item .item-title{font-size:13px!important}.social-links-dropdown .menu-item .item-desc{font-size:11px!important}.menu-footer{text-align:center!important;color:var(--text-muted,#64748b)!important;border-top:1px solid #ffffff0a!important;margin-top:14px!important;padding-top:14px!important;font-size:12px!important}.modal-close{background:var(--bg-tertiary,#1a2030)!important;cursor:pointer!important;width:34px!important;height:34px!important;color:var(--text-muted,#64748b)!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;font-size:1rem!important;transition:all .2s!important;display:flex!important}.report-form{padding:22px!important}.form-group label .required{color:#ef4444!important}.type-selector{gap:8px!important;display:flex!important}.type-btn{cursor:pointer!important;color:var(--text-muted,#64748b)!important;background:0 0!important;border:2px solid #ffffff0f!important;border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:8px 12px!important;font-size:14px!important;font-weight:500!important;transition:all .2s!important;display:flex!important}.type-btn:hover{border-color:var(--accent-primary,#438e82)!important;color:var(--text-primary,#f8fafc)!important}.type-btn.active{border-color:var(--accent-primary,#438e82)!important;color:var(--accent-primary,#438e82)!important;background:#438e821a!important}.type-btn.active:first-child{color:#ef4444!important;background:#ef44441a!important;border-color:#ef4444!important}.type-btn.active:last-child{color:#3b82f6!important;background:#3b82f61a!important;border-color:#3b82f6!important}.form-group input,.form-group textarea{background:var(--bg-tertiary,#1a2030)!important;width:100%!important;color:var(--text-primary,#f8fafc)!important;border:1.5px solid #ffffff0f!important;border-radius:8px!important;padding:10px 14px!important;font-family:inherit!important;font-size:14px!important;transition:all .2s!important}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary,#438e82)!important;outline:none!important;box-shadow:0 0 0 3px #438e8226!important}.screenshot-area{background:var(--bg-tertiary,#1a2030)!important;border:2px dashed #ffffff0f!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-height:80px!important;padding:12px!important;transition:all .2s!important;display:flex!important}.screenshot-area:hover{border-color:var(--accent-primary,#438e82)!important}.upload-area{text-align:center!important;cursor:pointer!important;width:100%!important;padding:12px!important}.upload-area i{color:var(--text-muted,#64748b)!important;font-size:2rem!important}.upload-area p{color:var(--text-secondary,#94a3b8)!important;margin:6px 0 2px!important;font-size:14px!important}.upload-area span{color:var(--text-muted,#64748b)!important;font-size:12px!important}.screenshot-preview{justify-content:center!important;align-items:center!important;width:100%!important;padding:4px!important;display:flex!important;position:relative!important}.screenshot-preview img{object-fit:contain!important;border:1px solid #ffffff0f!important;border-radius:6px!important;max-width:100%!important;max-height:150px!important}.remove-screenshot{color:#fff!important;cursor:pointer!important;background:#ef4444!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;font-size:14px!important;transition:all .2s!important;display:flex!important;position:absolute!important;top:-8px!important;right:-8px!important;box-shadow:0 4px 12px #ef44444d!important}.remove-screenshot:hover{transform:scale(1.1)!important}.form-actions{border-top:1px solid #ffffff0a!important;gap:10px!important;margin-top:20px!important;padding-top:18px!important;display:flex!important}.form-actions button{cursor:pointer!important;border:none!important;border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:10px 16px!important;font-size:14px!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.cancel-btn:hover{background:var(--bg-hover,#438e8214)!important;color:var(--text-primary,#f8fafc)!important}.submit-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary))!important;color:#fff!important}.submit-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 8px 25px #438e824d!important}.submit-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.submit-btn i{font-size:14px!important}@media (width<=768px){.feedback-fab{width:52px!important;height:52px!important;font-size:1.1rem!important}.feedback-menu{width:92%!important;max-width:380px!important;padding:16px!important}.menu-item{padding:10px 12px!important}.menu-item-icon{width:36px!important;height:36px!important;font-size:16px!important}.menu-item-info .item-title{font-size:13px!important}.menu-item-info .item-desc{font-size:11px!important}.report-modal{max-height:95vh!important;margin:10px!important}.report-form{padding:16px!important}.modal-header{padding:14px 18px!important}.modal-header h3{font-size:16px!important}.type-selector{flex-direction:column!important}.type-btn{padding:8px 12px!important;font-size:13px!important}.form-actions{flex-direction:column!important}.form-actions button{padding:12px 16px!important}.screenshot-area{min-height:60px!important;padding:8px!important}.upload-area i{font-size:1.6rem!important}.social-links-dropdown .menu-item{padding:6px 10px!important}.social-links-dropdown .menu-item .menu-item-icon{width:28px!important;height:28px!important;font-size:14px!important}.social-links-dropdown .menu-item .item-title{font-size:12px!important}.social-links-dropdown .menu-item .item-desc{font-size:10px!important}}@media (width<=480px){.feedback-fab{width:46px!important;height:46px!important;font-size:1rem!important}.feedback-menu{width:95%!important;max-width:340px!important;padding:14px!important}.menu-item{gap:10px!important;padding:8px 10px!important}.menu-item-icon{border-radius:8px!important;width:32px!important;height:32px!important;font-size:14px!important}.menu-item-info .item-title{font-size:12px!important}.menu-item-info .item-desc{font-size:10px!important}.menu-header h4{font-size:16px!important}.menu-header p{font-size:12px!important}.report-modal{margin:8px!important}.report-form{padding:12px!important}.modal-header h3{font-size:15px!important}.form-group input,.form-group textarea{padding:8px 12px!important;font-size:13px!important}.social-links-dropdown .menu-item{padding:4px 8px!important}.social-links-dropdown .menu-item .menu-item-icon{width:24px!important;height:24px!important;font-size:12px!important}.social-links-dropdown .menu-item .item-title{font-size:11px!important}.social-links-dropdown .menu-item .item-desc{font-size:9px!important}.drag-indicator{display:none!important}}@media (prefers-reduced-motion:reduce){.feedback-fab,.feedback-menu,.report-modal,.fab-pulse,.social-links-dropdown,.report-modal-overlay{transition:none!important;animation:none!important}.fab-pulse{display:none!important}}@media print{.floating-feedback-container,.report-modal-overlay{display:none!important}}.light-mode .feedback-menu{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 25px 80px #00000026!important}.light-mode .menu-item{background:#f1f5f9!important}.light-mode .menu-item:hover,.light-mode .menu-item-icon{background:#e2e8f0!important}.light-mode .menu-header{border-bottom-color:#e2e8f0!important}.light-mode .menu-footer{border-top-color:#e2e8f0!important}.light-mode .report-modal{background:#fff!important;border-color:#e2e8f0!important}.light-mode .modal-header{border-bottom-color:#e2e8f0!important}.light-mode .form-group input,.light-mode .form-group textarea{color:#1e293b!important;background:#f1f5f9!important;border-color:#e2e8f0!important}.light-mode .form-group input:focus,.light-mode .form-group textarea:focus{border-color:#0d9488!important;box-shadow:0 0 0 3px #0d948826!important}.light-mode .type-btn{color:#64748b!important;border-color:#e2e8f0!important}.light-mode .type-btn.active{color:#0d9488!important;background:#0d948814!important;border-color:#0d9488!important}.light-mode .screenshot-area,.light-mode .social-links-dropdown{background:#f1f5f9!important;border-color:#e2e8f0!important}.light-mode .cancel-btn{color:#64748b!important;background:#f1f5f9!important;border-color:#e2e8f0!important}.light-mode .cancel-btn:hover{color:#1e293b!important;background:#e2e8f0!important}.light-mode .modal-close{color:#64748b!important;background:#f1f5f9!important}.light-mode .modal-close:hover{color:#1e293b!important;background:#e2e8f0!important}.light-mode .menu-item.social-toggle{background:#f1f5f9!important}.light-mode .menu-item.social-toggle:hover,.light-mode .social-links-dropdown .menu-item:hover{background:#e2e8f0!important}:root{--card-bg-hover:var(--bg-hover);--card-border:var(--border-color);--card-border-hover:var(--accent-primary);--card-shadow:0 4px 20px var(--shadow-color);--card-shadow-hover:0 12px 40px var(--shadow-color);--card-radius:20px;--card-radius-sm:16px;--card-radius-xs:12px;--accent-hover:var(--accent-light);--accent-gradient:linear-gradient(135deg, var(--accent-light), var(--accent-secondary));--danger:var(--status-danger);--danger-bg:var(--status-danger-bg);--warning:var(--status-warning);--warning-bg:var(--status-warning-bg);--info:var(--status-info);--info-bg:var(--status-info-bg);--success:var(--status-success);--success-bg:var(--status-success-bg);--bg-elevated:var(--bg-tertiary);--border-subtle:var(--border-light);--avatar-bg:var(--accent-primary);--avatar-text:var(--text-inverse);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--transition-fast:.15s ease;--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1);--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-handwriting:"Caveat", cursive}[data-theme=light]{--card-bg-hover:var(--text-primary);--card-border:var(--border-color);--card-border-hover:var(--border-color);--card-shadow:0 4px 20px var(--shadow-color);--card-shadow-hover:0 12px 40px var(--shadow-color);--accent-hover:var(--accent-dark);--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--danger:var(--status-danger);--danger-bg:var(--status-danger-bg);--warning:var(--status-warning);--warning-bg:var(--status-warning-bg);--info:var(--status-info);--info-bg:var(--status-info-bg);--success:var(--status-success);--success-bg:var(--status-success-bg);--bg-elevated:var(--bg-tertiary);--border-subtle:var(--shadow-color);--avatar-bg:var(--accent-primary);--avatar-text:var(--accent-primary)}body{background:var(--bg-elevated);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Bensen Handwriting,sans-serif;line-height:1.6}.job-post-card{background:var(--card-bg);border-radius:var(--card-radius);border:1px solid var(--card-border);box-shadow:var(--card-shadow);gap:var(--space-lg);transition:all var(--transition-base);-webkit-backdrop-filter:blur(8px);will-change:transform, box-shadow;flex-direction:column;width:100%;max-width:520px;padding:10px;display:flex;position:relative;overflow:hidden}.job-post-card:before{content:"";background:var(--accent-gradient);opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.job-post-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.job-post-card:hover:before{opacity:1}.post-top-meta{justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-md);display:flex}.client-profile-block{align-items:flex-start;gap:var(--space-md);min-width:0;color:inherit;flex:1;text-decoration:none;display:flex}.client-avatar{border-radius:var(--card-radius-xs);width:52px;height:52px;color:var(--avatar-text);background:var(--avatar-bg);box-shadow:0 4px 12px var(--shadow-color);transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex;position:relative;overflow:hidden}.client-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-placeholder{width:100%;height:100%;color:var(--text-inverse);justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.job-post-card:hover .client-avatar{transform:scale(1.05)}.client-info{flex:1;min-width:0;overflow:hidden}.client-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-fast);font-family:monospace,Bensen Handwriting;font-size:clamp(.95rem,1.2vw,1.1rem);font-weight:700;display:block;overflow:hidden}.client-name:hover{color:var(--accent-primary)}.client-rating-section{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.client-rating-section .rating-stars{align-items:center;gap:2px;font-size:11px;display:flex}.client-rating-section .rating-stars .fa-star,.client-rating-section .rating-stars .fa-star-half-stroke{color:var(--warning)}.client-rating-section .rating-stars .fa-regular.fa-star{color:var(--text-muted)}.client-rating-section .rating-average{color:var(--text-secondary);margin-left:2px;font-size:11px;font-weight:600}.client-rating-section .rating-reviews-count{color:var(--text-muted);align-items:center;gap:4px;font-size:10px;display:flex}.client-rating-section .no-reviews{color:var(--text-muted);font-size:10px;font-style:italic}.rating-loading{color:var(--text-muted);font-size:10px}.verified-badges{color:var(--success);background:var(--success-bg);border:1px solid var(--success);border-radius:20px;align-items:center;padding:1px 8px;font-size:.5rem;font-weight:500;display:inline-flex}.verified-badges i{margin-top:10px;font-size:8px}.jc-top-right-actions{align-items:flex-end;gap:var(--space-xs);flex-direction:column-reverse}.post-time-badge{color:var(--text-muted);background:var(--bg-elevated);white-space:nowrap;border:1px solid var(--card-border);transition:all var(--transition-fast);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.jc-action-icon-group{align-items:center;gap:var(--space-xs);display:flex}.jc-action-icon-btn{background:var(--bg-elevated);border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;width:30px;height:30px;transition:all var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;font-size:11px;display:flex}.jc-action-icon-btn:hover{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.jc-action-icon-btn:active{transform:scale(.92)}.jc-action-icon-btn.saved{background:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.jc-action-icon-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.post-main-content{text-align:left}.post-main-content .job-title{color:var(--text-primary);margin:0 0 var(--space-sm) 0;letter-spacing:-.3px;word-break:break-word;transition:color var(--transition-fast);font-family:cursive,Bensen Handwriting;font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:300;line-height:1.4}.jc-dynamic-text{word-break:break-word;color:var(--text-secondary);border-top:2px solid var(--border-subtle);border-left:2px solid var(--border-subtle);min-height:125px;margin:0;font-family:cursive,Bensen Handwriting;font-size:clamp(.9rem,1.1vw,.95rem);line-height:1.7}.jc-dynamic-text .highlight{background:var(--accent-light);color:var(--accent-primary);border-radius:4px;padding:1px 6px;font-weight:600}.jc-see-more-btn{color:var(--accent-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:0 4px;font-size:clamp(.8rem,1vw,.9rem);font-weight:700;display:inline-block}.jc-see-more-btn:hover{color:var(--accent-hover);text-decoration:underline}.jc-image-gallery-grid{border-radius:var(--card-radius-sm);border:1px solid var(--border-subtle);background:var(--bg-elevated);gap:6px;display:grid;overflow:hidden}.gallery-cols-1{grid-template-columns:1fr;max-height:400px}.gallery-cols-2{grid-template-columns:1fr 1fr;max-height:300px}.gallery-cols-3{grid-template-columns:1fr 1fr 1fr;max-height:280px}.jc-gallery-img-wrapper{aspect-ratio:16/10;cursor:pointer;background:var(--bg-elevated);position:relative;overflow:hidden}.jc-feed-live-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.jc-gallery-img-wrapper:hover .jc-feed-live-img{transform:scale(1.05)}.img-hover-overlay{background:var(--overlay-bg);justify-content:center;align-items:center;gap:var(--space-sm);color:var(--accent-secondary);opacity:0;transition:opacity var(--transition-base);-webkit-backdrop-filter:blur(2px);font-size:12px;font-weight:600;display:flex;position:absolute;inset:0}.jc-gallery-img-wrapper:hover .img-hover-overlay{opacity:1}.more-overlay{background:var(--overlay-bg);color:var(--text-inverse);-webkit-backdrop-filter:blur(4px);justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:absolute;inset:0}.post-info-strip{gap:var(--space-sm);flex-direction:column;display:flex}.strip-item{align-items:center;gap:var(--space-md);background:var(--bg-elevated);padding:var(--space-md) var(--space-lg);border-radius:var(--card-radius-xs);border:1px solid var(--card-border);color:var(--text-muted);transition:all var(--transition-fast);flex-wrap:wrap;font-size:clamp(.8rem,1vw,.9rem);display:flex}.job-post-card:hover .strip-item{border-color:var(--card-border-hover)}.strip-item i{text-align:center;flex-shrink:0;width:20px;font-size:16px}.strip-item strong{color:var(--text-primary);margin-left:auto;font-family:monospace,Bensen Handwriting;font-weight:700}.si-budget i,.si-budget strong{color:var(--warning)}.si-deadline i{color:var(--info)}.si-deadline strong{color:var(--info);font-family:monospace,Bensen Handwriting}.negotiable-badge{color:var(--accent-primary,#14b8a6);background:var(--accent-glow,#14b8a61a);white-space:nowrap;border-radius:12px;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.range-badge{color:var(--text-secondary,#94a3b8);background:var(--bg-tertiary,#1a2030);white-space:nowrap;border-radius:12px;margin-left:6px;padding:2px 8px;font-family:monospace,Bensen Handwriting;font-size:10px;font-weight:500;display:inline-block}.flexible-badge{color:var(--text-secondary,#94a3b8);background:var(--bg-tertiary,#1a2030);white-space:nowrap;border-radius:12px;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-block}.post-footer-actions{border-top:1px solid var(--border-subtle);padding-top:var(--space-lg);justify-content:flex-end;gap:var(--space-md);align-items:stretch;gap:var(--space-sm);padding-top:var(--space-md);flex-flow:column wrap;display:flex}.btn-apply-job{background:var(--accent-gradient);color:var(--text-inverse);cursor:pointer;align-items:center;gap:var(--space-sm);transition:all var(--transition-base);white-space:nowrap;box-shadow:0 2px 12px var(--accent-glow);border:none;border-radius:40px;justify-content:center;padding:12px 28px;font-family:inherit;font-size:clamp(.85rem,1vw,.95rem);font-weight:700;display:flex}.btn-apply-job:hover{box-shadow:0 6px 24px var(--accent-glow);filter:brightness(1.05);transform:translateY(-2px)}.btn-apply-job:active{transform:translateY(0)scale(.98)}.btn-apply-job:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.zoom-lightbox-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(12px);z-index:99999;padding:var(--space-xl);animation:fadeIn var(--transition-base);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-content-box{max-width:85%;max-height:85vh;box-shadow:0 25px 50px -12px var(--shadow-color);border-radius:var(--card-radius-sm);border:1px solid var(--card-border);background:var(--card-bg);animation:slideUp var(--transition-bounce);overflow:hidden}.lightbox-zoomed-img{object-fit:contain;cursor:zoom-out;max-width:100%;max-height:85vh;display:block}.lightbox-close-btn{top:var(--space-xl);right:var(--space-xl);background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;width:48px;height:48px;transition:all var(--transition-base);box-shadow:var(--card-shadow);z-index:100000;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex;position:fixed}.lightbox-close-btn:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger);transform:rotate(90deg)}@media (width>=640px) and (width<=1023px){.job-post-card{gap:var(--space-xl);border-radius:var(--card-radius-sm);max-width:720px;padding:10px}.client-avatar{width:48px;height:48px;margin-top:3px;font-size:16px}.post-main-content .job-title{font-family:monospace,Bensen Handwriting;font-size:clamp(1.1rem,2vw,1.4rem)}.jc-gallery-img-wrapper{aspect-ratio:16/9}.strip-item{padding:var(--space-md) var(--space-lg)}.btn-apply-job{padding:12px 28px;font-size:.9rem}.gallery-cols-1{max-height:480px}.gallery-cols-2{max-height:360px}.gallery-cols-3{max-height:320px}}@media (width<=640px){.job-post-card{gap:var(--space-md);border-radius:var(--card-radius-sm);max-width:100%;padding:10px}.post-top-meta{gap:var(--space-sm);padding-bottom:var(--space-sm);flex-wrap:wrap}.client-avatar{border-radius:50%;width:44px;height:44px;margin-top:3px;font-size:15px}.client-name{font-family:monospace,Bensen Handwriting;font-size:.95rem}.client-rating-section .rating-stars{font-size:10px}.jc-top-right-actions{align-items:flex-end;gap:var(--space-xs);flex-direction:column-reverse}.post-time-badge{padding:3px 12px;font-size:10px}.jc-action-icon-btn{border-radius:8px;width:34px;height:34px;font-size:13px}.post-main-content .job-title{margin-bottom:var(--space-xs);font-size:clamp(1rem,4vw,1.2rem)}.jc-dynamic-text{font-family:cursive,Bensen Handwriting;font-size:clamp(.85rem,3vw,.95rem);line-height:1.6}.jc-image-gallery-grid{border-radius:var(--card-radius-xs);gap:4px}.gallery-cols-2,.gallery-cols-3{grid-template-columns:1fr 1fr}.gallery-cols-3 .jc-gallery-img-wrapper:last-child{display:none}.jc-gallery-img-wrapper{aspect-ratio:16/9;height:auto;min-height:120px}.gallery-cols-1{max-height:320px}.gallery-cols-2{max-height:240px}.gallery-cols-3{max-height:200px}.img-hover-overlay{font-size:10px}.post-info-strip{gap:var(--space-xs)}.strip-item{padding:var(--space-sm) var(--space-md);gap:var(--space-sm);border-radius:8px;font-size:.8rem}.strip-item i{width:16px;font-size:14px}.strip-item strong{font-family:monospace,Bensen Handwriting;font-size:.85rem}.post-footer-actions{align-items:stretch;gap:var(--space-sm);padding-top:var(--space-md);flex-direction:column}.btn-apply-job{border-radius:40px;justify-content:center;width:100%;padding:12px;font-size:.85rem}.lightbox-content-box{border-radius:var(--card-radius-xs);max-width:95%}.lightbox-close-btn{top:var(--space-md);right:var(--space-md);width:40px;height:40px;font-size:18px}.negotiable-badge,.range-badge,.flexible-badge{margin-left:4px;padding:1px 6px;font-size:8px}}@media (width<=400px){.job-post-card{gap:var(--space-sm);border-radius:var(--card-radius-xs);padding:10px}.client-avatar{border-radius:50%;width:36px;height:36px;margin-top:3px;font-size:13px}.client-name{font-family:monospace,Bensen Handwriting;font-size:.85rem}.client-rating-section{gap:var(--space-xs)}.client-rating-section .rating-stars{font-size:9px}.post-main-content .job-title{font-family:monospace,Bensen Handwriting;font-size:.95rem}.jc-dynamic-text{word-spacing:-4px;font-family:monospace,Bensen Handwriting;font-size:.9rem}.strip-item{padding:var(--space-xs) var(--space-sm);border-radius:6px;font-size:.7rem}.strip-item i{width:14px;font-size:12px}.strip-item strong{font-family:monospace,Bensen Handwriting;font-size:.75rem}.btn-apply-job{padding:10px;font-size:.8rem}.jc-action-icon-btn{width:30px;height:30px;font-size:12px}.post-time-badge{padding:2px 10px;font-size:9px}.lightbox-close-btn{width:32px;height:32px;top:var(--space-sm);right:var(--space-sm);font-size:14px}.gallery-cols-1{max-height:240px}.gallery-cols-2{max-height:180px}.gallery-cols-3{max-height:150px}.jc-gallery-img-wrapper{min-height:80px}.negotiable-badge,.range-badge,.flexible-badge{padding:1px 4px;font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.jc-gallery-img-wrapper:hover .jc-feed-live-img{transform:none!important}.lightbox-content-box,.zoom-lightbox-overlay{animation:none!important}}@media (prefers-contrast:high){.job-post-card{border-width:2px}.btn-apply-job{border:2px solid}.jc-action-icon-btn{border-width:2px}}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.job-post-card::-webkit-scrollbar{width:4px}.job-post-card::-webkit-scrollbar-track{background:var(--bg-elevated)}.job-post-card::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px}.job-post-card::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.job-post-card{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-elevated)}.client-info .rating-stars{align-items:center;gap:1px;display:flex;font-size:8px!important}.client-info .rating-stars i{font-size:8px!important}.client-info .rating-average{color:var(--text-secondary);margin-left:2px;font-weight:600;font-size:9px!important}.client-info .rating-reviews-count{color:var(--text-muted);gap:3px;display:flex;font-size:8px!important}.client-info .no-reviews,.client-info .rating-loading{color:var(--text-muted);font-size:8px!important}@media (width<=640px){.client-info .rating-stars,.client-info .rating-stars i{font-size:7px!important}.client-info .rating-average{font-size:8px!important}.client-info .rating-reviews-count{font-size:7px!important}}@media (width<=400px){.client-info .rating-stars,.client-info .rating-stars i{font-size:6px!important}.client-info .rating-average{font-size:7px!important}.client-info .rating-reviews-count{font-size:6px!important}}.jc-feed-live-img.hidden{opacity:0;position:absolute}.jc-feed-live-img.loaded{opacity:1;position:relative}.client-avatar-img.hidden{opacity:0;position:absolute}.client-avatar-img.loaded{opacity:1;position:relative}.jc-gallery-img-wrapper{aspect-ratio:16/9;border-radius:var(--radius-md,8px);background:var(--bg-tertiary,#1a2030);position:relative;overflow:hidden}.saved-jobs-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding:20px 20px 100px}.debug-bar{background:var(--accent-primary);color:var(--text-inverse);border:1px solid var(--accent-primary);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 16px;font-size:13px;display:flex}.debug-text{color:var(--accent-primary);margin-top:4px;font-size:12px}.refresh-btn-small{background:var(--accent-light);color:var(--shadow-color);cursor:pointer;border:none;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:700}.saved-jobs-header{border-bottom:1px solid var(--border-color,var(--status-success-bg));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:16px 0;display:flex}.header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.header-left h1{align-items:center;gap:12px;margin:0;font-size:28px;font-weight:800;display:flex}.saved-count{background:var(--hover-bg,var(--status-success-bg));color:var(--accent-primary);border-radius:20px;padding:4px 14px;font-size:14px;font-weight:600}.back-to-home-btn{border:1px solid var(--border-color,var(--status-success-bg));color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.back-to-home-btn:hover{background:var(--hover-bg,var(--status-success-bg));color:var(--text-primary);border-color:var(--accent-primary)}.saved-jobs-grid{grid-template-columns:1fr;gap:20px;max-width:900px;margin:0 auto;display:grid}.saved-loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.saved-loading-spinner{border:3px solid var(--border-color,var(--status-success-bg));border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.saved-error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:40px 20px;display:flex}.saved-error-container i{color:var(--status-danger);margin-bottom:16px;font-size:48px}.saved-error-container h3{color:var(--text-primary);margin:0 0 8px;font-size:22px;font-weight:700}.saved-error-container p{color:var(--text-secondary);margin:0 0 20px}.retry-btn{background:var(--accent-primary);color:var(--text-inverse);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-weight:600;transition:all .3s;display:inline-flex}.empty-saved-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:40px 20px;display:flex}.empty-saved-icon{background:var(--hover-bg,var(--status-success-bg));width:80px;height:80px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:36px;display:flex}.empty-saved-container h3{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:700}.empty-saved-container p{color:var(--text-secondary);max-width:400px;margin:0 0 24px;font-size:16px;line-height:1.6}.browse-jobs-btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:var(--text-inverse);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 32px;font-size:16px;font-weight:700;transition:all .3s;display:inline-flex}.browse-jobs-btn:hover{box-shadow:0 8px 25px var(--accent-glow,var(--status-success-bg));transform:translateY(-2px)}@media (width<=768px){.saved-jobs-page{padding:12px 12px 100px}.saved-jobs-header{flex-direction:column;align-items:flex-start;gap:12px}.header-left{width:100%}.header-left h1{font-size:22px}.back-to-home-btn{justify-content:center;width:100%}.saved-jobs-grid{gap:16px}.empty-saved-container h3{font-size:20px}.empty-saved-container p{font-size:14px}}@media (width<=480px){.saved-jobs-page{padding:8px 8px 90px}.header-left h1{font-size:18px}.saved-count{padding:2px 10px;font-size:12px}.empty-saved-icon{width:60px;height:60px;font-size:28px}.browse-jobs-btn{justify-content:center;width:100%}.debug-bar{text-align:center;flex-direction:column;gap:8px}.saved-error-container h3{font-size:18px}.saved-error-container i{font-size:36px}}.light-mode .saved-jobs-page{background:var(--bg-primary,var(--text-primary))}.light-mode .saved-jobs-header{border-color:var(--border-color)}.light-mode .empty-saved-icon{background:var(--hover-bg,var(--bg-tertiary))}.light-mode .back-to-home-btn{color:var(--text-secondary,var(--text-muted))}.light-mode .back-to-home-btn:hover{background:var(--hover-bg,var(--bg-tertiary));color:var(--text-primary,var(--bg-tertiary))}.light-mode .saved-count{background:var(--hover-bg,var(--bg-tertiary))}.light-mode .debug-bar{background:var(--bg-tertiary);color:var(--bg-tertiary);border-color:var(--border-color)}.light-mode .saved-error-container h3{color:var(--text-primary,var(--bg-tertiary))}.light-mode .saved-error-container p{color:var(--text-secondary,var(--text-muted))}.admin-announcement-container{background:var(--bg-card);border-radius:var(--radius-lg);max-width:900px;box-shadow:0 4px 20px var(--shadow-color);border:1px solid var(--border-color);transition:all var(--transition-normal);margin:0 auto;padding:24px}.admin-announcement-container:hover{box-shadow:0 8px 40px var(--shadow-color)}.admin-announcement-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.admin-announcement-header h2{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}.admin-announcement-header h2 i{color:var(--accent-primary)}.header-status{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-badge{border-radius:var(--radius-full);transition:all var(--transition-normal);padding:6px 14px;font-size:13px;font-weight:600}.status-badge.active{background:var(--status-success-bg);color:var(--status-success)}.status-badge.inactive{background:var(--status-danger-bg);color:var(--status-danger)}.version-badge{border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--accent-primary);border:1px solid var(--border-color);padding:6px 14px;font-size:13px;font-weight:600}.announcement-settings{padding:8px 0}.form-group input,.form-group textarea,.form-group select{background:var(--input-bg);width:100%;color:var(--text-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);padding:12px 16px;font-family:inherit;font-size:15px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring);background:var(--bg-secondary);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-group select option{background:var(--bg-secondary);color:var(--text-primary)}.char-count{text-align:right;color:var(--text-muted);margin-top:4px;padding-right:4px;font-size:12px;display:block}.form-actions{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px;display:flex}.btn-toggle-status,.btn-history,.btn-save{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-toggle-status{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-toggle-status.active{background:var(--status-danger-bg);color:var(--status-danger);border-color:var(--status-danger)}.btn-toggle-status.active:hover{background:var(--status-danger);color:#fff;box-shadow:0 8px 25px var(--shadow-color);transform:translateY(-2px)}.btn-toggle-status.inactive{background:var(--status-success-bg);color:var(--status-success);border-color:var(--status-success)}.btn-toggle-status.inactive:hover{background:var(--status-success);color:#fff;box-shadow:0 8px 25px var(--shadow-color);transform:translateY(-2px)}.btn-history{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-history:hover{background:var(--bg-hover);border-color:var(--accent-primary);box-shadow:0 8px 25px var(--shadow-color);transform:translateY(-2px)}.btn-history i{color:var(--accent-primary)}.btn-save{background:var(--gradient-primary);color:#fff;border:none;justify-content:center;min-width:120px;margin-left:auto}.btn-save:hover:not(:disabled){box-shadow:0 8px 30px var(--shadow-glow);transform:translateY(-2px)}.btn-save:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-save i{font-size:16px}.announcement-status{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-normal);margin-top:24px;padding:20px}.announcement-status:hover{border-color:var(--accent-primary)}.status-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.status-item{flex-direction:column;gap:4px;display:flex}.status-item .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.status-item .value{color:var(--text-primary);font-size:15px;font-weight:600}.status-item .value.active{color:var(--status-success)}.status-item .value.inactive{color:var(--status-danger)}.announcement-history{border-top:2px solid var(--border-color);margin-top:32px;padding-top:24px;animation:.3s ease-out slideDown}.announcement-history h3{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 16px;font-size:18px;font-weight:700;display:flex}.announcement-history h3 i{color:var(--accent-primary)}.history-list{flex-direction:column;gap:12px;max-height:400px;padding-right:4px;display:flex;overflow-y:auto}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:0 0}.history-list::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-full)}.history-item{background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--border-color);transition:all var(--transition-normal);padding:14px 18px}.history-item:hover{background:var(--bg-hover);border-left-color:var(--accent-primary)}.history-item:last-child{border-bottom:none}.history-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.history-version{color:var(--accent-primary);background:var(--bg-hover);border-radius:var(--radius-full);padding:2px 10px;font-size:14px;font-weight:700}.history-action{color:var(--text-secondary);background:var(--bg-card);border-radius:var(--radius-full);border:1px solid var(--border-color);padding:2px 12px;font-size:12px}.history-date{color:var(--text-muted);margin-left:auto;font-size:12px}.history-content{font-size:14px}.history-content p{margin:4px 0}.history-content p strong{color:var(--text-primary)}.history-message{color:var(--text-secondary);line-height:1.5}.history-type{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;padding:2px 12px;font-size:11px;font-weight:600;display:inline-block}.no-history{text-align:center;color:var(--text-muted);margin:0;padding:40px 0;font-size:14px}.no-history:before{content:"📭 "}@media (width<=768px){.admin-announcement-container{border-radius:var(--radius-md);margin:8px;padding:16px}.admin-announcement-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-announcement-header h2{font-size:20px}.header-status{width:100%}.form-actions{flex-direction:column}.btn-toggle-status,.btn-history,.btn-save{justify-content:center;width:100%}.btn-save{margin-left:0}.status-grid{grid-template-columns:1fr 1fr;gap:12px}.history-header{flex-direction:column;align-items:flex-start;gap:6px}.history-date{margin-left:0}.form-group input,.form-group textarea,.form-group select{padding:10px 14px;font-size:14px}}@media (width<=480px){.admin-announcement-container{border-radius:var(--radius-sm);margin:4px;padding:12px}.admin-announcement-header h2{font-size:18px}.status-badge,.version-badge{padding:4px 10px;font-size:11px}.status-grid{grid-template-columns:1fr;gap:10px}.form-group{margin-bottom:14px}.form-group input,.form-group textarea,.form-group select{padding:8px 12px;font-size:13px}.btn-toggle-status,.btn-history,.btn-save{padding:10px 16px;font-size:13px}.history-item{padding:10px 14px}.history-content{font-size:13px}}.btn-toggle-status:focus-visible,.btn-history:focus-visible,.btn-save:focus-visible,.form-group input:focus-visible,.form-group textarea:focus-visible,.form-group select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.admin-announcement-container,.btn-toggle-status,.btn-history,.btn-save{transition:none}.btn-toggle-status:hover,.btn-history:hover,.btn-save:hover:not(:disabled){transform:none!important}.announcement-history{animation:none}.loading-spinner{animation-duration:.01ms}}@media (prefers-contrast:high){.admin-announcement-container,.form-group input,.form-group textarea,.form-group select{border:2px solid var(--text-primary)}.btn-save{border:2px solid #fff}.status-badge,.version-badge{border:1px solid var(--text-primary)}}@media print{.admin-announcement-container{box-shadow:none;background:#fff;border:1px solid #ddd}.btn-toggle-status,.btn-history,.btn-save{display:none}.announcement-status{background:#f8f9fa}.history-item{break-inside:avoid;background:#f8f9fa}}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin:0;padding:0;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:0 2px 8px var(--shadow-color);align-items:center;gap:14px;min-height:80px;padding:16px 18px;display:flex}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:var(--accent-primary);box-shadow:0 8px 30px var(--shadow-color);transform:translateY(-4px)}.stat-card.clickable:active{transform:scale(.97)}.stat-icon{border-radius:var(--radius-sm);width:44px;height:44px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex}.stat-card.clickable:hover .stat-icon{transform:scale(1.1)}.stat-icon.blue{background:var(--status-info-bg);color:var(--status-info)}.stat-icon.green{background:var(--status-success-bg);color:var(--status-success)}.stat-icon.yellow{background:var(--status-warning-bg);color:var(--status-warning)}.stat-icon.red{background:var(--status-danger-bg);color:var(--status-danger)}.stat-icon.purple{color:#8b5cf6;background:#8b5cf626}.stat-icon.orange{color:#fb923c;background:#fb923c26}.stat-icon.teal{background:var(--accent-glow);color:var(--accent-primary)}.stat-icon.pink{color:#ec4899;background:#ec489926}.stat-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stat-info h3{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:22px;font-weight:700;line-height:1.2}.stat-info p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin:0;font-size:12px;font-weight:500}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.stat-card{min-height:72px;padding:14px 16px}.stat-icon{width:40px;height:40px;font-size:20px}.stat-info h3{font-size:20px}.stat-info p{font-size:11px}}@media (width<=768px){.stats-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.stat-card{gap:12px;min-height:68px;padding:12px 14px}.stat-icon{width:36px;height:36px;font-size:18px}.stat-info h3{font-size:18px}.stat-info p{font-size:10px}.stat-card.clickable:hover{transform:translateY(-2px)}}@media (width<=480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{border-radius:var(--radius-sm);gap:10px;min-height:60px;padding:10px 12px}.stat-icon{border-radius:6px;width:32px;height:32px;font-size:16px}.stat-info h3{font-size:16px}.stat-info p{letter-spacing:.2px;font-size:9px}}@media (width<=360px){.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{gap:8px;min-height:52px;padding:8px 10px}.stat-icon{width:28px;height:28px;font-size:14px}.stat-info h3{font-size:14px}.stat-info p{font-size:8px}}.light-mode .stat-card{background:var(--bg-secondary);box-shadow:0 2px 8px #0000000a}.light-mode .stat-card.clickable:hover{box-shadow:0 8px 30px #00000014}@media (prefers-reduced-motion:reduce){.stat-card,.stat-card.clickable:hover,.stat-card.clickable:active,.stat-card.clickable:hover .stat-icon{transition:none!important;animation:none!important;transform:none!important}}@media (prefers-contrast:high){.stat-card{border:2px solid var(--border-color)}.stat-card.clickable:hover{border-color:var(--accent-primary)}.stat-icon{border:1px solid}}.stat-card.clickable:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-color:var(--accent-primary)}.stat-card{opacity:0;animation:.4s forwards statsFadeIn}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:nth-child(5){animation-delay:.25s}.stat-card:nth-child(6){animation-delay:.3s}.stat-card:nth-child(7){animation-delay:.35s}.stat-card:nth-child(8){animation-delay:.4s}.stat-card:nth-child(9){animation-delay:.45s}.stat-card:nth-child(10){animation-delay:.5s}@keyframes statsFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.stat-card{opacity:1;animation:none!important}}.search-bar-container{align-items:center;gap:8px;width:100%;max-width:420px;display:flex;position:relative}.search-bar-container .search-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:9px 16px;font-size:14px}.search-bar-container .search-input:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring);outline:none}.search-bar-container .search-input::placeholder{color:var(--text-muted)}.search-bar-container .search-loading{color:var(--accent-primary);font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-bar-container .search-no-result{color:var(--text-muted);white-space:nowrap;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-bar-container .search-result-count{color:var(--text-muted);background:var(--bg-tertiary);border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-results-dropdown{background:var(--dropdown-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 20px 60px var(--shadow-color);-webkit-backdrop-filter:blur(20px);z-index:1000;flex-direction:column;max-height:400px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.search-results-dropdown{scrollbar-width:thin;scrollbar-color:var(--accent-primary) transparent}.search-results-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.search-results-header span{color:var(--text-secondary);font-size:13px;font-weight:600}.search-results-header .clear-search{border:1px solid var(--border-color);background:var(--bg-tertiary);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.search-results-header .clear-search:hover{background:var(--status-danger-bg);border-color:var(--status-danger);color:var(--status-danger);transform:rotate(90deg)}.search-result-item{cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:10px 16px;display:flex}.search-result-item .result-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search-result-item .result-info h4{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.search-result-item .result-info h4 .result-type-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;padding:1px 8px;font-size:9px;font-weight:600;display:inline-block}.search-result-item .result-info h4 .result-type-badge.user{color:var(--status-info);background:var(--status-info-bg);border:1px solid var(--status-info)}.search-result-item .result-info h4 .result-type-badge.post{color:var(--status-success);background:var(--status-success-bg);border:1px solid var(--status-success)}.search-result-item .result-info h4 .result-type-badge.deal{color:var(--status-warning);background:var(--status-warning-bg);border:1px solid var(--status-warning)}.search-result-item .result-info h4 .result-type-badge.withdrawal{color:var(--status-danger);background:var(--status-danger-bg);border:1px solid var(--status-danger)}.search-result-item .result-info h4 .result-type-badge.deposit{color:#8b5cf6;background:#8b5cf626;border:1px solid #8b5cf6}.search-result-item .result-info h4 .result-type-badge.unknown{color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-color)}.search-result-item .result-info p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.search-result-item .result-info .result-meta{color:var(--text-muted);margin-top:1px;font-size:11px}@media (width<=1024px){.search-bar-container{max-width:340px}.search-bar-container .search-input{padding:8px 14px;font-size:13px}.search-results-dropdown{max-height:350px}.search-result-item .result-info h4{font-size:13px}}@media (width<=768px){.search-bar-container{width:100%;max-width:100%}.search-bar-container .search-input{padding:10px 16px;font-size:14px}.search-results-dropdown{border-radius:var(--radius-sm);max-height:300px}.search-result-item{gap:10px;padding:8px 12px}.search-result-item .result-icon{width:32px;height:32px;font-size:12px}.search-result-item .result-info h4{font-size:13px}.search-result-item .result-info p{font-size:11px}.search-result-item .result-info .result-meta{font-size:10px}.search-bar-container .search-no-result{font-size:11px}.search-bar-container .search-result-count{padding:1px 8px;font-size:10px}}@media (width<=480px){.search-bar-container .search-input{padding:8px 12px;font-size:13px}.search-results-dropdown{max-height:250px}.search-result-item{gap:8px;padding:6px 10px}.search-result-item .result-icon{width:28px;height:28px;font-size:11px}.search-result-item .result-info h4{gap:4px;font-size:12px}.search-result-item .result-info h4 .result-type-badge{padding:0 6px;font-size:8px}.search-result-item .result-info p{font-size:10px}.search-result-item .result-info .result-meta{font-size:9px}.search-results-header{padding:6px 12px}.search-results-header span{font-size:12px}.search-results-header .clear-search{width:24px;height:24px;font-size:12px}.search-bar-container .search-result-count{padding:1px 6px;font-size:9px}.search-bar-container .search-no-result{font-size:10px}}.light-mode .search-bar-container .search-input{background:var(--bg-tertiary)}.light-mode .search-results-dropdown{background:var(--bg-secondary);box-shadow:0 20px 60px #0000001f}.light-mode .search-result-item:hover{background:var(--bg-hover)}.light-mode .search-result-item .result-icon,.light-mode .search-results-header .clear-search,.light-mode .search-bar-container .search-result-count{background:var(--bg-tertiary)}@media (prefers-reduced-motion:reduce){.search-result-item,.search-results-header .clear-search{transition:none!important}.search-results-header .clear-search:hover{transform:none!important}}@media (prefers-contrast:high){.search-bar-container .search-input,.search-results-dropdown{border:2px solid var(--border-color)}.search-result-item .result-info h4 .result-type-badge,.search-results-header .clear-search{border-width:2px}}.search-bar-container .search-input:focus-visible,.search-results-header .clear-search:focus-visible,.search-result-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.users-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:0 0 16px;display:flex}.users-search{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:280px;display:flex}.users-search input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-width:180px;color:var(--text-primary);transition:all var(--transition-fast);flex:1;padding:10px 16px;font-size:14px}.users-search input:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring);outline:none}.users-search input::placeholder{color:var(--text-muted)}.users-search select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;min-width:160px;padding:10px 36px 10px 16px;font-size:14px}.users-search select:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring);outline:none}.users-search select option{background:var(--dropdown-bg);color:var(--text-primary)}.users-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.users-actions .btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.users-actions .btn-primary{background:var(--gradient-primary);color:var(--text-inverse)}.users-actions .btn-primary:hover{box-shadow:0 4px 15px var(--shadow-glow);opacity:.9;transform:translateY(-2px)}.users-actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.users-actions .btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.users-actions .btn:active{transform:scale(.97)}@media (width<=1024px){.users-header{gap:12px}.users-search{min-width:240px}.users-search input{min-width:140px;padding:8px 14px;font-size:13px}.users-search select{min-width:140px;padding:8px 32px 8px 14px;font-size:13px}.users-actions .btn{padding:8px 16px;font-size:13px}}@media (width<=768px){.users-header{flex-direction:column;align-items:stretch;gap:12px;padding-bottom:12px}.users-search{flex-direction:column;width:100%;min-width:0}.users-search input{width:100%;min-width:0;padding:10px 14px;font-size:14px}.users-search select{width:100%;min-width:0;padding:10px 36px 10px 14px;font-size:14px}.users-actions{justify-content:stretch;gap:8px;width:100%}.users-actions .btn{flex:1;justify-content:center;padding:10px 16px;font-size:13px}}@media (width<=480px){.users-header{gap:10px;padding-bottom:10px}.users-search input{padding:8px 12px;font-size:13px}.users-search select{padding:8px 32px 8px 12px;font-size:13px}.users-actions .btn{padding:8px 12px;font-size:12px}.users-actions .btn i{font-size:12px}}.light-mode .users-search input,.light-mode .users-search select,.light-mode .users-actions .btn-secondary{background:var(--bg-tertiary)}.light-mode .users-actions .btn-secondary:hover{background:var(--bg-hover)}@media (prefers-reduced-motion:reduce){.users-actions .btn:hover,.users-actions .btn:active{transform:none!important}}@media (prefers-contrast:high){.users-search input,.users-search select{border:2px solid var(--border-color)}.users-actions .btn{border:2px solid}}.users-search input:focus-visible,.users-search select:focus-visible,.users-actions .btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.users-table{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;box-shadow:0 4px 20px var(--shadow-color);overflow:auto hidden}.users-table table{border-collapse:collapse;width:100%;min-width:900px;font-size:14px}.users-table thead{background:var(--bg-tertiary)}.users-table thead th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);white-space:nowrap;z-index:10;padding:14px 16px;font-size:12px;font-weight:600;position:sticky;top:0}.users-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:all var(--transition-fast)}.users-table tbody tr:hover{background:var(--bg-hover)}.users-table tbody tr.banned{opacity:.6;background:var(--status-danger-bg)}.users-table tbody tr.banned:hover{opacity:.8;background:var(--status-danger-bg)}.users-table tbody td{color:var(--text-primary);vertical-align:middle;padding:12px 16px;font-size:13px}.user-id{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-color);border-radius:12px;padding:2px 10px;font-family:monospace;font-size:11px;font-weight:600;display:inline-block}.user-name{align-items:center;gap:10px;display:flex}.user-name .user-avatar{object-fit:cover;background:var(--bg-tertiary);border-radius:50%;width:32px;height:32px}.user-name span{color:var(--text-primary);font-weight:500}.role-badge{text-transform:capitalize;border-radius:12px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-block}.role-badge.admin{color:var(--status-danger);background:var(--status-danger-bg);border:1px solid var(--status-danger)}.role-badge.client{color:var(--status-info);background:var(--status-info-bg);border:1px solid var(--status-info)}.role-badge.freelancer{color:var(--status-success);background:var(--status-success-bg);border:1px solid var(--status-success)}.doc-status{align-items:center;gap:4px;display:flex}.doc-status .doc-check{font-size:14px}.doc-status .doc-missing{opacity:.5;font-size:14px}.status-badges{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.status-badge.verified{color:var(--status-success);background:var(--status-success-bg);border:1px solid var(--status-success)}.status-badge.pending,.status-badge.pending_verification{color:var(--status-warning);background:var(--status-warning-bg);border:1px solid var(--status-warning)}.status-badge.incomplete{color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-color)}.status-badge.blocked{color:var(--status-danger);background:var(--status-danger-bg);border:1px solid var(--status-danger)}.status-badge.needs-review{color:var(--status-danger);background:var(--status-danger-bg);border:1px solid var(--status-danger);animation:2s infinite pulseReview}@keyframes pulseReview{0%,to{opacity:1}50%{opacity:.6}}.action-btn.review:hover{background:var(--status-warning-bg);border-color:var(--status-warning);color:var(--status-warning)}.action-btn.verify:hover{background:var(--status-success-bg);border-color:var(--status-success);color:var(--status-success)}.action-btn.unverify:hover,.action-btn.block:hover{background:var(--status-danger-bg);border-color:var(--status-danger);color:var(--status-danger)}.action-btn.unblock:hover{background:var(--status-success-bg);border-color:var(--status-success);color:var(--status-success)}.action-btn.emergency-unlock{background:var(--status-warning-bg);border-color:var(--status-warning);color:var(--status-warning)}.action-btn.emergency-unlock:hover{background:var(--status-warning);border-color:var(--status-warning);color:var(--text-inverse);box-shadow:0 4px 15px var(--status-warning-bg);transform:translateY(-2px)scale(1.05)}@media (width<=1024px){.users-table table{min-width:800px;font-size:13px}.users-table thead th,.users-table tbody td{padding:10px 12px}.action-btn{width:28px;height:28px;font-size:12px}}@media (width<=768px){.users-table{border-radius:var(--radius-md)}.users-table table{min-width:700px;font-size:12px}.users-table thead th,.users-table tbody td{padding:8px 10px}.users-table thead th{font-size:10px}.users-table tbody td{font-size:12px}.user-id{padding:1px 8px;font-size:10px}.user-name .user-avatar{width:26px;height:26px}.role-badge{padding:2px 8px;font-size:10px}.status-badge{padding:2px 8px;font-size:9px}.action-btn{width:26px;height:26px;font-size:11px}.doc-status .doc-check,.doc-status .doc-missing{font-size:12px}}@media (width<=480px){.users-table{border-radius:var(--radius-sm)}.users-table table{min-width:600px;font-size:11px}.users-table thead th,.users-table tbody td{padding:6px 8px}.users-table thead th{font-size:9px}.users-table tbody td{font-size:11px}.user-id{padding:1px 6px;font-size:9px}.user-name .user-avatar{width:22px;height:22px}.user-name span{font-size:11px}.role-badge{padding:1px 6px;font-size:9px}.status-badge{padding:1px 6px;font-size:8px}.action-btn{width:24px;height:24px;font-size:10px}.doc-status .doc-check,.doc-status .doc-missing{font-size:10px}.action-buttons{gap:2px}}.light-mode .users-table{background:var(--bg-secondary);box-shadow:0 4px 20px #0000000f}.light-mode .users-table thead{background:var(--bg-tertiary)}.light-mode .users-table tbody tr:hover{background:var(--bg-hover)}.light-mode .users-table tbody tr.banned{background:#ef44440f}.light-mode .users-table tbody tr.banned:hover{background:#ef44441a}.light-mode .user-id,.light-mode .action-btn{background:var(--bg-tertiary)}@media (prefers-reduced-motion:reduce){.users-table tbody tr:hover{background:0 0}.action-btn:hover,.action-btn.emergency-unlock:hover{transform:none!important}.status-badge.needs-review{animation:none!important}}@media (prefers-contrast:high){.users-table{border:2px solid var(--border-color)}.users-table thead th{border-bottom:3px solid var(--border-color)}.status-badge,.action-btn,.role-badge{border-width:2px}}.users-table::-webkit-scrollbar{width:4px;height:4px}.users-table::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.users-table::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px}.users-table{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-tertiary)}.type-badge{white-space:nowrap;border-radius:12px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-block}.type-badge.hire{color:var(--status-info);background:var(--status-info-bg);border:1px solid var(--status-info)}.type-badge.service{color:var(--status-success);background:var(--status-success-bg);border:1px solid var(--status-success)}.type-badge.job{color:var(--status-warning);background:var(--status-warning-bg);border:1px solid var(--status-warning)}.type-badge.freelance{color:var(--accent-primary);background:var(--accent-glow);border:1px solid var(--accent-primary)}.action-btn.delete:hover{background:var(--status-danger-bg);border-color:var(--status-danger);color:var(--status-danger)}@media (width<=1024px){.data-table{border-radius:var(--radius-md);padding:16px}.data-table table{min-width:600px;font-size:13px}.data-table thead th,.data-table tbody td{padding:10px 12px}.action-btn{width:28px;height:28px;font-size:12px}}@media (width<=768px){.data-table{border-radius:var(--radius-sm);padding:14px;overflow-x:auto}.data-table .table-header{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:12px}.data-table .table-header h3{font-size:16px}.data-table .table-count{padding:2px 10px;font-size:12px}.data-table table{min-width:550px;font-size:12px}.data-table thead th,.data-table tbody td{padding:8px 10px}.data-table thead th{font-size:10px}.data-table tbody td{font-size:12px}.type-badge{padding:2px 8px;font-size:10px}.action-btn{width:26px;height:26px;font-size:11px}}@media (width<=480px){.data-table{border-radius:var(--radius-xs);padding:10px}.data-table .table-header h3{gap:6px;font-size:14px}.data-table .table-header h3 i{font-size:14px}.data-table .table-count{padding:2px 8px;font-size:11px}.data-table table{min-width:480px;font-size:11px}.data-table thead th,.data-table tbody td{padding:6px 8px}.data-table thead th{font-size:9px}.data-table tbody td{font-size:11px}.type-badge{padding:1px 6px;font-size:9px}.action-btn{width:24px;height:24px;font-size:10px}}.light-mode .data-table .table-count,.light-mode .action-btn{background:var(--bg-tertiary)}@media (prefers-reduced-motion:reduce){.data-table tbody tr:hover{background:0 0}.action-btn:hover,.action-btn:active{transform:none!important}.action-btn{transition:none!important}}@media (prefers-contrast:high){.data-table{border:2px solid var(--border-color)}.data-table thead th{border-bottom:3px solid var(--border-color)}.type-badge,.action-btn{border-width:2px}}.data-table{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-tertiary);background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;box-shadow:0 4px 20px var(--shadow-color);padding:20px;overflow:hidden}.data-table table{border-collapse:collapse;width:100%;min-width:600px;font-size:14px}.deal-id-tag{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2px 10px;font-family:monospace;font-size:12px;font-weight:600;display:inline-block}.status-badge.active{color:var(--status-info);background:var(--status-info-bg);border:1px solid var(--status-info)}.status-badge.on_going,.status-badge.in_progress{color:var(--status-info);background:var(--status-info-bg);border:1px solid var(--status-info)}@media (width<=1024px){.data-table{border-radius:var(--radius-md);padding:16px}.data-table table{min-width:500px;font-size:13px}.data-table thead th,.data-table tbody td{padding:10px 12px}}@media (width<=768px){.data-table{border-radius:var(--radius-sm);padding:14px;overflow-x:auto}.data-table .table-header{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:12px}.data-table .table-header h3{font-size:16px}.data-table .table-count{padding:2px 10px;font-size:12px}.data-table table{min-width:450px;font-size:12px}.data-table thead th,.data-table tbody td{padding:8px 10px}.data-table thead th{font-size:10px}.data-table tbody td{font-size:12px}.deal-id-tag{padding:1px 8px;font-size:11px}.status-badge{padding:3px 10px;font-size:11px}}@media (width<=480px){.data-table{border-radius:var(--radius-xs);padding:10px}.data-table .table-header h3{gap:6px;font-size:14px}.data-table .table-header h3 i{font-size:14px}.data-table .table-count{padding:2px 8px;font-size:11px}.data-table table{min-width:380px;font-size:11px}.data-table thead th,.data-table tbody td{padding:6px 8px}.data-table thead th{font-size:9px}.data-table tbody td{font-size:11px}.deal-id-tag{padding:1px 6px;font-size:10px}.status-badge{padding:2px 8px;font-size:10px}}.light-mode .data-table .table-count,.light-mode .deal-id-tag{background:var(--bg-tertiary)}@media (prefers-reduced-motion:reduce){.data-table tbody tr:hover{background:0 0}}@media (prefers-contrast:high){.data-table{border:2px solid var(--border-color)}.data-table thead th{border-bottom:3px solid var(--border-color)}.status-badge,.deal-id-tag{border-width:2px}}.data-table.deposits-table{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;box-shadow:0 4px 20px var(--shadow-color);padding:20px;overflow:hidden}.data-table.deposits-table .table-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 0 16px;display:flex}.data-table.deposits-table .header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.data-table.deposits-table .header-left h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.data-table.deposits-table .header-left h3 i{color:var(--accent-primary)}.tab-buttons{gap:6px;display:flex}.tab-buttons .tab-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:flex}.tab-buttons .tab-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.tab-buttons .tab-btn.active{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary)}.tab-buttons .tab-btn i{font-size:13px}.data-table.deposits-table .refresh-btn{border:1px solid var(--border-color);background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.data-table.deposits-table .refresh-btn:hover{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary);transform:rotate(180deg)}.data-table.deposits-table .no-data{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.data-table.deposits-table .no-data i{font-size:40px}.data-table.deposits-table .no-data p{margin:0;font-size:15px}.table-responsive{overflow-x:auto}.table-responsive table{border-collapse:collapse;width:100%;min-width:800px;font-size:14px}.table-responsive thead{background:var(--bg-tertiary)}.table-responsive thead th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.table-responsive tbody tr{border-bottom:1px solid var(--border-subtle);transition:all var(--transition-fast)}.table-responsive tbody tr:hover{background:var(--bg-hover)}.table-responsive tbody tr.deposit-row.bank-transfer-row{background:#8b5cf60d}.table-responsive tbody tr.deposit-row.bank-transfer-row:hover{background:#8b5cf61a}.table-responsive tbody td{color:var(--text-primary);vertical-align:middle;padding:12px 16px;font-size:13px}.user-info .user-id{color:var(--text-muted);font-size:11px}.amount{color:var(--status-success);font-size:15px}.method-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.method-badge.mobile{color:var(--status-info);background:var(--status-info-bg);border:1px solid var(--status-info)}.method-badge.bank-transfer{color:#8b5cf6;background:#8b5cf626;border:1px solid #8b5cf6}.method-badge i{font-size:13px}.trx-id{color:var(--text-secondary);font-family:monospace;font-size:12px;font-weight:500}.trx-id.bank-ref{align-items:center;gap:4px;font-size:11px;display:flex}.trx-id.bank-ref i{color:#8b5cf6}.bank-info-mini{flex-direction:column;gap:1px;display:flex}.bank-info-mini .bank-name{color:var(--text-primary);font-size:12px;font-weight:500}.bank-info-mini .account-number{color:var(--text-muted);font-size:10px}.date-time{color:var(--text-muted);font-size:12px}.action-btn:hover:not(:disabled){z-index:2;transform:translateY(-2px)}.action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.action-btn.view:hover:not(:disabled){background:var(--status-info-bg);border-color:var(--status-info);color:var(--status-info)}.action-btn.approve:hover:not(:disabled){background:var(--status-success-bg);border-color:var(--status-success);color:var(--status-success)}.action-btn.reject:hover:not(:disabled){background:var(--status-danger-bg);border-color:var(--status-danger);color:var(--status-danger)}.status-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.approved{color:var(--status-success);background:var(--status-success-bg);border:1px solid var(--status-success)}.expanded-row td{border-bottom:2px solid var(--accent-primary);padding:0!important}.expanded-details{background:var(--bg-tertiary);border-top:2px solid var(--accent-primary);padding:16px 20px}.details-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:12px;display:grid}.details-section{flex-direction:column;gap:6px;display:flex}.details-section h4{color:var(--text-primary);align-items:center;gap:6px;margin:0 0 4px;font-size:14px;font-weight:600;display:flex}.detail-item{gap:8px;padding:2px 0;font-size:13px;display:flex}.detail-item .detail-label{color:var(--text-muted);min-width:130px}.detail-item .detail-value{color:var(--text-primary);font-weight:500}.receipt-actions{flex-wrap:wrap;gap:10px;display:flex}.receipt-link{border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.receipt-link:first-child{background:var(--accent-glow);color:var(--accent-primary);border:1px solid var(--accent-primary)}.receipt-link:first-child:hover{background:var(--accent-primary);color:var(--text-inverse)}.receipt-link.download{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.receipt-link.download:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.no-receipt{color:var(--text-muted);margin:0;font-size:13px;font-style:italic}.receipt-filename{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.note-text{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color);white-space:pre-wrap;word-break:break-word;margin:0;padding:8px 12px;font-size:13px}.close-expanded{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;margin-top:4px;padding:6px 16px;font-size:13px;display:flex}.close-expanded:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}@media (width<=1024px){.data-table.deposits-table{padding:16px}.details-grid{grid-template-columns:1fr;gap:16px}}@media (width<=768px){.data-table.deposits-table{padding:12px}.data-table.deposits-table .header-left{flex-direction:column;align-items:flex-start;gap:8px}.tab-buttons .tab-btn{padding:4px 10px;font-size:12px}.table-responsive table{min-width:650px;font-size:12px}.table-responsive thead th,.table-responsive tbody td{padding:8px 10px}.action-btn{width:28px;height:28px;font-size:11px}.details-grid{grid-template-columns:1fr}.detail-item{font-size:12px}.detail-item .detail-label{min-width:100px}.expanded-details{padding:12px 14px}}@media (width<=480px){.data-table.deposits-table{padding:8px}.tab-buttons .tab-btn{padding:3px 8px;font-size:10px}.tab-buttons .tab-btn i{font-size:10px}.table-responsive table{min-width:550px;font-size:11px}.table-responsive thead th,.table-responsive tbody td{padding:6px 8px}.amount{font-size:13px}.method-badge{padding:2px 8px;font-size:10px}.action-btn{width:24px;height:24px;font-size:10px}.details-section h4{font-size:12px}.detail-item{font-size:11px}.detail-item .detail-label{min-width:80px}.receipt-link{padding:4px 10px;font-size:11px}.close-expanded{padding:4px 12px;font-size:11px}.status-badge{padding:2px 8px;font-size:10px}}.light-mode .data-table.deposits-table{background:var(--bg-secondary);box-shadow:0 4px 20px #0000000f}.light-mode .table-responsive thead{background:var(--bg-tertiary)}.light-mode .table-responsive tbody tr:hover{background:var(--bg-hover)}.light-mode .expanded-details{background:var(--bg-tertiary)}.light-mode .receipt-filename,.light-mode .note-text{background:var(--bg-secondary)}.light-mode .tab-buttons .tab-btn{background:var(--bg-tertiary)}.light-mode .tab-buttons .tab-btn.active{background:var(--accent-glow)}@media (prefers-reduced-motion:reduce){.data-table.deposits-table .refresh-btn:hover,.action-btn:hover:not(:disabled){transform:none!important}.tab-buttons .tab-btn,.action-btn,.receipt-link,.close-expanded{transition:none!important}}@media (prefers-contrast:high){.data-table.deposits-table{border:2px solid var(--border-color)}.method-badge,.status-badge,.action-btn,.tab-buttons .tab-btn{border-width:2px}.tab-buttons .tab-btn.active{border:2px solid var(--accent-primary)}}.action-btn:focus-visible,.tab-buttons .tab-btn:focus-visible,.refresh-btn:focus-visible,.close-expanded:focus-visible,.receipt-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.data-table{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;box-shadow:0 4px 20px var(--shadow-color);padding:20px;overflow:hidden}.data-table .table-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 0 16px;display:flex}.data-table .table-header h3{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.data-table .table-header h3 i{color:var(--accent-primary)}.data-table .table-count{color:var(--text-muted);background:var(--bg-tertiary);border-radius:20px;padding:4px 12px;font-size:14px;font-weight:400}.data-table table{border-collapse:collapse;width:100%;font-size:14px}.data-table thead{background:var(--bg-tertiary)}.data-table thead th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.data-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:all var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody td{color:var(--text-primary);vertical-align:middle;padding:12px 16px;font-size:13px}.status-badge.processing{color:var(--status-info);background:var(--status-info-bg);border:1px solid var(--status-info)}.status-badge.completed{color:var(--status-success);background:var(--status-success-bg);border:1px solid var(--status-success)}.status-badge.rejected{color:var(--status-danger);background:var(--status-danger-bg);border:1px solid var(--status-danger)}.badge-success{color:var(--status-success);background:var(--status-success-bg);border:1px solid var(--status-success);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.badge-danger{color:var(--status-danger);background:var(--status-danger-bg);border:1px solid var(--status-danger);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.action-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:4px;margin:2px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.action-btn.approve{background:var(--gradient-success);color:var(--text-inverse)}.action-btn.approve:hover{box-shadow:0 4px 15px var(--shadow-glow);filter:brightness(1.05);transform:translateY(-2px)}.action-btn.reject{background:var(--gradient-danger);color:var(--text-inverse)}.action-btn.reject:hover{box-shadow:0 4px 15px var(--shadow-color);filter:brightness(1.05);transform:translateY(-2px)}.action-btn.complete{background:var(--gradient-primary);color:var(--text-inverse)}.action-btn.complete:hover{box-shadow:0 4px 15px var(--accent-glow);filter:brightness(1.05);transform:translateY(-2px)}@media (width<=1024px){.data-table{border-radius:var(--radius-md);padding:16px}.data-table table{font-size:13px}.data-table thead th,.data-table tbody td{padding:10px 12px}.action-btn{padding:5px 10px;font-size:11px}}@media (width<=768px){.data-table{border-radius:var(--radius-sm);padding:12px;overflow-x:auto}.data-table .table-header{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:12px}.data-table .table-header h3{font-size:16px}.data-table .table-count{padding:2px 10px;font-size:12px}.data-table table{min-width:600px;font-size:12px}.data-table thead th,.data-table tbody td{padding:8px 10px}.data-table thead th{font-size:10px}.data-table tbody td{font-size:12px}.status-badge,.badge-success,.badge-danger{padding:2px 10px;font-size:10px}.action-btn{margin:1px;padding:4px 8px;font-size:10px}.action-btn i{font-size:10px}}@media (width<=480px){.data-table{border-radius:var(--radius-xs);padding:8px}.data-table .table-header h3{gap:6px;font-size:14px}.data-table .table-header h3 i{font-size:14px}.data-table .table-count{padding:2px 8px;font-size:11px}.data-table table{min-width:500px;font-size:11px}.data-table thead th,.data-table tbody td{padding:6px 8px}.data-table thead th{font-size:9px}.data-table tbody td{font-size:11px}.status-badge,.badge-success,.badge-danger{padding:2px 8px;font-size:9px}.action-btn{margin:1px;padding:3px 6px;font-size:9px}.action-btn i{font-size:9px}}.light-mode .data-table{background:var(--bg-secondary);box-shadow:0 4px 20px #0000000f}.light-mode .data-table thead{background:var(--bg-tertiary)}.light-mode .data-table tbody tr:hover{background:var(--bg-hover)}.light-mode .data-table .table-count{background:var(--bg-tertiary)}@media (prefers-reduced-motion:reduce){.data-table tbody tr:hover{background:0 0}.action-btn:hover,.action-btn:active{transform:none!important}.action-btn{transition:none!important}}@media (prefers-contrast:high){.data-table{border:2px solid var(--border-color)}.data-table thead th{border-bottom:3px solid var(--border-color)}.status-badge{border-width:2px}.action-btn{border:2px solid}}.action-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.data-table::-webkit-scrollbar{width:4px;height:4px}.data-table::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.data-table::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px}.data-table{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-tertiary)}.pending-posts-table{width:100%;max-width:1400px;margin:0 auto;padding:16px}.pending-posts-grid{grid-template-columns:1fr;gap:24px;display:grid}.pending-post-card{background:var(--bg-secondary,#131b2e);border:1px solid var(--border-color,#1e2a3a);border-radius:16px;transition:all .3s;overflow:hidden}.pending-post-card:hover{border-color:#14b8a64d;box-shadow:0 8px 32px #14b8a60f}.post-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 0;display:flex}.post-title-section{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.post-title{color:var(--text-primary,#f8fafc);word-break:break-word;margin:0;font-size:20px;font-weight:600;line-height:1.3}.status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.post-meta-top{color:var(--text-muted,#64748b);flex-wrap:wrap;flex-shrink:0;gap:16px;font-size:12px;display:flex}.post-meta-top i{margin-right:4px}.post-images-section{padding:16px 24px 0}.post-images-label{color:var(--text-muted,#64748b);margin-bottom:10px;font-size:12px;font-weight:500}.post-images-label i{color:var(--accent-primary,#14b8a6);margin-right:6px}.post-images-container{border-radius:12px;grid-template-columns:repeat(4,1fr);gap:6px;display:grid;overflow:hidden}.post-image-item{aspect-ratio:16/10;background:var(--bg-tertiary,#0d1420);cursor:pointer;border-radius:8px;position:relative;overflow:hidden}.post-image-item img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.post-image-item:hover img{transform:scale(1.05)}.image-zoom-overlay{opacity:0;background:#0006;border-radius:8px;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.post-image-item:hover .image-zoom-overlay{opacity:1}.image-zoom-overlay i{color:#fff;text-shadow:0 2px 12px #00000080;font-size:28px}.image-count-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;position:absolute;bottom:8px;right:8px}.post-title-full{border-bottom:1px solid var(--border-color,#1e2a3a);margin-bottom:16px;padding-bottom:14px}.title-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,#64748b);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.post-title-text{color:var(--text-primary,#f8fafc);word-break:break-word;margin:0;font-size:22px;font-weight:700;line-height:1.4}.post-descriptionn-full{margin-bottom:16px}.description-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,#64748b);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.post-descriptionn-wrapper{background:var(--bg-tertiary,#0d1420);border:1px solid var(--border-color,#1e2a3a);border-radius:12px;padding:14px 18px}.post-descriptionn{color:var(--text-secondary,#94a3b8);white-space:pre-wrap;word-break:break-word;margin:0;font-size:15px;line-height:1.8}.post-descriptionn.no-description{color:var(--text-muted,#64748b);font-style:italic}.description-toggle-btn{border:1px solid var(--border-color,#1e2a3a);color:var(--accent-primary,#14b8a6);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;margin-top:10px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.description-toggle-btn:hover{border-color:var(--accent-primary,#14b8a6);background:#14b8a614}.description-toggle-btn i{font-size:11px}.post-details{border-top:1px solid var(--border-color,#1e2a3a);border-bottom:1px solid var(--border-color,#1e2a3a);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 20px;padding:14px 0;display:grid}.detail-item{flex-direction:column;gap:3px;display:flex}.detail-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted,#64748b);font-size:11px;font-weight:500}.detail-label i{margin-right:4px}.detail-value{color:var(--text-primary,#f8fafc);flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.negotiable-badge{color:var(--accent-primary,#14b8a6);background:#14b8a61a;border-radius:12px;margin-left:4px;padding:1px 10px;font-size:10px;font-weight:600;display:inline-block}.range-badge{color:var(--text-secondary,#94a3b8);background:var(--bg-tertiary,#0d1420);border:1px solid var(--border-color,#1e2a3a);border-radius:12px;margin-left:4px;padding:1px 10px;font-size:10px;font-weight:500;display:inline-block}.post-actions{gap:12px;padding:16px 24px 20px;display:flex}.post-actions .action-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.post-actions .action-btn.approve{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 12px #10b98133}.post-actions .action-btn.approve:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98159}.post-actions .action-btn.approve:active{transform:translateY(0)}.post-actions .action-btn.reject{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 12px #ef444433}.post-actions .action-btn.reject:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444459}.post-actions .action-btn.reject:active{transform:translateY(0)}@media (width<=1024px){.post-images-container,.post-details{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.pending-posts-table{padding:8px}.table-header{flex-direction:column;align-items:stretch;padding:12px 16px}.table-header h3{flex-wrap:wrap;font-size:16px}.pending-post-card{border-radius:12px}.post-header{flex-direction:column;align-items:stretch;gap:8px;padding:16px 16px 0}.post-title{font-size:17px}.post-meta-top{gap:10px;font-size:11px}.post-images-section{padding:12px 16px 0}.post-images-container{grid-template-columns:repeat(2,1fr);gap:4px}.post-content{padding:12px 16px 0}.post-title-text{font-size:18px}.post-descriptionn-wrapper{padding:12px 14px}.post-descriptionn{font-size:14px}.post-details{grid-template-columns:1fr 1fr;gap:8px 12px;padding:10px 0}.detail-value{font-size:13px}.post-actions{flex-direction:column;padding:12px 16px 16px}.post-actions .action-btn{padding:10px}.reject-modal{width:96%;padding:20px 18px}.reject-modal-actions{flex-direction:column}.image-zoom-close{width:36px;height:36px;font-size:18px;top:-40px;right:0}.image-zoom-modal-content img{max-width:95vw;max-height:75vh}}@media (width<=480px){.post-title-section{flex-direction:column;align-items:flex-start}.post-title,.post-title-text{font-size:16px}.post-images-container{grid-template-columns:1fr 1fr;gap:4px}.post-details{grid-template-columns:1fr;gap:6px}.post-meta-top{flex-direction:column;gap:4px;font-size:10px}.detail-label{font-size:10px}.detail-value{font-size:12px}.description-toggle-btn{padding:4px 10px;font-size:11px}.image-zoom-overlay i{font-size:20px}.image-count-badge{padding:1px 8px;font-size:10px}}.pending-posts-grid::-webkit-scrollbar{width:6px}.pending-posts-grid::-webkit-scrollbar-track{background:var(--bg-tertiary,#0d1420);border-radius:4px}.pending-posts-grid::-webkit-scrollbar-thumb{background:var(--border-color,#1e2a3a);border-radius:4px}.pending-posts-grid::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#64748b)}.pending-posts-table .empty-state{text-align:center;padding:60px 20px}.pending-posts-table .empty-state .empty-icon{color:#10b981;margin-bottom:16px;font-size:48px}.pending-posts-table .empty-state h3{color:var(--text-primary,#f8fafc);margin:0 0 8px;font-size:20px}.pending-posts-table .empty-state p{color:var(--text-muted,#64748b);margin:0;font-size:14px}.full-description{white-space:pre-wrap;word-break:break-word;color:var(--text-secondary,#94a3b8);margin:0;padding:0;font-size:15px;line-height:1.8}.post-descriptionn-wrapper{background:var(--bg-tertiary,#0d1420);border:1px solid var(--border-color,#1e2a3a);border-radius:12px;max-height:400px;padding:14px 18px;overflow-y:auto}.post-descriptionn-wrapper::-webkit-scrollbar{width:4px}.post-descriptionn-wrapper::-webkit-scrollbar-track{background:0 0}.post-descriptionn-wrapper::-webkit-scrollbar-thumb{background:var(--border-color,#1e2a3a);border-radius:4px}.post-descriptionn-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#64748b)}.pending-edits-table{width:100%;max-width:1400px;margin:0 auto;padding:16px}.table-header{background:var(--bg-secondary,#131b2e);border:1px solid var(--border-color,#1e2a3a);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.table-header h3{color:var(--text-primary,#f8fafc);align-items:center;gap:12px;margin:0;font-size:18px;font-weight:600;display:flex}.table-header h3 i{color:var(--accent-primary,#14b8a6)}.table-count{color:var(--text-muted,#64748b);background:var(--bg-tertiary,#0d1420);border-radius:20px;padding:2px 12px;font-size:14px;font-weight:400}.pending-badge{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b33;border-radius:20px;padding:2px 12px;font-size:11px;font-weight:600}.refresh-btn{background:var(--bg-tertiary,#0d1420);border:1px solid var(--border-color,#1e2a3a);color:var(--text-secondary,#94a3b8);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:all .3s;display:flex}.refresh-btn:hover{border-color:var(--accent-primary,#14b8a6);color:var(--text-primary,#f8fafc);transform:rotate(45deg)}.pending-edits-grid{grid-template-columns:1fr;gap:24px;display:grid}.pending-edit-card{background:var(--bg-secondary,#131b2e);border:1px solid var(--border-color,#1e2a3a);border-radius:16px;padding:24px;transition:all .3s;position:relative;overflow:hidden}.pending-edit-card:before{content:"";opacity:0;background:linear-gradient(90deg,#f59e0b,#fbbf24);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.pending-edit-card:hover:before{opacity:1}.pending-edit-card:hover{border-color:#f59e0b4d;box-shadow:0 8px 32px #f59e0b0f}.edit-header{border-bottom:1px solid var(--border-color,#1e2a3a);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.edit-title-section{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.edit-title{color:var(--text-primary,#f8fafc);margin:0;font-size:20px;font-weight:600;line-height:1.3}.status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.edit-meta-top{color:var(--text-muted,#64748b);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.edit-meta-top i{margin-right:4px}.edit-images-section{background:var(--bg-tertiary,#0d1420);border:1px solid var(--border-color,#1e2a3a);border-radius:12px;margin-bottom:16px;padding:14px 18px}.edit-images-label{color:var(--text-muted,#64748b);margin-bottom:10px;font-size:12px;font-weight:500}.edit-images-label i{color:var(--accent-primary,#14b8a6);margin-right:6px}.edit-images-compare{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.image-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.image-group-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,#64748b);background:var(--bg-secondary,#131b2e);border:1px solid var(--border-color,#1e2a3a);border-radius:4px;padding:2px 10px;font-size:10px;font-weight:700}.image-group-label.pending-label{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b33}.image-group-thumbs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.image-thumb-wrapper{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:56px;height:56px;transition:all .25s;position:relative;overflow:hidden}.image-thumb-wrapper:hover{border-color:var(--accent-primary,#14b8a6);z-index:2;transform:scale(1.05)}.image-thumb-wrapper.pending-thumb{border-color:#f59e0b66}.image-thumb-wrapper.pending-thumb:hover{border-color:#f59e0b;box-shadow:0 0 20px #f59e0b26}.edit-thumb{object-fit:cover;border-radius:6px;width:56px;height:56px}.thumb-zoom-icon{opacity:0;background:#0000008c;border-radius:6px;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.image-thumb-wrapper:hover .thumb-zoom-icon{opacity:1}.thumb-zoom-icon i{color:#fff;text-shadow:0 2px 8px #00000080;font-size:16px}.new-badge{color:#fff;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;padding:2px 6px;font-size:7px;font-weight:800;animation:2s ease-in-out infinite pulse-badge;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 8px #f59e0b4d}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.image-arrow{color:var(--text-muted,#64748b);padding:0 4px;font-size:18px;font-weight:300}.image-count-more{color:var(--text-muted,#64748b);background:var(--bg-secondary,#131b2e);border:1px solid var(--border-color,#1e2a3a);border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.image-change-badge{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b26;border-radius:12px;align-items:center;gap:4px;padding:2px 12px;font-size:11px;display:inline-flex}.version-compare{background:var(--bg-tertiary,#0d1420);border:1px solid var(--border-color,#1e2a3a);border-radius:12px;margin-bottom:16px;overflow:hidden}.compare-header{background:var(--bg-secondary,#131b2e);border-bottom:1px solid var(--border-color,#1e2a3a);grid-template-columns:1fr 1fr;gap:16px;padding:12px 18px;display:grid}.compare-label{text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.compare-label.current-label{color:var(--text-muted,#64748b)}.compare-label.pending-label{color:#f59e0b}.compare-body{padding:4px 0}.change-row{border-bottom:1px solid var(--border-color,#1e2a3a);grid-template-columns:80px 1fr 30px 1fr;align-items:center;gap:8px;padding:10px 18px;transition:background .2s;display:grid}.change-row:last-child{border-bottom:none}.change-row:hover{background:var(--bg-secondary,#131b2e)}.change-label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.change-values{display:contents}.current-value{color:var(--text-secondary,#94a3b8);word-break:break-word;background:#64748b0d;border-radius:6px;padding:4px 8px;font-size:13px}.change-arrow{text-align:center;color:var(--text-muted,#64748b);font-size:14px;font-weight:300}.pending-value{color:var(--text-secondary,#94a3b8);word-break:break-word;border-radius:6px;padding:4px 8px;font-size:13px;transition:all .3s;position:relative}.pending-value.changed{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b26;font-weight:600;box-shadow:0 0 20px #f59e0b0a}.pending-value.same{color:var(--text-muted,#64748b);opacity:.6}.change-indicator{color:#f59e0b;margin-left:6px;font-size:12px;animation:1.5s ease-in-out infinite pulse-star;display:inline-block}@keyframes pulse-star{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.full-description-section{background:var(--bg-tertiary,#0d1420);border:1px solid var(--border-color,#1e2a3a);border-radius:12px;margin-bottom:16px;padding:12px 18px}.full-description-section details{cursor:pointer}.full-description-section summary{color:var(--text-secondary,#94a3b8);padding:4px 0;font-size:13px;font-weight:500;transition:color .2s}.full-description-section summary:hover{color:var(--text-primary,#f8fafc)}.full-description-section summary i{color:var(--accent-primary,#14b8a6);margin-right:8px}.full-description-section details[open] summary{color:var(--text-primary,#f8fafc);margin-bottom:12px}.description-diff{border-top:1px solid var(--border-color,#1e2a3a);grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;padding-top:14px;display:grid}.diff-current,.diff-pending{border-radius:10px;max-height:300px;padding:14px;overflow-y:auto}.diff-current{border:1px solid var(--border-color,#1e2a3a);background:#64748b0a}.diff-pending{background:#f59e0b0a;border:1px solid #f59e0b1f;box-shadow:0 0 30px #f59e0b05}.diff-current strong,.diff-pending strong{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,#64748b);margin-bottom:6px;font-size:11px;display:block}.diff-pending strong{color:#f59e0b}.diff-current p,.diff-pending p{color:var(--text-secondary,#94a3b8);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.7}.diff-pending p{color:var(--text-primary,#f8fafc)}.diff-current::-webkit-scrollbar{width:4px}.diff-pending::-webkit-scrollbar{width:4px}.diff-current::-webkit-scrollbar-track{background:0 0}.diff-pending::-webkit-scrollbar-track{background:0 0}.diff-current::-webkit-scrollbar-thumb{background:var(--border-color,#1e2a3a);border-radius:4px}.diff-pending::-webkit-scrollbar-thumb{background:#f59e0b4d;border-radius:4px}.edit-meta-bottom{color:var(--text-muted,#64748b);border-top:1px solid var(--border-color,#1e2a3a);flex-wrap:wrap;gap:16px 24px;margin-top:4px;padding:12px 0;font-size:12px;display:flex}.edit-meta-bottom i{margin-right:4px}.edit-actions .action-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.edit-actions .action-btn.approve{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 12px #10b98133}.edit-actions .action-btn.approve:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98159}.edit-actions .action-btn.approve:active{transform:translateY(0)}.edit-actions .action-btn.reject{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 12px #ef444433}.edit-actions .action-btn.reject:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444459}.edit-actions .action-btn.reject:active{transform:translateY(0)}.image-zoom-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999999;background:#000000eb;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.image-zoom-modal-content{max-width:92vw;max-height:92vh;position:relative}.image-zoom-modal-content img{object-fit:contain;border-radius:12px;max-width:90vw;max-height:85vh;box-shadow:0 20px 60px #00000080}.image-zoom-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:-48px;right:-48px}.image-zoom-close:hover{background:#ef44444d;border-color:#ef4444;transform:rotate(90deg)scale(1.1)}.reject-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#000000b3;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.reject-modal{background:var(--bg-secondary,#131b2e);border:1px solid var(--border-color,#1e2a3a);border-radius:16px;width:92%;max-width:500px;padding:28px 32px;animation:.3s slideUp;box-shadow:0 24px 64px #0006}.reject-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.reject-modal-header h3{color:var(--text-primary,#f8fafc);margin:0;font-size:20px;font-weight:600}.reject-modal-header h3 i{margin-right:10px}.modal-close-btn{background:var(--bg-tertiary,#0d1420);border:1px solid var(--border-color,#1e2a3a);color:var(--text-muted,#64748b);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.modal-close-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.reject-modal-body p{color:var(--text-secondary,#94a3b8);margin-bottom:12px;font-size:14px;line-height:1.6}.reject-textarea{border:1px solid var(--border-color,#1e2a3a);background:var(--bg-tertiary,#0d1420);width:100%;color:var(--text-primary,#f8fafc);resize:vertical;border-radius:12px;min-height:110px;padding:14px 16px;font-family:inherit;font-size:14px;line-height:1.6;transition:border-color .2s}.reject-textarea:focus{border-color:var(--accent-primary,#14b8a6);outline:none;box-shadow:0 0 0 3px #14b8a61a}.reject-textarea::placeholder{color:var(--text-muted,#64748b)}.reject-modal-actions{gap:12px;margin-top:20px;display:flex}.reject-modal-actions .cancel-btn{border:1px solid var(--border-color,#1e2a3a);color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.reject-modal-actions .cancel-btn:hover{background:var(--bg-tertiary,#0d1420);border-color:var(--text-muted,#64748b)}.reject-confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;flex:1.5;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.reject-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ef444459}.reject-confirm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=1024px){.description-diff{grid-template-columns:1fr;gap:12px}.change-row{grid-template-columns:60px 1fr 20px 1fr;gap:6px;padding:8px 14px}}@media (width<=768px){.pending-edits-table{padding:8px}.table-header{flex-direction:column;align-items:stretch;padding:12px 16px}.table-header h3{flex-wrap:wrap;font-size:16px}.pending-edit-card{padding:16px}.edit-header{flex-direction:column;align-items:stretch}.edit-meta-top{gap:10px;font-size:11px}.edit-title{font-size:17px}.change-row{grid-template-columns:1fr;gap:4px;padding:8px 12px}.change-arrow{display:none}.change-values{flex-direction:column;gap:4px;display:flex}.current-value,.pending-value{padding:4px 8px;font-size:12px}.edit-images-compare{flex-direction:column;align-items:stretch;gap:10px}.image-arrow{text-align:center;padding:4px 0;transform:rotate(90deg)}.edit-actions{flex-direction:column}.image-thumb-wrapper,.edit-thumb{width:48px;height:48px}.reject-modal{width:96%;padding:20px 18px}.reject-modal-actions{flex-direction:column}.image-zoom-close{width:36px;height:36px;font-size:18px;top:-40px;right:0}.image-zoom-modal-content img{max-width:95vw;max-height:75vh}.compare-header{grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px}.compare-label{font-size:10px}}@media (width<=480px){.edit-title-section{flex-direction:column;align-items:flex-start}.image-group-thumbs{gap:4px}.image-thumb-wrapper,.edit-thumb{width:42px;height:42px}.edit-meta-bottom{gap:8px;font-size:11px}.new-badge{padding:1px 4px;font-size:6px;top:-4px;right:-4px}}.diff-content{line-height:1.6;display:inline}.diff-added{color:#34d399;background:#10b98133;border:1px solid #10b9814d;border-radius:4px;padding:1px 4px;font-weight:500}.diff-removed{color:#f87171;background:#ef444433;border:1px solid #ef44444d;border-radius:4px;padding:1px 4px;font-weight:500;text-decoration:line-through}.diff-same{color:var(--text-secondary,#94a3b8)}.diff-summary-badge{align-items:center;gap:4px;margin-left:8px;font-size:10px;font-weight:500;display:inline-flex}.diff-added-badge{color:#34d399;background:#10b98126;border:1px solid #10b98133;border-radius:10px;padding:1px 8px}.diff-pending-text{white-space:pre-wrap;word-break:break-word;line-height:1.8}.diff-pending-text .diff-added{background:#10b98126;border-radius:4px;padding:1px 4px}.diff-pending-text .diff-removed{background:#ef444426;border-radius:4px;padding:1px 4px;text-decoration:line-through}.diff-pending-text .diff-same{color:var(--text-secondary,#94a3b8)}@media (width<=768px){.diff-content{font-size:12px}.diff-added,.diff-removed{padding:1px 3px;font-size:12px}}.data-table.reports-table{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;box-shadow:0 4px 20px var(--shadow-color);padding:20px;overflow:hidden}.data-table.reports-table .table-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 0 16px;display:flex}.data-table.reports-table .table-header h3{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.data-table.reports-table .table-header h3 i{color:var(--status-danger)}.data-table.reports-table .table-count{color:var(--text-muted);background:var(--bg-tertiary);border-radius:20px;padding:4px 12px;font-size:14px;font-weight:400}.data-table.reports-table .pending-badge{color:var(--status-danger);background:var(--status-danger-bg);border:1px solid var(--status-danger);border-radius:20px;margin-left:8px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.data-table.reports-table .refresh-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.data-table.reports-table .refresh-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.data-table.reports-table .refresh-btn i{font-size:14px}.data-table.reports-table table{border-collapse:collapse;width:100%;min-width:800px;font-size:14px}.data-table.reports-table thead{background:var(--bg-tertiary)}.data-table.reports-table thead th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.data-table.reports-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:all var(--transition-fast)}.data-table.reports-table tbody tr:hover{background:var(--bg-hover)}.data-table.reports-table tbody tr.pending-row{background:var(--status-danger-bg)}.data-table.reports-table tbody tr.pending-row:hover{background:var(--status-danger-bg);opacity:.8}.data-table.reports-table tbody td{color:var(--text-primary);vertical-align:middle;padding:12px 16px;font-size:13px}.user-info{flex-direction:column;gap:2px;display:flex}.user-info .user-name{color:var(--text-primary);font-size:13px;font-weight:600}.user-info .user-email{color:var(--text-muted);font-size:11px}.report-badge{white-space:nowrap;border-radius:12px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-block}.report-badge.complaint{color:var(--status-danger);background:var(--status-danger-bg);border:1px solid var(--status-danger)}.report-badge.suggestion{color:var(--status-info);background:var(--status-info-bg);border:1px solid var(--status-info)}.report-badge.feedback{color:var(--status-success);background:var(--status-success-bg);border:1px solid var(--status-success)}.report-badge.other{color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-color)}.report-subject{color:var(--text-primary);-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:150px;font-size:13px;font-weight:500;display:-webkit-box;overflow:hidden}.report-message-preview{color:var(--text-secondary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:200px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.status-badge{white-space:nowrap;border-radius:12px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-block}.action-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:14px;display:flex}.action-btn:hover{z-index:2;transform:translateY(-2px)}.action-btn.view:hover{background:var(--status-info-bg);border-color:var(--status-info);color:var(--status-info)}.action-btn.approve:hover{background:var(--status-success-bg);border-color:var(--status-success);color:var(--status-success)}.action-btn.reject:hover{background:var(--status-danger-bg);border-color:var(--status-danger);color:var(--status-danger)}.data-table.reports-table .empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.data-table.reports-table .empty-state i{font-size:48px}.data-table.reports-table .empty-state h4{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.data-table.reports-table .empty-state p{color:var(--text-muted);max-width:300px;margin:0;font-size:14px}@media (width<=1024px){.data-table.reports-table{border-radius:var(--radius-md);padding:16px}.data-table.reports-table table{min-width:700px;font-size:13px}.data-table.reports-table thead th,.data-table.reports-table tbody td{padding:10px 12px}.report-subject{max-width:120px}.report-message-preview{max-width:150px}.action-btn{width:28px;height:28px;font-size:12px}}@media (width<=768px){.data-table.reports-table{border-radius:var(--radius-sm);padding:14px;overflow-x:auto}.data-table.reports-table .table-header{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:12px}.data-table.reports-table .table-header h3{font-size:16px}.data-table.reports-table .table-count{padding:2px 10px;font-size:12px}.data-table.reports-table .pending-badge{padding:1px 8px;font-size:10px}.data-table.reports-table .refresh-btn{justify-content:center;width:100%;padding:6px 14px;font-size:12px}.data-table.reports-table table{min-width:650px;font-size:12px}.data-table.reports-table thead th,.data-table.reports-table tbody td{padding:8px 10px}.data-table.reports-table thead th{font-size:10px}.data-table.reports-table tbody td,.user-info .user-name{font-size:12px}.user-info .user-email{font-size:10px}.report-badge{padding:2px 8px;font-size:10px}.report-subject{max-width:100px;font-size:12px}.report-message-preview{max-width:120px;font-size:11px}.status-badge{padding:2px 8px;font-size:10px}.action-btn{width:26px;height:26px;font-size:11px}}@media (width<=480px){.data-table.reports-table{border-radius:var(--radius-xs);padding:10px}.data-table.reports-table .table-header h3{gap:6px;font-size:14px}.data-table.reports-table .table-header h3 i{font-size:14px}.data-table.reports-table .table-count{padding:2px 8px;font-size:11px}.data-table.reports-table table{min-width:550px;font-size:11px}.data-table.reports-table thead th,.data-table.reports-table tbody td{padding:6px 8px}.data-table.reports-table thead th{font-size:9px}.data-table.reports-table tbody td,.user-info .user-name{font-size:11px}.user-info .user-email{font-size:9px}.report-badge{padding:1px 6px;font-size:9px}.report-subject{max-width:80px;font-size:11px}.report-message-preview{max-width:100px;font-size:10px}.status-badge{padding:1px 6px;font-size:9px}.action-btn{width:24px;height:24px;font-size:10px}.action-buttons{gap:2px}.data-table.reports-table .empty-state{padding:40px 16px}.data-table.reports-table .empty-state i{font-size:36px}.data-table.reports-table .empty-state h4{font-size:16px}.data-table.reports-table .empty-state p{font-size:13px}}.light-mode .data-table.reports-table{background:var(--bg-secondary);box-shadow:0 4px 20px #0000000f}.light-mode .data-table.reports-table thead{background:var(--bg-tertiary)}.light-mode .data-table.reports-table tbody tr:hover{background:var(--bg-hover)}.light-mode .data-table.reports-table tbody tr.pending-row{background:#ef44440f}.light-mode .data-table.reports-table tbody tr.pending-row:hover{background:#ef44441a}.light-mode .data-table.reports-table .table-count,.light-mode .data-table.reports-table .refresh-btn{background:var(--bg-tertiary)}.light-mode .data-table.reports-table .refresh-btn:hover{background:var(--bg-hover)}.light-mode .action-btn{background:var(--bg-tertiary)}@media (prefers-reduced-motion:reduce){.data-table.reports-table tbody tr:hover{background:0 0}.data-table.reports-table tbody tr.pending-row:hover{background:var(--status-danger-bg)}.action-btn:hover,.action-btn:active{transform:none!important}.action-btn{transition:none!important}}@media (prefers-contrast:high){.data-table.reports-table{border:2px solid var(--border-color)}.data-table.reports-table thead th{border-bottom:3px solid var(--border-color)}.report-badge,.status-badge,.action-btn{border-width:2px}}.action-btn:focus-visible,.data-table.reports-table .refresh-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.data-table.reports-table::-webkit-scrollbar{width:4px;height:4px}.data-table.reports-table::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.data-table.reports-table::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px}.data-table.reports-table{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-tertiary)}.admin-notifications{flex-direction:column;gap:24px;padding:0;display:flex}.admin-notifications h3{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.notification-form{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-direction:column;gap:16px;padding:20px;display:flex}.notification-form .form-group{flex-direction:column;gap:6px;display:flex}.notification-form .form-group label{color:var(--text-secondary);font-size:14px;font-weight:600}.notification-form .form-group select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);padding:10px 14px;font-size:14px}.notification-form .form-group select:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring);outline:none}.notification-form .form-group textarea{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);resize:vertical;min-height:80px;transition:all var(--transition-fast);padding:10px 14px;font-family:inherit;font-size:14px}.notification-form .form-group textarea:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring);outline:none}.notification-form .form-group textarea::placeholder{color:var(--text-muted)}.recipient-select{flex-direction:column;gap:8px;max-height:200px;padding:4px;display:flex;overflow-y:auto}.recipient-select::-webkit-scrollbar{width:4px}.recipient-select::-webkit-scrollbar-track{background:0 0}.recipient-select::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px}.recipient-select{scrollbar-width:thin;scrollbar-color:var(--accent-primary) transparent}.select-all{border-bottom:1px solid var(--border-color);padding:6px 0 8px}.select-all label{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.select-all label input{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.user-list{flex-direction:column;gap:4px;display:flex}.user-list .user-check{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);align-items:center;gap:8px;padding:4px 8px;font-size:13px;display:flex}.user-list .user-check:hover{background:var(--bg-hover)}.user-list .user-check input{width:15px;height:15px;accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0}.user-list .user-check span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.notification-form .btn-primary{background:var(--gradient-primary);border-radius:var(--radius-sm);color:var(--text-inverse);cursor:pointer;transition:all var(--transition-fast);border:none;margin-top:4px;padding:12px 24px;font-size:16px;font-weight:600}.notification-form .btn-primary:hover:not(:disabled){box-shadow:0 8px 25px var(--shadow-glow);opacity:.9;transform:translateY(-2px)}.notification-form .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.notification-form .btn-primary:active:not(:disabled){transform:scale(.97)}.sent-notifications{flex-direction:column;gap:12px;display:flex}.sent-notifications h4{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin:0;padding-bottom:8px;font-size:16px;font-weight:600}.notification-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.notification-list::-webkit-scrollbar{width:4px}.notification-list::-webkit-scrollbar-track{background:0 0}.notification-list::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px}.notification-list{scrollbar-width:thin;scrollbar-color:var(--accent-primary) transparent}.notification-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);border-left:4px solid var(--text-muted);transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.notification-item:hover{background:var(--bg-hover)}.notification-item .notif-message{color:var(--text-primary);word-break:break-word;flex:1;font-size:14px}.notification-item .notif-meta{color:var(--text-muted);flex-shrink:0;align-items:center;gap:12px;font-size:12px;display:flex}.notification-item.info{border-left-color:var(--status-info)}.notification-item.success{border-left-color:var(--status-success)}.notification-item.warning{border-left-color:var(--status-warning)}.notification-item.error{border-left-color:var(--status-danger)}@media (width<=1024px){.admin-notifications h3{font-size:18px}.notification-form{padding:16px}}@media (width<=768px){.admin-notifications h3{font-size:16px}.notification-form{gap:12px;padding:14px}.notification-form .form-group label{font-size:13px}.notification-form .form-group select,.notification-form .form-group textarea{padding:8px 12px;font-size:13px}.notification-form .btn-primary{padding:10px 20px;font-size:14px}.sent-notifications h4{font-size:14px}.notification-item{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px}.notification-item .notif-message{width:100%;font-size:13px}.notification-item .notif-meta{justify-content:flex-start;gap:8px;width:100%;font-size:11px}.user-list .user-check{padding:3px 6px;font-size:12px}.select-all label{font-size:13px}.recipient-select{max-height:150px}}@media (width<=480px){.admin-notifications h3{font-size:14px}.notification-form{gap:10px;padding:10px}.notification-form .form-group label{font-size:12px}.notification-form .form-group select,.notification-form .form-group textarea{padding:6px 10px;font-size:12px}.notification-form .btn-primary{padding:8px 16px;font-size:13px}.notification-item .notif-message{font-size:12px}.notification-item .notif-meta{font-size:10px}.user-list .user-check{font-size:11px}.select-all label{font-size:12px}}.light-mode .notification-form{background:var(--bg-tertiary)}.light-mode .notification-form .form-group select,.light-mode .notification-form .form-group textarea{background:var(--input-bg)}.light-mode .notification-item{background:var(--bg-tertiary)}.light-mode .notification-item:hover,.light-mode .user-list .user-check:hover{background:var(--bg-hover)}@media (prefers-reduced-motion:reduce){.notification-form .btn-primary:hover:not(:disabled){transform:none!important}.notification-item,.user-list .user-check{transition:none!important}}@media (prefers-contrast:high){.notification-form .form-group select,.notification-form .form-group textarea{border:2px solid var(--border-color)}.notification-item{border-left-width:6px}.notification-form .btn-primary{border:2px solid}}.notification-form .form-group select:focus-visible,.notification-form .form-group textarea:focus-visible,.notification-form .btn-primary:focus-visible,.user-list .user-check input:focus-visible,.select-all label input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.admin-notifications-tab{flex-direction:column;gap:20px;padding:0;display:flex}.admin-notifications-tab .tab-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 0 16px;display:flex}.admin-notifications-tab .tab-header h2{color:var(--text-primary);align-items:center;gap:12px;margin:0;font-size:20px;font-weight:700;display:flex}.admin-notifications-tab .tab-header h2 i{color:var(--accent-primary)}.admin-notifications-tab .tab-header .unread-badge{color:var(--text-inverse);background:var(--gradient-danger);border-radius:20px;padding:2px 12px;font-size:12px;font-weight:600;display:inline-block}.admin-notifications-tab .tab-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-notifications-tab .tab-actions .btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.admin-notifications-tab .tab-actions .btn-primary{background:var(--gradient-primary);color:var(--text-inverse)}.admin-notifications-tab .tab-actions .btn-primary:hover{box-shadow:0 4px 15px var(--shadow-glow);opacity:.9;transform:translateY(-2px)}.admin-notifications-tab .tab-actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.admin-notifications-tab .tab-actions .btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.admin-notifications-tab .tab-actions .btn:active{transform:scale(.97)}.admin-notifications-tab .notifications-list{flex-direction:column;gap:10px;max-height:600px;padding:4px 2px;display:flex;overflow-y:auto}.admin-notifications-tab .notifications-list::-webkit-scrollbar{width:4px}.admin-notifications-tab .notifications-list::-webkit-scrollbar-track{background:0 0}.admin-notifications-tab .notifications-list::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px}.admin-notifications-tab .notifications-list{scrollbar-width:thin;scrollbar-color:var(--accent-primary) transparent}.admin-notifications-tab .notifications-list.loading{flex-direction:column;gap:12px;display:flex}.notification-skeleton{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:14px;padding:14px 18px;animation:1.5s ease-in-out infinite skeletonPulse;display:flex}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.5}}.notification-skeleton .skeleton-icon{background:var(--bg-secondary);border-radius:50%;flex-shrink:0;width:40px;height:40px}.notification-skeleton .skeleton-content{flex-direction:column;flex:1;gap:6px;display:flex}.notification-skeleton .skeleton-title{background:var(--bg-secondary);border-radius:4px;width:40%;height:16px}.notification-skeleton .skeleton-message{background:var(--bg-secondary);border-radius:4px;width:70%;height:14px}.notification-skeleton .skeleton-meta{background:var(--bg-secondary);border-radius:4px;width:30%;height:12px}.admin-notification-card{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast);cursor:default;align-items:flex-start;gap:14px;padding:14px 18px;display:flex;position:relative}.admin-notification-card:hover{border-color:var(--accent-primary);background:var(--bg-hover)}.admin-notification-card.unread{background:var(--bg-secondary);border-left:4px solid var(--accent-primary)}.admin-notification-card.unread:hover{background:var(--bg-hover)}.admin-notification-card.read{opacity:.85}.admin-notification-card.read:hover{opacity:1}.admin-notification-card .notif-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.admin-notification-card .notif-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.admin-notification-card .notif-content .notif-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-notification-card .notif-content .notif-header h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.admin-notification-card .notif-content .notif-header .unread-dot{background:var(--accent-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulseDot}.admin-notification-card .notif-content .notif-message{color:var(--text-secondary);word-break:break-word;margin:0;font-size:13px;line-height:1.5}.admin-notification-card .notif-content .notif-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:2px;display:flex}.admin-notification-card .notif-content .notif-meta span{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.admin-notification-card .notif-content .notif-meta .notif-type{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:1px 8px;font-weight:500}.admin-notification-card .notif-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.admin-notification-card .notif-actions button{border:1px solid var(--border-color);background:var(--bg-secondary);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.admin-notification-card .notif-actions button:hover{transform:scale(1.1)}.admin-notification-card .notif-actions .mark-read-btn:hover{background:var(--status-success-bg);border-color:var(--status-success);color:var(--status-success)}.admin-notification-card .notif-actions .delete-btn:hover{background:var(--status-danger-bg);border-color:var(--status-danger);color:var(--status-danger)}.admin-notification-card .notif-actions button:active{transform:scale(.9)}.admin-notifications-tab .notifications-footer{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding:10px 0 0;font-size:13px;display:flex}.admin-notifications-tab .notifications-footer .total-count{font-weight:500}.admin-notifications-tab .notifications-footer .unread-count{color:var(--status-danger);font-weight:600}.admin-notifications-tab .empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.admin-notifications-tab .empty-state i{font-size:48px}.admin-notifications-tab .empty-state h4{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.admin-notifications-tab .empty-state p{color:var(--text-muted);max-width:300px;margin:0;font-size:14px}@media (width<=1024px){.admin-notifications-tab .tab-header h2{font-size:18px}.admin-notification-card{padding:12px 16px}}@media (width<=768px){.admin-notifications-tab .tab-header{flex-direction:column;align-items:flex-start;gap:10px}.admin-notifications-tab .tab-header h2{flex-wrap:wrap;font-size:16px}.admin-notifications-tab .tab-header .unread-badge{padding:1px 10px;font-size:11px}.admin-notifications-tab .tab-actions{flex-direction:column;width:100%}.admin-notifications-tab .tab-actions .btn{justify-content:center;width:100%;padding:8px 14px;font-size:13px}.admin-notifications-tab .notifications-list{max-height:500px}.admin-notification-card{flex-wrap:wrap;gap:10px;padding:12px 14px}.admin-notification-card .notif-icon{width:36px;height:36px;font-size:16px}.admin-notification-card .notif-content .notif-header h4{font-size:13px}.admin-notification-card .notif-content .notif-message{font-size:12px}.admin-notification-card .notif-content .notif-meta{gap:8px}.admin-notification-card .notif-content .notif-meta span{font-size:10px}.admin-notification-card .notif-actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;width:100%;padding-top:4px}.admin-notifications-tab .notifications-footer{flex-wrap:wrap;gap:4px;font-size:12px}}@media (width<=480px){.admin-notifications-tab .tab-header h2{gap:8px;font-size:14px}.admin-notifications-tab .tab-header h2 i{font-size:14px}.admin-notifications-tab .tab-header .unread-badge{padding:1px 8px;font-size:10px}.admin-notifications-tab .tab-actions .btn{padding:6px 12px;font-size:12px}.admin-notifications-tab .notifications-list{max-height:400px}.admin-notification-card{gap:8px;padding:10px 12px}.admin-notification-card .notif-icon{width:32px;height:32px;font-size:14px}.admin-notification-card .notif-content .notif-header h4{font-size:12px}.admin-notification-card .notif-content .notif-message{font-size:11px}.admin-notification-card .notif-content .notif-meta span{font-size:9px}.admin-notification-card .notif-actions button{width:26px;height:26px;font-size:11px}.admin-notifications-tab .empty-state{padding:40px 16px}.admin-notifications-tab .empty-state i{font-size:36px}.admin-notifications-tab .empty-state h4{font-size:16px}.admin-notifications-tab .empty-state p{font-size:13px}}.light-mode .admin-notification-card{background:var(--bg-tertiary)}.light-mode .admin-notification-card:hover{background:var(--bg-hover)}.light-mode .admin-notification-card.unread{background:var(--bg-secondary)}.light-mode .admin-notification-card.unread:hover{background:var(--bg-hover)}.light-mode .admin-notification-card .notif-actions button,.light-mode .admin-notifications-tab .tab-actions .btn-secondary{background:var(--bg-tertiary)}.light-mode .admin-notifications-tab .tab-actions .btn-secondary:hover{background:var(--bg-hover)}.light-mode .notification-skeleton .skeleton-icon,.light-mode .notification-skeleton .skeleton-title,.light-mode .notification-skeleton .skeleton-message,.light-mode .notification-skeleton .skeleton-meta{background:var(--bg-tertiary)}@media (prefers-reduced-motion:reduce){.admin-notification-card .notif-content .notif-header .unread-dot,.notification-skeleton{animation:none!important}.admin-notifications-tab .tab-actions .btn:hover,.admin-notification-card .notif-actions button:hover{transform:none!important}}@media (prefers-contrast:high){.admin-notification-card{border:2px solid var(--border-color)}.admin-notification-card.unread{border-left:6px solid var(--accent-primary)}.admin-notifications-tab .tab-actions .btn{border:2px solid}.admin-notification-card .notif-actions button{border-width:2px}}.admin-notifications-tab .tab-actions .btn:focus-visible,.admin-notification-card .notif-actions button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.modal-content.user-detail-modal{background:var(--modal-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:820px;max-height:95vh;box-shadow:0 20px 60px var(--shadow-color);flex-direction:column;animation:.3s modalSlideUp;display:flex;overflow:hidden}.modal-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.modal-header-left .modal-icon{font-size:22px}.modal-header-left h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.modal-header-left .user-status-badge{white-space:nowrap;border-radius:12px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-block}.modal-header-left .user-status-badge.verified{color:var(--status-success);background:var(--status-success-bg);border:1px solid var(--status-success)}.modal-header-left .user-status-badge.pending{color:var(--status-warning);background:var(--status-warning-bg);border:1px solid var(--status-warning)}.modal-header-left .user-status-badge.blocked{color:var(--status-danger);background:var(--status-danger-bg);border:1px solid var(--status-danger)}.user-info-grid{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 20px;margin-bottom:20px;padding:16px;display:grid}.user-info-item{flex-direction:column;gap:2px;display:flex}.user-info-item .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.user-info-item .value{color:var(--text-primary);word-break:break-all;font-size:14px;font-weight:500}.user-info-item .role-badge{text-transform:capitalize;border-radius:10px;width:fit-content;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.user-info-item .role-badge.admin{color:var(--status-danger);background:var(--status-danger-bg);border:1px solid var(--status-danger)}.user-info-item .role-badge.client{color:var(--status-info);background:var(--status-info-bg);border:1px solid var(--status-info)}.user-info-item .role-badge.freelancer{color:var(--status-success);background:var(--status-success-bg);border:1px solid var(--status-success)}.user-info-item .role-badge.buyer{color:var(--status-info);background:var(--status-info-bg);border:1px solid var(--status-info)}.user-info-item .role-badge.seller{color:var(--status-success);background:var(--status-success-bg);border:1px solid var(--status-success)}.review-btn.approve:hover,.review-btn.approve.active{border-color:var(--status-success);color:var(--status-success);background:var(--status-success-bg)}.review-btn.reject:hover,.review-btn.reject.active{border-color:var(--status-danger);color:var(--status-danger);background:var(--status-danger-bg)}.modal-footer .btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:10px 24px;font-size:14px;font-weight:600}.modal-footer .btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);flex:1}.modal-footer .btn-primary.btn-save-review{background:var(--gradient-primary);color:var(--text-inverse);border:none;flex:2}.modal-footer .btn-primary.btn-save-review:hover{opacity:.9;box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}@media (width<=1024px){.modal-content.user-detail-modal{max-width:720px;max-height:90vh}.modal-body{padding:16px 20px}.user-info-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.review-summary{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (width<=768px){.modal-overlay{align-items:flex-end;padding:10px}.modal-content.user-detail-modal{border-radius:var(--radius-md) var(--radius-md) 0 0;max-width:100%;max-height:98vh;animation:.3s modalSlideUpMobile}@keyframes modalSlideUpMobile{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:14px 16px}.modal-header-left h3{font-size:16px}.modal-header-left .modal-icon{font-size:18px}.modal-header-left .user-status-badge{padding:2px 10px;font-size:10px}.modal-header .close-btn{width:32px;height:32px;font-size:16px}.modal-body{padding:14px 16px}.user-info-grid{grid-template-columns:1fr 1fr;gap:8px 16px;padding:12px}.user-info-item .label{font-size:10px}.user-info-item .value{font-size:13px}.review-section-header{padding:10px 14px}.review-section-header h4{font-size:13px}.review-section-header .section-status{padding:1px 8px;font-size:10px}.review-section-body{padding:10px 14px}.review-image{max-height:180px}.review-image-placeholder{min-height:80px;padding:20px}.review-image-placeholder span{font-size:28px}.review-actions{flex-direction:column}.review-btn{flex:none;width:100%;padding:8px;font-size:13px}.reject-reason-input{padding:8px 10px;font-size:13px}.review-summary{grid-template-columns:repeat(2,1fr);gap:6px;padding:10px 12px}.summary-item{font-size:11px}.modal-footer{flex-direction:column;padding:12px 16px}.modal-footer .btn{flex:none;width:100%;padding:10px;font-size:14px}}@media (width<=480px){.modal-content.user-detail-modal{border-radius:0;max-height:100vh}.modal-header{padding:12px 14px}.modal-header-left h3{font-size:14px}.modal-header-left .modal-icon{font-size:16px}.modal-body{padding:10px 12px}.user-info-grid{grid-template-columns:1fr;gap:6px;padding:10px}.user-info-item .value{font-size:12px}.review-sections-title{font-size:14px}.review-section-header .section-icon{font-size:15px}.review-section-header h4{font-size:12px}.review-image{max-height:140px}.review-summary{grid-template-columns:1fr 1fr}.modal-footer .btn{padding:8px 12px;font-size:13px}}.light-mode .modal-content.user-detail-modal{background:var(--bg-secondary);box-shadow:0 20px 60px #00000026}.light-mode .modal-header,.light-mode .modal-footer{background:var(--bg-secondary)}.light-mode .user-info-grid,.light-mode .review-section{background:var(--bg-tertiary)}.light-mode .review-summary{background:var(--bg-tertiary)}.light-mode .review-image-placeholder,.light-mode .review-btn{background:var(--bg-secondary)}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-content.user-detail-modal,.modal-header .close-btn,.modal-footer .btn,.review-btn{transition:none!important;animation:none!important;transform:none!important}}@media (prefers-contrast:high){.modal-content.user-detail-modal{border:2px solid var(--border-color)}.review-btn{border-width:2px}.review-btn.approve.active{border:2px solid var(--status-success)}.review-btn.reject.active{border:2px solid var(--status-danger)}.modal-footer .btn-primary.btn-save-review{border:2px solid var(--accent-primary)}.user-info-grid,.review-summary{border:2px solid var(--border-color)}}.review-btn:focus-visible,.modal-header .close-btn:focus-visible,.modal-footer .btn:focus-visible,.reject-reason-input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.modal-content.report-details-modal{background:var(--modal-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:580px;max-height:95vh;box-shadow:0 20px 60px var(--shadow-color);flex-direction:column;animation:.3s modalSlideUp;display:flex;overflow:hidden}.modal-body{flex:1;padding:20px 24px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px}.modal-body{scrollbar-width:thin;scrollbar-color:var(--accent-primary) transparent}.detail-row{border-bottom:1px solid var(--border-subtle);gap:12px;padding:10px 0;display:flex}.detail-row:last-of-type{border-bottom:none}.detail-row>span:first-child{color:var(--text-secondary);flex-shrink:0;min-width:100px;font-size:13px;font-weight:600}.detail-row>span:last-child{color:var(--text-primary);word-break:break-word;flex:1;font-size:14px}.report-type-badge{border-radius:12px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-block}.report-type-badge.complaint{color:var(--status-danger);background:var(--status-danger-bg);border:1px solid var(--status-danger)}.report-type-badge.suggestion{color:var(--status-info);background:var(--status-info-bg);border:1px solid var(--status-info)}.report-type-badge.feedback{color:var(--status-success);background:var(--status-success-bg);border:1px solid var(--status-success)}.report-type-badge.other{color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-color)}.report-subject{color:var(--text-primary);font-size:14px;font-weight:500}.report-message{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-color);width:100%;padding:10px 14px;font-size:14px;line-height:1.6}.status-badge{border-radius:12px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.pending{color:var(--status-warning);background:var(--status-warning-bg);border:1px solid var(--status-warning)}.status-badge.resolved{color:var(--status-success);background:var(--status-success-bg);border:1px solid var(--status-success)}.status-badge.cancelled{color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-color)}.screenshot-row{flex-direction:column;gap:8px}.screenshot-row>span:first-child{min-width:auto}.report-screenshot{border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;max-width:100%;max-height:300px;transition:all var(--transition-fast);object-fit:contain;background:var(--bg-tertiary)}.report-screenshot:hover{border-color:var(--accent-primary);box-shadow:0 4px 20px var(--shadow-color);transform:scale(1.02)}.modal-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-wrap:wrap;flex-shrink:0;gap:10px;padding:16px 24px;display:flex}.modal-footer .btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;justify-content:center;align-items:center;gap:6px;min-width:80px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.modal-footer .btn:hover{transform:translateY(-2px)}.modal-footer .btn:active{transform:scale(.97)}.modal-footer .btn-success{background:var(--gradient-success);color:var(--text-inverse)}.modal-footer .btn-success:hover{box-shadow:0 4px 15px var(--shadow-glow);filter:brightness(1.05)}.modal-footer .btn-danger:hover{box-shadow:0 4px 15px var(--shadow-color);filter:brightness(1.05)}.modal-footer .btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-muted)}@media (width<=1024px){.modal-content.report-details-modal{max-width:520px;max-height:90vh}.modal-body{padding:16px 20px}}@media (width<=768px){.modal-overlay{align-items:flex-end;padding:10px}.modal-content.report-details-modal{border-radius:var(--radius-md) var(--radius-md) 0 0;max-width:100%;max-height:98vh;animation:.3s modalSlideUpMobile}@keyframes modalSlideUpMobile{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:14px 16px}.modal-header h3{font-size:16px}.modal-header .close-btn{width:32px;height:32px;font-size:16px}.modal-body{padding:14px 16px}.detail-row{flex-wrap:wrap;gap:10px;padding:8px 0}.detail-row>span:first-child{min-width:80px;font-size:12px}.detail-row>span:last-child{font-size:13px}.report-message{padding:8px 12px;font-size:13px}.report-screenshot{max-height:200px}.modal-footer{flex-direction:column;padding:12px 16px}.modal-footer .btn{flex:none;width:100%;padding:10px;font-size:14px}}@media (width<=480px){.modal-content.report-details-modal{border-radius:0;max-height:100vh}.modal-header{padding:12px 14px}.modal-header h3{gap:8px;font-size:14px}.modal-header h3 i{font-size:14px}.modal-header .close-btn{width:28px;height:28px;font-size:14px}.modal-body{padding:10px 12px}.detail-row{gap:8px;padding:6px 0}.detail-row>span:first-child{min-width:70px;font-size:11px}.detail-row>span:last-child{font-size:12px}.report-type-badge{padding:2px 8px;font-size:10px}.report-subject{font-size:13px}.report-message{padding:6px 10px;font-size:12px}.status-badge{padding:2px 8px;font-size:10px}.report-screenshot{max-height:150px}.modal-footer .btn{padding:8px 12px;font-size:13px}}.light-mode .modal-content.report-details-modal{background:var(--bg-secondary);box-shadow:0 20px 60px #00000026}.light-mode .modal-header,.light-mode .modal-footer{background:var(--bg-secondary)}.light-mode .report-message,.light-mode .report-screenshot{background:var(--bg-tertiary)}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-content.report-details-modal,.modal-header .close-btn,.modal-footer .btn,.report-screenshot{transition:none!important;animation:none!important;transform:none!important}.report-screenshot:hover{transform:none!important}}@media (prefers-contrast:high){.modal-content.report-details-modal{border:2px solid var(--border-color)}.report-type-badge,.status-badge{border-width:2px}.modal-footer .btn{border:2px solid}.report-message,.report-screenshot{border:2px solid var(--border-color)}}.modal-header .close-btn:focus-visible,.modal-footer .btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.modal-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);z-index:99999;justify-content:center;align-items:center;padding:20px;animation:.3s overlayFadeIn;display:flex;position:fixed;inset:0}.modal-content.reject-modal{background:var(--modal-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:480px;max-height:95vh;box-shadow:0 20px 60px var(--shadow-color);flex-direction:column;animation:.3s modalSlideUp;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h3{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.modal-header .close-btn{border:1px solid var(--border-color);background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.modal-header .close-btn:hover{background:var(--status-danger-bg);border-color:var(--status-danger);color:var(--status-danger);transform:rotate(90deg)}.modal-header .close-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.modal-body{flex:1;padding:20px 24px}.modal-body p{color:var(--text-secondary);margin:0 0 12px;font-size:14px;line-height:1.5}.modal-body textarea{background:var(--input-bg);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);resize:vertical;transition:all var(--transition-fast);min-height:100px;padding:12px 16px;font-family:inherit;font-size:14px}.modal-body textarea:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring);outline:none}.modal-body textarea::placeholder{color:var(--text-muted)}.modal-body textarea:disabled{opacity:.6;cursor:not-allowed}.modal-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;gap:10px;padding:16px 24px;display:flex}.modal-footer .btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.modal-footer .btn:hover:not(:disabled){transform:translateY(-2px)}.modal-footer .btn:active:not(:disabled){transform:scale(.97)}.modal-footer .btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.modal-footer .btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.modal-footer .btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted)}.modal-footer .btn-danger{background:var(--gradient-danger);color:var(--text-inverse)}.modal-footer .btn-danger:hover:not(:disabled){box-shadow:0 4px 15px var(--shadow-color);filter:brightness(1.05)}@media (width<=1024px){.modal-content.reject-modal{max-width:440px;max-height:90vh}.modal-body{padding:16px 20px}.modal-body textarea{min-height:80px;padding:10px 14px;font-size:13px}}@media (width<=768px){.modal-overlay{align-items:flex-end;padding:10px}.modal-content.reject-modal{border-radius:var(--radius-md) var(--radius-md) 0 0;max-width:100%;max-height:98vh;animation:.3s modalSlideUpMobile}@keyframes modalSlideUpMobile{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:14px 16px}.modal-header h3{font-size:16px}.modal-header .close-btn{width:32px;height:32px;font-size:16px}.modal-body{padding:14px 16px}.modal-body p{font-size:13px}.modal-body textarea{min-height:80px;padding:10px 12px;font-size:13px}.modal-footer{flex-direction:column;padding:12px 16px}.modal-footer .btn{flex:none;width:100%;padding:10px;font-size:14px}}@media (width<=480px){.modal-content.reject-modal{border-radius:0;max-height:100vh}.modal-header{padding:12px 14px}.modal-header h3{gap:8px;font-size:14px}.modal-header .close-btn{width:28px;height:28px;font-size:14px}.modal-body{padding:10px 12px}.modal-body p{font-size:12px}.modal-body textarea{min-height:60px;padding:8px 10px;font-size:12px}.modal-footer{padding:10px 12px}.modal-footer .btn{padding:8px 12px;font-size:13px}}.light-mode .modal-content.reject-modal{background:var(--bg-secondary);box-shadow:0 20px 60px #00000026}.light-mode .modal-header,.light-mode .modal-footer{background:var(--bg-secondary)}.light-mode .modal-body textarea,.light-mode .modal-footer .btn-secondary{background:var(--bg-tertiary)}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-content.reject-modal,.modal-header .close-btn,.modal-footer .btn{transition:none!important;animation:none!important;transform:none!important}.modal-footer .btn:hover:not(:disabled),.modal-header .close-btn:hover{transform:none!important}}@media (prefers-contrast:high){.modal-content.reject-modal{border:2px solid var(--border-color)}.modal-footer .btn{border:2px solid}.modal-body textarea{border:2px solid var(--border-color)}.modal-body textarea:focus{outline:2px solid var(--accent-primary);outline-offset:2px}}.modal-body textarea:focus-visible,.modal-header .close-btn:focus-visible,.modal-footer .btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.verification-review-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);z-index:99999;justify-content:center;align-items:center;padding:20px;animation:.3s overlayFadeIn;display:flex;position:fixed;inset:0}.verification-review-modal{background:var(--modal-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:780px;max-height:95vh;box-shadow:0 20px 60px var(--shadow-color);flex-direction:column;animation:.3s modalSlideUp;display:flex;overflow:hidden}.verification-review-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.verification-review-header .header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.verification-review-header .header-icon{font-size:24px}.verification-review-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.verification-review-header .header-status{white-space:nowrap;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.verification-review-header .header-status.verified{color:var(--status-success);background:var(--status-success-bg);border:1px solid var(--status-success)}.verification-review-header .header-status.rejected{color:var(--status-danger);background:var(--status-danger-bg);border:1px solid var(--status-danger)}.verification-review-header .header-status.pending{color:var(--status-warning);background:var(--status-warning-bg);border:1px solid var(--status-warning)}.verification-review-header .header-status.incomplete{color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-color)}.verification-review-header .close-btn{border:1px solid var(--border-color);background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.verification-review-header .close-btn:hover{background:var(--status-danger-bg);border-color:var(--status-danger);color:var(--status-danger);transform:rotate(90deg)}.verification-review-body{flex:1;padding:20px 24px;overflow-y:auto}.verification-review-body::-webkit-scrollbar{width:4px}.verification-review-body::-webkit-scrollbar-track{background:0 0}.verification-review-body::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px}.verification-review-body{scrollbar-width:thin;scrollbar-color:var(--accent-primary) transparent}.user-info-section{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.user-avatar-large{background:var(--accent-gradient);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.user-avatar-large img{object-fit:cover;width:100%;height:100%}.user-avatar-large .avatar-placeholder{color:var(--text-inverse);font-size:28px;font-weight:700}.user-details h3{color:var(--text-primary);margin:0 0 2px;font-size:18px;font-weight:600}.user-details .user-email{color:var(--text-secondary);word-break:break-all;margin:0 0 6px;font-size:14px}.user-details .role-badge{text-transform:uppercase;border-radius:12px;padding:2px 12px;font-size:11px;font-weight:600;display:inline-block}.user-details .role-badge.admin{color:var(--status-danger);background:var(--status-danger-bg);border:1px solid var(--status-danger)}.user-details .role-badge.client{color:var(--status-info);background:var(--status-info-bg);border:1px solid var(--status-info)}.user-details .role-badge.freelancer{color:var(--status-success);background:var(--status-success-bg);border:1px solid var(--status-success)}.review-sections-title{color:var(--text-primary);border-bottom:2px solid var(--border-color);margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:600}.review-section{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast);margin-bottom:16px;overflow:hidden}.review-section:hover{border-color:var(--accent-primary)}.review-section-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:12px 16px;display:flex}.review-section-header .section-icon{font-size:18px}.review-section-header h4{color:var(--text-primary);flex:1;margin:0;font-size:14px;font-weight:600}.review-section-header .section-status{border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.review-section-header .section-status.pending{color:var(--status-warning);background:var(--status-warning-bg)}.review-section-header .section-status.approved{color:var(--status-success);background:var(--status-success-bg)}.review-section-header .section-status.rejected{color:var(--status-danger);background:var(--status-danger-bg)}.review-section-body{padding:14px 16px}.review-image-container{border-radius:var(--radius-sm);background:var(--bg-secondary);margin-bottom:12px;overflow:hidden}.review-image{object-fit:contain;width:100%;max-height:250px;display:block}.review-image-placeholder{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px dashed var(--border-color);flex-direction:column;justify-content:center;align-items:center;min-height:120px;margin-bottom:12px;padding:30px 20px;display:flex}.review-image-placeholder span{margin-bottom:8px;font-size:36px}.review-image-placeholder p{color:var(--text-muted);margin:0;font-size:13px}.review-actions{flex-wrap:wrap;gap:10px;display:flex}.review-btn{border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-secondary);color:var(--text-secondary);flex:1;min-width:80px;padding:6px 18px;font-size:12px;font-weight:600}.review-btn.approve:hover,.review-btn.approve.active{border-color:var(--status-success);color:var(--status-success);background:var(--status-success-bg)}.review-btn.reject:hover,.review-btn.reject.active{border-color:var(--status-danger);color:var(--status-danger);background:var(--status-danger-bg)}.reject-reason-box{border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}.reject-reason-box label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.reject-reason-box .required{color:var(--status-danger)}.reject-reason-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);resize:vertical;transition:all var(--transition-fast);padding:8px 12px;font-family:inherit;font-size:13px}.reject-reason-input:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring);outline:none}.reject-reason-input::placeholder{color:var(--text-muted)}.review-summary{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:4px;padding:14px 16px;display:grid}.summary-item{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.summary-label{color:var(--text-secondary);font-weight:500}.summary-status{font-size:16px}.verification-review-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;gap:10px;padding:16px 24px;display:flex}.verification-review-footer .btn-close{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex:1;padding:10px 24px;font-size:14px;font-weight:600}.verification-review-footer .btn-close:hover{background:var(--bg-hover);border-color:var(--text-muted)}.verification-review-footer .btn-save-review{background:var(--gradient-primary);border-radius:var(--radius-sm);color:var(--text-inverse);cursor:pointer;transition:all var(--transition-fast);border:none;flex:2;padding:10px 24px;font-size:14px;font-weight:600}.verification-review-footer .btn-save-review:hover{opacity:.9;box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}.verification-review-footer .btn-save-review:active{transform:scale(.97)}@media (width<=1024px){.verification-review-modal{max-width:720px;max-height:90vh}.verification-review-body{padding:16px 20px}.review-summary{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (width<=768px){.verification-review-overlay{align-items:flex-end;padding:10px}.verification-review-modal{border-radius:var(--radius-md) var(--radius-md) 0 0;max-width:100%;max-height:98vh;animation:.3s modalSlideUpMobile}@keyframes modalSlideUpMobile{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.verification-review-header{padding:14px 16px}.verification-review-header h2{font-size:17px}.verification-review-header .header-icon{font-size:20px}.verification-review-header .header-status{padding:2px 10px;font-size:10px}.verification-review-header .close-btn{width:32px;height:32px;font-size:16px}.verification-review-body{padding:14px 16px}.user-info-section{gap:12px;padding:12px}.user-avatar-large{width:52px;height:52px}.user-avatar-large .avatar-placeholder{font-size:22px}.user-details h3{font-size:16px}.user-details .user-email{font-size:13px}.review-section-header{padding:10px 14px}.review-section-header h4{font-size:13px}.review-section-header .section-status{padding:1px 8px;font-size:10px}.review-section-body{padding:10px 14px}.review-image{max-height:180px}.review-image-placeholder{min-height:80px;padding:20px}.review-image-placeholder span{font-size:28px}.review-actions{flex-direction:column}.review-btn{flex:none;width:100%;padding:8px;font-size:13px}.reject-reason-input{padding:8px 10px;font-size:13px}.review-summary{grid-template-columns:repeat(2,1fr);gap:6px;padding:10px 12px}.summary-item{font-size:11px}.verification-review-footer{flex-direction:column;padding:12px 16px}.verification-review-footer .btn-close,.verification-review-footer .btn-save-review{flex:none;width:100%;padding:10px;font-size:14px}}@media (width<=480px){.verification-review-modal{border-radius:0;max-height:100vh}.verification-review-header{padding:12px 14px}.verification-review-header h2{font-size:15px}.verification-review-header .header-left{gap:8px}.verification-review-body{padding:10px 12px}.user-avatar-large{width:44px;height:44px}.user-avatar-large .avatar-placeholder{font-size:18px}.user-details h3{font-size:14px}.user-details .user-email{font-size:12px}.user-details .role-badge{padding:1px 10px;font-size:10px}.review-sections-title{font-size:14px}.review-section-header .section-icon{font-size:15px}.review-section-header h4{font-size:12px}.review-image{max-height:140px}.review-summary{grid-template-columns:1fr 1fr}.verification-review-footer .btn-close,.verification-review-footer .btn-save-review{padding:8px 12px;font-size:13px}}.light-mode .verification-review-modal{background:var(--bg-secondary);box-shadow:0 20px 60px #00000026}.light-mode .verification-review-header,.light-mode .verification-review-footer{background:var(--bg-secondary)}.light-mode .review-section{background:var(--bg-tertiary)}.light-mode .review-section-header{background:var(--bg-secondary)}.light-mode .user-info-section,.light-mode .review-summary{background:var(--bg-tertiary)}.light-mode .review-image-placeholder,.light-mode .review-btn{background:var(--bg-secondary)}@media (prefers-reduced-motion:reduce){.verification-review-overlay,.verification-review-modal,.verification-review-header .close-btn,.verification-review-footer .btn-close,.verification-review-footer .btn-save-review,.review-btn{transition:none!important;animation:none!important;transform:none!important}}@media (prefers-contrast:high){.verification-review-modal{border:2px solid var(--border-color)}.review-btn{border-width:2px}.review-btn.approve.active{border:2px solid var(--status-success)}.review-btn.reject.active{border:2px solid var(--status-danger)}.verification-review-footer .btn-save-review{border:2px solid var(--accent-primary)}}.review-btn:focus-visible,.verification-review-header .close-btn:focus-visible,.verification-review-footer .btn-close:focus-visible,.verification-review-footer .btn-save-review:focus-visible,.reject-reason-input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.admin-container{background:var(--bg-primary);min-height:100vh;padding:20px}.admin-wrapper{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);max-width:1400px;box-shadow:0 8px 40px var(--shadow-color);transition:all var(--transition-normal);margin:0 auto 0 120px;padding:24px;overflow:hidden}@media (width<=768px){.admin-wrapper{margin-bottom:30px;margin-left:0;padding:16px}}.admin-header{border-bottom:2px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:0 0 20px;display:flex}.admin-header h1{color:var(--text-primary);align-items:center;gap:12px;margin:0;font-size:24px;font-weight:700;display:flex}.header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.header-actions .back-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.header-actions .back-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.header-actions .refresh-btn{border:1px solid var(--border-color);background:var(--bg-tertiary);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.header-actions .refresh-btn:hover{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary);transform:rotate(180deg)}.admin-tabs{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:6px;padding:16px 0 20px;display:flex;overflow-x:auto}.tab-btn{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.tab-btn:hover{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.tab-btn.active{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 20px var(--accent-glow)}.tab-btn i{font-size:14px}.tab-badge{background:var(--bg-tertiary);color:var(--text-muted);border-radius:20px;justify-content:center;align-items:center;margin-left:4px;padding:1px 8px;font-size:10px;font-weight:700;display:inline-flex}.tab-badge.danger{background:var(--danger-bg);color:var(--danger)}.admin-content{min-height:400px;padding:20px 0 0}.needs-review-section{flex-direction:column;gap:16px;display:flex}.section-header{flex-direction:column;gap:4px;display:flex}.section-header h3{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.section-subtitle{color:var(--text-muted);margin:0;font-size:14px}.admin-dashboard{flex-direction:column;gap:20px;display:flex}.admin-users,.admin-notifications-section{flex-direction:column;gap:16px;display:flex}@media (width<=1024px){.admin-container{padding:16px}.admin-wrapper{border-radius:var(--radius-md);padding:18px}.admin-header h1{font-size:20px}.admin-tabs{gap:4px}.tab-btn{padding:6px 12px;font-size:12px}.tab-btn i{font-size:12px}}@media (width<=768px){.admin-container{padding:10px}.admin-wrapper{border-radius:var(--radius-sm);padding:14px}.admin-header{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:16px}.admin-header h1{font-size:18px}.admin-header h1 i{font-size:20px}.admin-header .header-tab-name{font-size:13px}.header-actions{justify-content:flex-start;width:100%}.header-actions .back-btn{padding:6px 12px;font-size:12px}.header-actions .refresh-btn{width:34px;height:34px;font-size:14px}.admin-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;padding:12px 0 16px;overflow-x:auto}.tab-btn{flex-shrink:0;padding:6px 10px;font-size:11px}.tab-btn i{font-size:11px}.tab-badge{padding:0 6px;font-size:9px}.admin-content{min-height:300px;padding:12px 0 0}.section-header h3{font-size:16px}.section-subtitle{font-size:13px}}@media (width<=480px){.admin-container{padding:6px}.admin-wrapper{border-radius:var(--radius-xs);padding:10px}.admin-header h1{gap:8px;font-size:16px}.admin-header h1 i{font-size:18px}.header-actions{gap:8px}.header-actions .back-btn{padding:5px 10px;font-size:11px}.header-actions .refresh-btn{width:30px;height:30px;font-size:12px}.tab-btn{padding:5px 8px;font-size:10px}.tab-btn i{font-size:10px}.tab-badge{padding:0 4px;font-size:8px}.admin-content{padding:8px 0 0}.section-header h3{font-size:14px}.section-subtitle{font-size:12px}}.light-mode .admin-wrapper{background:var(--bg-secondary);box-shadow:0 8px 40px #0000000f}.light-mode .tab-btn{background:var(--bg-tertiary)}.light-mode .tab-btn:hover{background:var(--bg-hover)}.light-mode .tab-btn.active{background:var(--accent-glow)}.light-mode .header-actions .back-btn{background:var(--bg-tertiary)}.light-mode .header-actions .back-btn:hover{background:var(--bg-hover)}.light-mode .header-actions .refresh-btn{background:var(--bg-tertiary)}.light-mode .header-actions .refresh-btn:hover{background:var(--accent-glow)}@media (prefers-reduced-motion:reduce){.header-actions .refresh-btn:hover{transform:none!important}.tab-btn,.header-actions .back-btn,.header-actions .refresh-btn{transition:none!important}}@media (prefers-contrast:high){.admin-wrapper{border:2px solid var(--border-color)}.tab-btn.active{border:2px solid var(--accent-primary)}.tab-btn{border:1px solid var(--border-color)}}.tab-btn:focus-visible,.header-actions .back-btn:focus-visible,.header-actions .refresh-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.admin-tabs{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-tertiary);border-bottom:1px solid var(--border-color);-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-wrap:wrap;gap:6px;padding:16px 0 20px;display:flex;position:relative;overflow:auto hidden}.admin-tabs::-webkit-scrollbar{height:3px}.admin-tabs::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.admin-tabs::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px}.admin-tabs{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-tertiary)}.admin-tabs:after{content:"";background:linear-gradient(to right, transparent, var(--bg-secondary));pointer-events:none;flex-shrink:0;width:40px;display:none;position:sticky;top:0;bottom:0;right:0}.admin-tabs .tab-btn{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;flex-shrink:0;align-items:center;gap:6px;min-height:40px;padding:8px 16px;font-size:13px;font-weight:500;display:flex;position:relative}.admin-tabs .tab-btn:hover{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary);transform:translateY(-1px)}.admin-tabs .tab-btn:active{transform:scale(.96)}.admin-tabs .tab-btn.active{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 20px var(--accent-glow)}.admin-tabs .tab-btn i{flex-shrink:0;font-size:14px}.admin-tabs .tab-btn .tab-badge{background:var(--bg-tertiary);color:var(--text-muted);min-width:18px;height:18px;transition:all var(--transition-fast);border-radius:20px;justify-content:center;align-items:center;margin-left:4px;padding:1px 8px;font-size:10px;font-weight:700;display:inline-flex}.admin-tabs .tab-btn .tab-badge.danger{background:var(--danger-bg);color:var(--danger);animation:2s infinite badgePulse}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.admin-tabs .tab-btn.active .tab-badge{background:var(--accent-light);color:var(--accent-primary)}.admin-tabs .tab-btn.active .tab-badge.danger{background:var(--danger);color:var(--text-inverse)}@media (width>=1025px){.admin-tabs{flex-wrap:wrap;gap:8px;padding:20px 0 24px;overflow:visible}.admin-tabs:after{display:none}.admin-tabs .tab-btn{border-radius:var(--radius-sm);min-height:44px;padding:10px 20px;font-size:14px}.admin-tabs .tab-btn i{font-size:15px}.admin-tabs .tab-btn .tab-badge{min-width:20px;height:20px;padding:1px 10px;font-size:11px}.admin-tabs .tab-btn:hover{transform:translateY(-2px)}}@media (width>=769px) and (width<=1024px){.admin-tabs{flex-wrap:nowrap;gap:6px;padding:14px 0 18px;overflow-x:auto}.admin-tabs:after{display:block}.admin-tabs .tab-btn{flex-shrink:0;min-height:38px;padding:8px 14px;font-size:12px}.admin-tabs .tab-btn i{font-size:13px}.admin-tabs .tab-btn .tab-badge{min-width:16px;height:16px;padding:1px 7px;font-size:10px}.admin-tabs .tab-btn:hover{transform:translateY(-1px)}}@media (width<=768px){.admin-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;padding:12px 0 16px;overflow-x:auto}.admin-tabs:after{width:30px;display:block}.admin-tabs .tab-btn{border-radius:6px;flex-shrink:0;min-height:34px;padding:6px 12px;font-size:11px}.admin-tabs .tab-btn i{font-size:12px}.admin-tabs .tab-btn .tab-badge{min-width:14px;height:14px;padding:0 6px;font-size:9px}.admin-tabs .tab-btn:active{transform:scale(.95)}.admin-tabs .tab-btn:hover{transform:none}}@media (width<=480px){.admin-tabs{gap:3px;padding:10px 0 14px}.admin-tabs:after{width:20px}.admin-tabs .tab-btn{border-radius:4px;min-height:30px;padding:5px 10px;font-size:10px}.admin-tabs .tab-btn i{font-size:10px}.admin-tabs .tab-btn .tab-badge{min-width:12px;height:12px;margin-left:2px;padding:0 4px;font-size:8px}.admin-tabs .tab-btn.active{box-shadow:0 0 12px var(--accent-glow)}.admin-tabs .tab-btn .tab-label-short{display:inline}.admin-tabs .tab-btn .tab-label-long{display:none}}@media (width<=360px){.admin-tabs{gap:2px;padding:8px 0 12px}.admin-tabs .tab-btn{border-radius:3px;min-height:26px;padding:4px 8px;font-size:9px}.admin-tabs .tab-btn i{font-size:9px}.admin-tabs .tab-btn .tab-badge{min-width:10px;height:10px;padding:0 3px;font-size:7px}}.light-mode .admin-tabs .tab-btn{background:var(--bg-tertiary)}.light-mode .admin-tabs .tab-btn:hover{background:var(--bg-hover)}.light-mode .admin-tabs .tab-btn.active{background:var(--accent-glow)}.light-mode .admin-tabs .tab-btn .tab-badge{background:var(--bg-tertiary)}.light-mode .admin-tabs .tab-btn.active .tab-badge{background:var(--accent-light)}.light-mode .admin-tabs .tab-btn.active .tab-badge.danger{background:var(--danger)}.light-mode .admin-tabs:after{background:linear-gradient(to right, transparent, var(--bg-secondary))}@media (prefers-reduced-motion:reduce){.admin-tabs .tab-btn{transition:none!important}.admin-tabs .tab-btn:hover,.admin-tabs .tab-btn:active{transform:none!important}.admin-tabs .tab-btn .tab-badge.danger{animation:none!important}}@media (prefers-contrast:high){.admin-tabs .tab-btn{border:1px solid var(--border-color)}.admin-tabs .tab-btn.active{border:2px solid var(--accent-primary)}.admin-tabs .tab-btn .tab-badge{border:1px solid}}.admin-tabs .tab-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;z-index:1}.tab-label-short{display:none}@media (width<=480px){.tab-label-short{display:inline}.tab-label-long{display:none}}.admin-tabs{border-bottom:1px solid var(--border-color,#ffffff0f);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;max-width:100%;padding:16px 0 20px;display:grid}.admin-tabs .tab-btn{background:var(--bg-card,#1e293b66);border:1px solid var(--border-color,#ffffff0f);border-radius:var(--radius-md,12px);color:var(--text-secondary,#94a3b8);cursor:pointer;transition:all var(--transition-fast,.15s ease);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:70px;padding:12px 6px;font-size:11px;font-weight:500;line-height:1.2;display:flex;position:relative}.admin-tabs .tab-btn i{color:var(--text-muted,#64748b);transition:all var(--transition-fast,.15s ease);font-size:20px}.admin-tabs .tab-btn .tab-label{color:var(--text-secondary,#94a3b8);transition:all var(--transition-fast,.15s ease);word-break:break-word;font-size:10px;font-weight:500;line-height:1.1}.admin-tabs .tab-btn:hover{background:var(--bg-hover,#438e8214);border-color:var(--accent-glow,#438e8233);box-shadow:0 4px 12px var(--shadow-color,#0003);transform:translateY(-2px)}.admin-tabs .tab-btn:hover i{color:var(--accent-primary,#438e82)}.admin-tabs .tab-btn:hover .tab-label{color:var(--text-primary,#f8fafc)}.admin-tabs .tab-btn.active{background:var(--accent-glow,#438e8226);border-color:var(--accent-primary,#438e82);box-shadow:0 0 20px var(--accent-glow,#438e821a)}.admin-tabs .tab-btn.active i{color:var(--accent-primary,#438e82)}.admin-tabs .tab-btn.active .tab-label{color:var(--text-primary,#f8fafc)}.admin-tabs .tab-btn .tab-badge{border-radius:var(--radius-full,9999px);min-width:18px;min-height:18px;box-shadow:0 2px 8px var(--shadow-color,#0000004d);z-index:1;justify-content:center;align-items:center;padding:2px 6px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.admin-tabs .tab-btn .tab-badge.danger{background:var(--status-danger,#ef4444);color:#fff}.admin-tabs .tab-btn .tab-badge:not(.danger){background:var(--accent-primary,#438e82);color:#fff}@media (width<=1024px){.admin-tabs{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.admin-tabs .tab-btn{border-radius:var(--radius-sm,10px);min-height:64px;padding:10px 6px;font-size:10px}.admin-tabs .tab-btn i{font-size:18px}.admin-tabs .tab-btn .tab-label{font-size:9px}}@media (width<=768px){.admin-tabs{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;padding:14px 0 18px}.admin-tabs .tab-btn{border-radius:var(--radius-sm,8px);min-height:58px;padding:8px 4px;font-size:9px}.admin-tabs .tab-btn i{font-size:16px}.admin-tabs .tab-btn .tab-label{font-size:8px}.admin-tabs .tab-btn .tab-badge{min-width:16px;min-height:16px;padding:1px 5px;font-size:8px;top:-3px;right:-3px}}@media (width<=600px){.admin-tabs{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px;padding:12px 0 16px}.admin-tabs .tab-btn{border-radius:var(--radius-sm,8px);gap:4px;min-height:50px;padding:6px 3px;font-size:8px}.admin-tabs .tab-btn i{font-size:14px}.admin-tabs .tab-btn .tab-label{font-size:7px;line-height:1}.admin-tabs .tab-btn .tab-badge{min-width:14px;min-height:14px;padding:1px 4px;font-size:7px;top:-2px;right:-2px}}@media (width<=480px){.admin-tabs{grid-template-columns:repeat(4,1fr);gap:5px;padding:10px 0 14px}.admin-tabs .tab-btn{border-radius:var(--radius-sm,6px);gap:3px;min-height:46px;padding:6px 3px;font-size:7px}.admin-tabs .tab-btn i{font-size:12px}.admin-tabs .tab-btn .tab-label{font-size:6px;line-height:1}.admin-tabs .tab-btn .tab-badge{min-width:12px;min-height:12px;padding:1px 3px;font-size:6px;top:-2px;right:-2px}}@media (width<=380px){.admin-tabs{grid-template-columns:repeat(3,1fr);gap:4px;padding:8px 0 12px}.admin-tabs .tab-btn{border-radius:var(--radius-sm,6px);gap:2px;min-height:40px;padding:5px 2px;font-size:6px}.admin-tabs .tab-btn i{font-size:10px}.admin-tabs .tab-btn .tab-label{font-size:5px;line-height:1}.admin-tabs .tab-btn .tab-badge{min-width:10px;min-height:10px;padding:1px 3px;font-size:5px;top:-2px;right:-2px}}@media (width<=320px){.admin-tabs{grid-template-columns:repeat(2,1fr);gap:4px;padding:6px 0 10px}.admin-tabs .tab-btn{border-radius:4px;gap:2px;min-height:36px;padding:4px 2px;font-size:6px}.admin-tabs .tab-btn i{font-size:9px}.admin-tabs .tab-btn .tab-label{font-size:5px}.admin-tabs .tab-btn .tab-badge{min-width:10px;min-height:10px;padding:1px 2px;font-size:5px;top:-1px;right:-1px}}.light-mode .admin-tabs .tab-btn{background:#fff;border-color:#e2e8f0}.light-mode .admin-tabs .tab-btn:hover{background:#f1f5f9;border-color:#0d9488}.light-mode .admin-tabs .tab-btn.active{background:#0d948814;border-color:#0d9488}@media (prefers-reduced-motion:reduce){.admin-tabs .tab-btn{transition:none!important}.admin-tabs .tab-btn:hover{transform:none!important}}@media print{.admin-tabs{border-bottom:1px solid #ddd;flex-wrap:wrap;gap:4px;padding:8px 0;display:flex}.admin-tabs .tab-btn{color:#000!important;background:#f5f5f5!important;border:1px solid #ddd!important;border-radius:4px!important;min-height:auto!important;padding:4px 8px!important;font-size:9px!important}.admin-tabs .tab-btn i{color:#333!important;font-size:12px!important}.admin-tabs .tab-btn .tab-label{color:#000!important;font-size:8px!important}.admin-tabs .tab-btn.active{background:#e0e0e0!important;border-color:#999!important}.admin-tabs .tab-btn .tab-badge{display:none!important}}.admin-header{background:var(--bg-card,#1e293b66);border:1px solid var(--border-color,#ffffff0f);border-radius:var(--radius-lg,16px);-webkit-backdrop-filter:blur(10px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex}.admin-header h1{color:var(--text-primary,#f8fafc);flex-shrink:0;align-items:center;gap:12px;margin:0;font-size:22px;font-weight:700;display:flex}.admin-header h1 i{color:var(--accent-primary,#438e82);font-size:24px}.admin-header .header-tab-name{color:var(--text-muted,#64748b);font-size:16px;font-weight:400}.admin-header .header-actions{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.admin-header .header-actions .global-search-wrapper{flex:1;min-width:200px;max-width:400px}.admin-header .header-actions .global-search-wrapper input{background:var(--bg-tertiary,#1a2030);width:100%;color:var(--text-primary,#f8fafc);border:1px solid var(--border-color,#ffffff0f);border-radius:var(--radius-full,9999px);transition:all var(--transition-fast,.15s ease);padding:8px 14px 8px 36px;font-size:13px}.admin-header .header-actions .global-search-wrapper input:focus{border-color:var(--accent-primary,#438e82);box-shadow:0 0 0 3px var(--accent-glow,#438e8226)}.admin-header .header-actions button{border-radius:var(--radius-md,12px);cursor:pointer;transition:all var(--transition-fast,.15s ease);background:var(--bg-tertiary,#1a2030);color:var(--text-secondary,#94a3b8);border:none;border:1px solid var(--border-color,#ffffff0f);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.admin-header .header-actions button:hover{background:var(--bg-hover,#ffffff0d);color:var(--text-primary,#f8fafc);border-color:var(--accent-glow,#438e8233);transform:translateY(-1px)}.admin-header .header-actions button:active{transform:scale(.95)}.admin-header .header-actions .back-btn{background:var(--bg-tertiary,#1a2030);color:var(--text-secondary,#94a3b8)}.admin-header .header-actions .back-btn:hover{background:var(--accent-glow,#438e821a);color:var(--accent-primary,#438e82);border-color:var(--accent-primary,#438e82)}.admin-header .header-actions .back-btn i{color:var(--accent-primary,#438e82)}.admin-header .header-actions .refresh-btn{background:var(--bg-tertiary,#1a2030);color:var(--text-secondary,#94a3b8);padding:8px 14px}.admin-header .header-actions .refresh-btn:hover{background:var(--status-info-bg,#3b82f61a);color:var(--status-info,#3b82f6);border-color:var(--status-info,#3b82f6)}.admin-header .header-actions .refresh-btn i{font-size:14px}.admin-header .header-actions .refresh-btn .fa-spin{animation:1s linear infinite spin}.admin-header .header-actions .sound-settings-compact{background:var(--bg-tertiary,#1a2030);border:1px solid var(--border-color,#ffffff0f);border-radius:var(--radius-full,9999px);cursor:pointer;transition:all var(--transition-fast,.15s ease);align-items:center;gap:6px;padding:6px 12px;display:flex}.admin-header .header-actions .sound-settings-compact:hover{border-color:var(--accent-glow,#438e8233);background:var(--bg-hover,#ffffff0d)}.admin-header .header-actions .sound-settings-compact i{color:var(--text-muted,#64748b);font-size:16px}.admin-header .header-actions .sound-settings-compact .volume-slider{appearance:none;background:var(--border-color,#ffffff1a);border-radius:var(--radius-full,9999px);width:60px;height:4px;transition:all var(--transition-fast,.15s ease);outline:none}.admin-header .header-actions .sound-settings-compact .volume-slider::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full,9999px);background:var(--accent-primary,#438e82);cursor:pointer;width:12px;height:12px}@media (width<=1024px){.admin-header{gap:14px;padding:16px 20px}.admin-header h1{font-size:20px}.admin-header .header-actions .global-search-wrapper{min-width:160px;max-width:300px}}@media (width<=768px){.admin-header{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.admin-header h1{justify-content:center;font-size:18px}.admin-header .header-tab-name{font-size:14px}.admin-header .header-actions{flex-wrap:wrap;justify-content:center}.admin-header .header-actions .global-search-wrapper{order:1;min-width:100%;max-width:100%}.admin-header .header-actions button{padding:6px 12px;font-size:12px}.admin-header .header-actions .back-btn span,.admin-header .header-actions .refresh-btn span{display:none}.admin-header .header-actions .back-btn,.admin-header .header-actions .refresh-btn{padding:8px 10px}.admin-header .header-actions .back-btn i,.admin-header .header-actions .refresh-btn i{font-size:16px}.admin-header .header-actions .sound-settings-compact .volume-slider{width:40px}}@media (width<=480px){.admin-header{border-radius:var(--radius-md,12px);gap:10px;padding:12px 14px}.admin-header h1{gap:8px;font-size:16px}.admin-header h1 i{font-size:18px}.admin-header .header-tab-name{font-size:12px}.admin-header .header-actions{gap:6px}.admin-header .header-actions .global-search-wrapper input{padding:6px 12px 6px 32px;font-size:12px}.admin-header .header-actions button{padding:5px 10px;font-size:11px}.admin-header .header-actions .sound-settings-compact{padding:4px 10px}.admin-header .header-actions .sound-settings-compact .volume-slider{width:30px}.admin-header .header-actions .sound-settings-compact i{font-size:14px}}@media (width<=380px){.admin-header{padding:10px 12px}.admin-header h1{font-size:14px}.admin-header h1 i{font-size:16px}.admin-header .header-tab-name{font-size:10px}.admin-header .header-actions .global-search-wrapper input{padding:5px 10px 5px 28px;font-size:11px}.admin-header .header-actions button{padding:4px 8px;font-size:10px}.admin-header .header-actions .sound-settings-compact .volume-slider{width:20px}}.light-mode .admin-header{background:#fff;border-color:#e2e8f0}.light-mode .admin-header .header-actions .global-search-wrapper input{color:#1e293b;background:#f1f5f9}.light-mode .admin-header .header-actions .global-search-wrapper input:focus{border-color:#0d9488}.light-mode .admin-header .header-actions button{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.light-mode .admin-header .header-actions button:hover{color:#1e293b;background:#e2e8f0}.light-mode .admin-header .header-actions .back-btn:hover{color:#0d9488;background:#0d948814;border-color:#0d9488}.light-mode .admin-header .header-actions .refresh-btn:hover{color:#2563eb;background:#2563eb14;border-color:#2563eb}.light-mode .admin-header .header-actions .sound-settings-compact{background:#f1f5f9;border-color:#e2e8f0}.light-mode .admin-header .header-actions .sound-settings-compact:hover{border-color:#0d9488}@media (prefers-reduced-motion:reduce){.admin-header .header-actions button{transition:none!important}.admin-header .header-actions button:hover,.admin-header .header-actions button:active{transform:none!important}}@media print{.admin-header{background:#fff!important;border:1px solid #ddd!important;padding:12px 16px!important}.admin-header h1{color:#000!important}.admin-header .header-actions .global-search-wrapper,.admin-header .header-actions .sound-settings-compact,.admin-header .header-actions .back-btn,.admin-header .header-actions .refresh-btn{display:none!important}}.shopnest-login{background:var(--bg-primary,#090d16);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative}.auth-card{background:var(--bg-secondary,#0f1420);border:1px solid var(--border-color,#ffffff0f);width:100%;max-width:420px;box-shadow:0 25px 60px var(--shadow-color,#0006);border-radius:24px;animation:.4s slideUp;overflow:hidden}.auth-card .card-body{padding:32px 28px 24px}.auth-card .card-footer{border-top:1px solid var(--border-color,#ffffff0a);text-align:center;color:var(--text-secondary,#94a3b8);background:var(--bg-tertiary,#ffffff05);padding:16px 28px;font-size:14px}.auth-card .card-footer .link{color:var(--accent-primary,#438e82);cursor:pointer;margin-left:4px;font-weight:600;text-decoration:none;transition:all .3s}.auth-card .card-footer .link:hover{color:var(--accent-secondary,#4fb3a3);text-decoration:underline}.login-panel{animation:.3s fadeIn;display:none}.login-panel.active{display:block}.logo{text-align:center;margin-bottom:24px}.logo i{color:var(--accent-primary,#438e82);border-radius:16px;padding:12px;font-size:56px}.logo h2{color:var(--text-primary,#f8fafc);letter-spacing:-.5px;margin:12px 0 0;font-size:24px;font-weight:700}.step-title{color:var(--text-primary,#f8fafc);margin-bottom:4px;font-size:22px;font-weight:700}.step-subtitle{color:var(--text-secondary,#94a3b8);margin-bottom:24px;font-size:14px}.field{margin-bottom:18px}.field input,.field select{background:var(--bg-tertiary,#1a2030);border:1px solid var(--border-color,#ffffff0a);width:100%;color:var(--text-primary,#f8fafc);border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.field input:focus,.field select:focus{border-color:var(--accent-primary,#438e82);box-shadow:0 0 0 3px var(--accent-glow,#438e8226)}.pw-wrap{position:relative}.pw-toggle{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;transition:all .3s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--text-primary,#f8fafc)}.phone-row{gap:8px;display:flex}.phone-row select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;flex:0 0 100px;padding:12px 32px 12px 8px}.phone-row input{flex:1}.otp-row{justify-content:center;gap:8px;display:flex}.otp-box{text-align:center;background:var(--bg-tertiary,#1a2030);border:2px solid var(--border-color,#ffffff0a);width:48px;height:56px;color:var(--text-primary,#f8fafc);border-radius:12px;outline:none;font-size:20px;font-weight:700;transition:all .3s}.otp-box:focus{border-color:var(--accent-primary,#438e82);box-shadow:0 0 0 3px var(--accent-glow,#438e8226)}.options .remember-me{color:var(--text-secondary,#94a3b8);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.options .remember-me input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary,#438e82);cursor:pointer}.forgot-link{color:var(--accent-primary,#438e82);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:600;transition:all .3s}.forgot-link:hover{color:var(--accent-secondary,#4fb3a3);text-decoration:underline}.resend-row{text-align:center;margin-top:12px}.resend-row span{color:var(--text-muted,#64748b);font-size:13px}.resend-btn{color:var(--accent-primary,#438e82);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:600;transition:all .3s}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover:not(:disabled){box-shadow:0 4px 20px var(--accent-glow,#438e824d);transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost:hover:not(:disabled){background:var(--bg-hover,#ffffff0a);color:var(--text-primary,#f8fafc);border-color:var(--accent-primary,#438e82)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-row{gap:10px;margin-top:12px;display:flex}.btn-row .btn{flex:1}.btn-row .btn:last-child{flex:2}.social-btn{border:1px solid var(--border-color,#ffffff0f);background:var(--bg-tertiary,#1a2030);width:100%;color:var(--text-primary,#f8fafc);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s;display:flex}.social-btn:hover:not(:disabled){background:var(--bg-hover,#ffffff0a);border-color:var(--accent-primary,#438e82);transform:translateY(-2px)}.divider{color:var(--text-muted,#64748b);align-items:center;gap:16px;margin:20px 0;font-size:13px;display:flex}.info-box{background:var(--status-info-bg,#3b82f614);border-left:3px solid var(--status-info,#3b82f6);color:var(--text-secondary,#94a3b8);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.info-box .info-icon{flex-shrink:0;font-size:20px}@media (width<=768px){.shopnest-login{min-height:100dvh;padding:16px}.auth-card{border-radius:20px;max-width:100%}.auth-card .card-body{padding:24px 20px 20px}.auth-card .card-footer{padding:14px 20px;font-size:13px}.logo i{padding:10px;font-size:38px}.logo h2,.step-title{font-size:20px}.step-subtitle{margin-bottom:20px;font-size:13px}.field input,.field select{padding:10px 14px;font-size:13px}.field{margin-bottom:14px}.otp-box{width:40px;height:48px;font-size:18px}.otp-row{gap:6px}.btn{padding:10px 20px;font-size:13px}.phone-row select{flex:0 0 80px;padding:10px 6px}.options{flex-direction:column;align-items:flex-start;gap:8px}.forgot-link{font-size:12px}}@media (width<=480px){.shopnest-login{padding:12px}.auth-card{border-radius:16px}.auth-card .card-body{padding:18px 14px 16px}.auth-card .card-footer{padding:12px 14px;font-size:12px}.logo i{padding:8px;font-size:34px}.logo h2{margin-top:8px;font-size:18px}.step-title{font-size:18px}.step-subtitle{margin-bottom:16px;font-size:12px}.field label{font-size:12px}.field input,.field select{border-radius:10px;padding:8px 12px;font-size:12px}.pw-toggle{font-size:16px;right:10px}.otp-box{border-radius:10px;width:36px;height:42px;font-size:16px}.otp-row{gap:4px}.btn{border-radius:10px;padding:8px 16px;font-size:12px}.phone-row select{flex:0 0 70px;padding:8px 4px;font-size:12px}.social-btn{padding:10px;font-size:13px}.btn-row{gap:6px}.divider{margin:14px 0;font-size:12px}.info-box{border-radius:10px;padding:10px 12px;font-size:12px}.options .remember-me,.resend-row span,.resend-btn{font-size:12px}}.light-mode .shopnest-login{background:var(--bg-primary,#f8fafc)}.light-mode .auth-card{background:var(--bg-secondary,#fff);border-color:var(--border-color,#e2e8f0);box-shadow:0 25px 60px #00000014}.light-mode .auth-card .card-footer{border-color:var(--border-color,#e2e8f0);background:var(--bg-tertiary,#f1f5f9);color:var(--text-secondary,#64748b)}.light-mode .auth-card .card-footer .link{color:var(--accent-primary,#0d9488)}.light-mode .auth-card .card-footer .link:hover{color:var(--accent-secondary,#0f766e)}.light-mode .logo h2,.light-mode .step-title{color:var(--text-primary,#1e293b)}.light-mode .step-subtitle,.light-mode .field label{color:var(--text-secondary,#475569)}.light-mode .field input,.light-mode .field select{background:var(--bg-tertiary,#f1f5f9);border-color:var(--border-color,#e2e8f0);color:var(--text-primary,#1e293b)}.light-mode .field input::placeholder{color:var(--text-muted,#94a3b8)}.light-mode .field input:focus,.light-mode .field select:focus{border-color:var(--accent-primary,#0d9488)}.light-mode .pw-toggle{color:var(--text-muted,#94a3b8)}.light-mode .pw-toggle:hover{color:var(--text-primary,#1e293b)}.light-mode .otp-box{background:var(--bg-tertiary,#f1f5f9);border-color:var(--border-color,#e2e8f0);color:var(--text-primary,#1e293b)}.light-mode .otp-box:focus{border-color:var(--accent-primary,#0d9488)}.light-mode .otp-box.filled{border-color:var(--accent-primary,#0d9488);background:#0d94880f}.light-mode .options .remember-me{color:var(--text-secondary,#475569)}.light-mode .forgot-link{color:var(--accent-primary,#0d9488)}.light-mode .forgot-link:hover{color:var(--accent-secondary,#0f766e)}.light-mode .btn-ghost{color:var(--text-secondary,#64748b);border-color:var(--border-color,#e2e8f0)}.light-mode .btn-ghost:hover:not(:disabled){background:var(--bg-hover,#f1f5f9);color:var(--text-primary,#1e293b);border-color:var(--accent-primary,#0d9488)}.light-mode .social-btn{background:var(--bg-tertiary,#f1f5f9);border-color:var(--border-color,#e2e8f0);color:var(--text-primary,#1e293b)}.light-mode .social-btn:hover:not(:disabled){background:var(--bg-hover,#f1f5f9);border-color:var(--accent-primary,#0d9488)}.light-mode .divider{color:var(--text-muted,#94a3b8)}.light-mode .divider:before,.light-mode .divider:after{background:var(--border-color,#e2e8f0)}.light-mode .info-box{color:var(--text-secondary,#475569);background:#3b82f60f}.light-mode .resend-row span{color:var(--text-muted,#94a3b8)}.light-mode .resend-btn{color:var(--accent-primary,#0d9488)}.light-mode .resend-btn:hover:not(:disabled){color:var(--accent-secondary,#0f766e)}@media (width>=1024px){.shopnest-login{padding:40px}.auth-card{border-radius:28px;max-width:440px}.auth-card .card-body{padding:40px 36px 32px}.auth-card .card-footer{padding:18px 36px}.logo i{font-size:42px}.logo h2{font-size:28px}.step-title{font-size:24px}.otp-box{width:52px;height:60px;font-size:22px}}.fa-spin{animation:1s linear infinite spin}@media (prefers-reduced-motion:reduce){.auth-card,.login-panel,.btn,.social-btn,.field input,.otp-box{transition:none!important;animation:none!important}}@media print{.shopnest-login{background:#fff;padding:20px}.auth-card{box-shadow:none;border:1px solid #ddd}.btn,.social-btn,.pw-toggle,.forgot-link,.resend-btn{display:none!important}.field input,.field select{background:#f9f9f9!important;border-color:#ddd!important}}:root{--primary:var(--accent-secondary);--primary-dark:var(--accent-primary);--primary-light:var(--accent-light);--primary-bg:var(--accent-primary);--bg-input:var(--text-inverse);--text-light:var(--text-primary);--success:var(--status-success);--warning:var(--status-warning);--danger:var(--status-danger);--info:var(--status-info);--shadow-sm:0 1px 3px var(--shadow-color);--shadow-md:0 4px 12px var(--shadow-color);--shadow-lg:0 8px 30px var(--shadow-color);--shadow-xl:0 20px 60px var(--shadow-color);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100%;line-height:1.6;overflow-x:hidden}.shopnest-register{min-height:100vh;padding:var(--space-md);background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);justify-content:center;align-items:center;width:100%;max-width:100%;display:flex;overflow-x:hidden}.auth-card{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:0 20px 60px var(--shadow-color);border:1px solid var(--glass-bg);margin:0 auto;animation:.5s slideUp;position:relative;overflow:hidden}.progress-bar{background:var(--border-color);height:4px;position:relative;overflow:hidden}.step-indicator{padding:var(--space-md) var(--space-md) var(--space-sm);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:space-between;align-items:center;gap:2px;display:flex;overflow-x:auto}.step-indicator::-webkit-scrollbar{display:none}.step-dot-wrap{cursor:default;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex;position:relative}.step-dot{background:var(--bg-tertiary);width:28px;height:28px;color:var(--text-muted);transition:var(--transition-base);z-index:2;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:relative}.step-dot.active{background:var(--accent-primary);color:var(--text-primary);border-color:var(--accent-secondary);box-shadow:var(--focus-ring);transform:scale(1.05)}.step-dot.done{background:var(--success);color:var(--text-inverse);border-color:var(--success)}.step-label{color:var(--text-muted);text-align:center;transition:var(--transition-base);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:8px;font-weight:600;overflow:hidden}.step-label.active{color:var(--text-primary);font-weight:700}.step-line{background:var(--border-color);z-index:1;height:2px;transition:var(--transition-base);flex:1;min-width:8px;margin:0 -2px;position:relative;top:-10px}.step-line.done{background:var(--success)}.card-body{padding:var(--space-md);background:var(--bg-secondary);max-width:100%;overflow-x:hidden}.step-panel{max-width:100%;animation:.4s fadeIn;display:none;overflow-x:hidden}.step-panel.active{display:block}.step-title{color:var(--text-primary);margin-bottom:var(--space-xs);word-break:break-word;font-size:18px;font-weight:700}.step-subtitle{color:var(--text-secondary);margin-bottom:var(--space-md);word-break:break-word;font-size:13px}.field{margin-bottom:var(--space-md);width:100%;max-width:100%}.field label{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:13px;font-weight:600;display:block}.field .req{color:var(--status-danger);margin-left:2px}.field input,.field select{border:1.5px solid var(--border-color);border-radius:var(--radius-sm);width:100%;font-size:14px;font-family:var(--font-family);color:var(--text-primary);background:var(--bg-tertiary);transition:var(--transition-fast);appearance:none;max-width:100%;padding:10px 14px}.field input:focus,.field select:focus{border-color:var(--accent-secondary);box-shadow:var(--focus-ring);outline:none}.field input::placeholder{color:var(--text-muted)}.field input:disabled{opacity:.6;cursor:not-allowed}.field-row{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.pw-wrap{width:100%;max-width:100%;position:relative}.pw-wrap input{padding-right:44px}.pw-toggle{cursor:pointer;color:var(--text-muted);transition:var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:4px;font-size:16px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--text-primary);background:var(--bg-tertiary)}.pw-strength{background:var(--border-color);height:4px;margin-top:var(--space-xs);border-radius:2px;overflow:hidden}.pw-strength-fill{width:0%;height:100%;transition:var(--transition-base);border-radius:2px}.field-hint{color:var(--text-muted);margin-top:var(--space-xs);font-size:11px}.field-error{color:var(--status-danger);margin-top:var(--space-xs);align-items:center;gap:4px;font-size:12px;display:none}.field-error.show{display:flex}.phone-row{gap:var(--space-sm);width:100%;max-width:100%;display:flex}.phone-row select{flex-shrink:0;width:90px;padding:10px 8px}.phone-row input{flex:1;min-width:0}.role-selector{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.role-option{padding:var(--space-md);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background:var(--bg-tertiary);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.role-option input{opacity:0;width:0;height:0;position:absolute}.role-option:hover{border-color:var(--accent-secondary);background:var(--bg-hover)}.role-option.active{border-color:var(--accent-primary);background:var(--accent-glow);box-shadow:var(--focus-ring)}.role-option i{color:var(--accent-secondary);margin-bottom:var(--space-xs);font-size:20px}.role-option span{color:var(--text-primary);margin-left:8px;margin-right:5px;font-size:13px;font-weight:600}.role-option small{color:var(--text-primary);margin-top:2px;font-size:10px}.divider{align-items:center;gap:var(--space-md);margin:var(--space-md) 0;color:var(--text-muted);font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--accent-primary);flex:1;height:1px}.social-btn{border:1.5px solid var(--accent-primary);border-radius:var(--radius-sm);background:var(--text-inverse);width:100%;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-sm);font-size:14px;font-weight:600;font-family:var(--font-family);max-width:100%;padding:10px 16px;display:flex}.social-btn:hover{background:var(--text-primary);border-color:var(--text-secondary)}.social-btn:disabled{opacity:.6;cursor:not-allowed}.social-btn svg{flex-shrink:0}.btn-row{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);font-size:14px;font-weight:600;font-family:var(--font-family);justify-content:center;align-items:center;gap:var(--space-xs);text-align:center;border:none;flex:1;min-width:80px;padding:10px 16px;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{color:var(--text-muted);border:1.5px solid var(--accent-primary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-secondary)}.btn-danger:hover:not(:disabled){background:var(--status-danger)}.btn-success{background:var(--status-success);color:var(--text-inverse)}.btn-success:hover:not(:disabled){background:var(--status-success)}.otp-row{gap:var(--space-xs);margin:var(--space-md) 0;flex-wrap:wrap;justify-content:center;display:flex}.otp-box{text-align:center;border:2px solid var(--accent-primary);border-radius:var(--radius-sm);width:40px;height:46px;transition:var(--transition-fast);background:var(--text-inverse);color:var(--bg-secondary);flex-shrink:0;font-size:18px;font-weight:700}.otp-box:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-primary);outline:none}.otp-box.filled{border-color:var(--primary);background:var(--accent-primary)}.resend-row{text-align:center;color:var(--text-muted);margin-top:var(--space-md);font-size:13px}.resend-btn{color:var(--primary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;font-size:13px;font-weight:700}.resend-btn:hover:not(:disabled){color:var(--primary-dark);text-decoration:underline}.resend-btn:disabled{opacity:.6;cursor:not-allowed}.info-box{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-sm);margin:var(--space-md) 0;width:100%;max-width:100%;font-size:13px;line-height:1.5;display:flex}.info-box.info{background:var(--accent-primary);border:1px solid var(--accent-light);color:var(--bg-secondary)}.info-box.warn,.info-box.success{background:var(--accent-primary);border:1px solid var(--accent-primary);color:var(--bg-secondary)}.info-box .info-icon{flex-shrink:0;margin-top:2px;font-size:18px}.skip-link{text-align:center;margin-top:var(--space-md)}.skip-link button{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:4px 12px;font-size:13px}.skip-link button:hover{color:var(--text-secondary);text-decoration:underline}.verify-options{gap:var(--space-sm);margin:var(--space-md) 0;flex-direction:column;width:100%;max-width:100%;display:flex}.verify-option{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:2px solid var(--accent-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background:var(--text-inverse);width:100%;max-width:100%;display:flex}.verify-option:hover{border-color:var(--primary-light);background:var(--accent-primary)}.verify-option.selected{border-color:var(--primary);background:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary)}.verify-option input{opacity:0;width:0;height:0;position:absolute}.vo-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.vo-icon.vo-blue,.vo-icon.vo-green,.vo-icon.vo-purple{background:var(--accent-primary)}.vo-body{flex:1;min-width:0}.vo-title{font-size:14px;font-weight:600}.vo-sub{font-size:12px}.vo-check{border:2px solid var(--accent-primary);width:18px;height:18px;transition:var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.verify-option.selected .vo-check{border-color:var(--primary);background:var(--primary)}.verify-option.selected .vo-check:after{content:"✓";color:var(--text-inverse);font-size:11px;font-weight:700}.upload-row{gap:var(--space-sm);grid-template-columns:1fr 1fr;width:100%;max-width:100%;display:grid}.upload-area{border:2px dashed var(--accent-primary);border-radius:var(--radius-sm);padding:var(--space-md);text-align:center;cursor:pointer;transition:var(--transition-fast);background:var(--accent-primary);flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:120px;display:flex;position:relative;overflow:hidden}.upload-area input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-default{pointer-events:none}.upload-preview{border-radius:var(--radius-sm);max-width:100%;max-height:100px;margin-top:var(--space-sm);object-fit:contain;display:none}.upload-area.has-file .upload-default{display:none}.upload-area.has-file .upload-preview{display:block}.upload-remove-btn{background:var(--status-danger-bg);color:var(--text-inverse);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);z-index:5;border:none;margin-top:10px;margin-right:10px;padding:3px 10px;font-size:12px;display:none;position:absolute;top:6px;right:6px}.upload-remove-btn:hover{background:var(--status-danger)}.upload-area.has-file .upload-remove-btn{display:block}.liveness-instructions{gap:var(--space-xs);margin:var(--space-md) 0;grid-template-columns:1fr 1fr;width:100%;max-width:100%;display:grid}.instruction-step{align-items:center;gap:var(--space-xs);background:var(--accent-primary);border-radius:var(--radius-sm);border:1.5px solid var(--accent-primary);transition:var(--transition-fast);min-width:0;padding:6px 10px;display:flex}.instruction-step.active{border-color:var(--primary);background:var(--accent-primary)}.instruction-step.done{border-color:var(--success);background:var(--accent-primary)}.inst-icon{flex-shrink:0;font-size:14px}.inst-text{color:var(--text-muted);word-break:break-word;flex:1;font-size:12px;font-weight:500}.instruction-step.active .inst-text{color:var(--bg-secondary);font-weight:600}.inst-status{flex-shrink:0;font-size:14px}.camera-box{background:var(--bg-secondary);border-radius:var(--radius-sm);min-height:180px;margin:var(--space-md) 0;border:2px solid var(--accent-primary);transition:var(--transition-base);justify-content:center;align-items:center;width:100%;max-width:100%;display:flex;position:relative;overflow:hidden}.camera-box video{object-fit:cover;border-radius:var(--radius-sm);width:100%;max-height:280px}.camera-placeholder div{color:var(--text-secondary);font-size:14px}.liveness-progress{margin:var(--space-md) 0;width:100%;max-width:100%}.progress-text{color:var(--text-muted);margin-bottom:var(--space-xs);text-align:center;font-size:13px;font-weight:500}.liveness-complete{text-align:center;padding:var(--space-md);background:var(--accent-primary);border-radius:var(--radius-sm);border:1px solid var(--accent-primary);margin:var(--space-md) 0;width:100%;max-width:100%}.liveness-complete h4{color:var(--status-success);font-size:15px}.result-screen{text-align:center;padding:var(--space-md) 0;width:100%;max-width:100%}.result-icon{margin-bottom:var(--space-md);font-size:52px}.result-icon.pending{animation:2s ease-in-out infinite pulse}.result-icon.success-icon{animation:1s bounce}.result-title{color:var(--bg-secondary);margin-bottom:var(--space-xs);font-size:20px;font-weight:700}.result-sub{color:var(--text-muted);margin-bottom:var(--space-md);font-size:14px}.timer-badge{background:var(--accent-primary);color:var(--primary);border-radius:var(--radius-full);padding:4px 14px;font-size:15px;font-weight:600;display:inline-block}.result-steps{gap:var(--space-sm);margin:var(--space-md) 0;text-align:left;padding:var(--space-md);background:var(--accent-primary);border-radius:var(--radius-sm);border:1px solid var(--accent-primary);flex-direction:column;width:100%;max-width:100%;display:flex}.result-step{align-items:center;gap:var(--space-sm);color:var(--text-inverse);font-size:13px;display:flex}.result-step-dot{background:var(--accent-primary);width:18px;height:18px;color:var(--text-inverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.result-step-dot.done{background:var(--status-success)}.card-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);background:var(--accent-primary);font-size:13px}.card-footer .link{color:var(--primary);transition:var(--transition-fast);font-weight:700;text-decoration:none}.card-footer .link:hover{color:var(--primary-dark);text-decoration:underline}.toast{background:var(--bg-secondary);color:var(--text-inverse);border-radius:var(--radius-sm);box-shadow:0 20px 60px var(--shadow-color);opacity:0;z-index:9999;text-align:center;max-width:90%;padding:10px 20px;font-size:13px;font-weight:500;transition:all .4s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast.success{background:var(--status-success)}.toast.error{background:var(--status-danger)}.toast.warning{background:var(--status-warning)}@media (width<=479px){.shopnest-register{padding:var(--space-sm)}.auth-card{border-radius:var(--radius-md)}.card-body{padding:var(--space-sm)}.step-indicator{padding:var(--space-sm) var(--space-xs);gap:1px}.step-dot{width:24px;height:24px;font-size:10px}.step-label{font-size:7px}.step-title{font-size:16px}.step-subtitle{font-size:12px}.field-row{gap:var(--space-sm);grid-template-columns:1fr}.role-selector{grid-template-columns:1fr}.phone-row{flex-direction:column}.phone-row select{width:100%}.otp-row{gap:var(--space-xs)}.otp-box{width:34px;height:40px;font-size:16px}.upload-row,.liveness-instructions{grid-template-columns:1fr}.btn-row{flex-direction:column}.btn-row .btn{width:100%}.verify-option{padding:var(--space-xs) var(--space-sm)}.vo-icon{width:32px;height:32px;font-size:16px}.vo-title{font-size:13px}.vo-sub{font-size:11px}.result-title{font-size:17px}.result-icon{font-size:40px}.card-footer{padding:var(--space-sm);font-size:12px}.camera-box{min-height:150px}.camera-box video{max-height:200px}.upload-area{min-height:100px;padding:var(--space-sm)}.upload-icon{font-size:24px}.upload-label{font-size:12px}}@media (width>=480px) and (width<=767px){.shopnest-register,.card-body{padding:var(--space-md)}.step-dot{width:28px;height:28px;font-size:11px}.step-label{font-size:8px}.otp-box{width:40px;height:46px;font-size:18px}.upload-row,.liveness-instructions{grid-template-columns:1fr 1fr}.btn-row{flex-direction:row}.camera-box{min-height:180px}.camera-box video{max-height:240px}}@media (width>=768px) and (width<=1023px){.shopnest-register{padding:var(--space-xl)}.auth-card{max-width:600px}.card-body{padding:var(--space-xl)}.step-title{font-size:20px}.step-dot{width:34px;height:34px;font-size:13px}.step-label{font-size:10px}.otp-box{width:48px;height:54px;font-size:22px}.upload-row{gap:var(--space-md)}.liveness-instructions{grid-template-columns:1fr 1fr}.camera-box{min-height:220px}.camera-box video{max-height:320px}}@media (width>=1024px){.shopnest-register{padding:var(--space-2xl)}.auth-card{max-width:640px;box-shadow:var(--shadow-xl)}.card-body{padding:var(--space-2xl)}.step-title{font-size:22px}.step-subtitle{font-size:15px}.step-dot{width:38px;height:38px;font-size:14px}.step-label{font-size:11px}.otp-box{width:54px;height:58px;font-size:24px}.upload-row{gap:var(--space-lg)}.liveness-instructions{grid-template-columns:1fr 1fr}.camera-box{min-height:260px}.camera-box video{max-height:380px}}@media (width>=1440px){.auth-card{max-width:720px}.card-body{padding:var(--space-2xl)}.step-title{font-size:24px}.step-subtitle{font-size:16px}.step-dot{width:42px;height:42px;font-size:15px}.step-label{font-size:12px}.otp-box{width:58px;height:62px;font-size:26px}}@media print{.shopnest-register{background:var(--text-inverse);padding:0}.auth-card{box-shadow:none;border:1px solid var(--accent-primary);border-radius:0}.btn,.social-btn,.upload-area input,.skip-link button,.pw-toggle{display:none!important}.step-panel{page-break-after:always;display:block!important}.step-panel:not(.active){display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary);color:var(--text-inverse)}::selection{background:var(--primary);color:var(--text-inverse)}input,select,textarea,button,*{max-width:100%}.step-indicator{flex-wrap:nowrap}.result-title{color:var(--bg-secondary)}.result-sub,.card-footer{color:var(--text-muted)}.card-footer .link{color:var(--primary)}.upload-label{color:var(--bg-tertiary)}.upload-sub{color:var(--text-muted)}.info-box.info,.info-box.warn,.info-box.success{color:var(--bg-secondary)}.inst-text{color:var(--text-secondary)}.instruction-step.done .inst-text{color:var(--status-success)}.instruction-step.active .inst-text{color:var(--bg-secondary)}.camera-placeholder div{color:var(--text-secondary);font-weight:500}.upload-info-box{background:var(--primary-bg,var(--accent-primary));border:1px solid var(--primary-light,var(--accent-light));color:var(--text-secondary,var(--text-muted));border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.upload-info-box i{color:var(--primary,var(--accent-secondary));font-size:16px}.selected-option-display{padding:var(--space-sm,10px) var(--space-md,16px);border-radius:var(--radius-md,12px);margin:var(--space-sm,12px) 0;transition:all var(--transition-base,.25s ease);background:#10b98114;border:1.5px solid #10b98133;justify-content:space-between;align-items:center;display:flex}.dark-mode .selected-option-display{background:#10b9811f;border-color:#10b9814d}.light-mode .selected-option-display{background:#10b9810f;border-color:#10b98126}.selected-badge{color:var(--success,#10b981);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.selected-badge:before{content:"✅";font-size:16px}.deselect-btn{color:var(--danger,#ef4444);border-radius:var(--radius-sm,8px);cursor:pointer;transition:all var(--transition-base,.25s ease);font-size:13px;font-weight:500;font-family:var(--font-family,inherit);background:#ef444414;border:1px solid #ef444426;align-items:center;gap:6px;padding:6px 14px;display:flex}.deselect-btn:hover{background:#ef444426;border-color:#ef44444d;transform:translateY(-1px);box-shadow:0 2px 8px #ef44441a}.deselect-btn:active{transform:scale(.96)}.deselect-btn i{font-size:14px}.dark-mode .deselect-btn{background:#ef44441f;border-color:#ef444433}.dark-mode .deselect-btn:hover{background:#ef444433;border-color:#ef444459}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary:disabled:hover{box-shadow:none!important;transform:none!important}@media (width<=480px){.selected-option-display{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.selected-badge{justify-content:center;font-size:13px}.deselect-btn{justify-content:center;width:100%;padding:8px 16px;font-size:13px}}:root.light-mode{--accent-gradient:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--shadow-sm:var(--shadow-color);--shadow-md:var(--shadow-color);--shadow-lg:var(--shadow-color);--success-text:var(--status-success);--warning-text:var(--status-warning)}:root{--accent-gradient:linear-gradient(135deg, var(--accent-light) 0%, var(--accent-secondary) 100%);--shadow-sm:var(--shadow-color);--shadow-md:var(--shadow-color);--shadow-lg:var(--shadow-color);--success-text:var(--status-success);--warning-text:var(--status-warning)}.home-container{width:100%;min-height:100vh;color:var(--text-primary);box-sizing:border-box;background:var(--bg-primary);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Plus Jakarta Sans,Segoe UI,sans-serif;transition:all .3s}.home-content{flex-direction:column;gap:24px;max-width:1200px;margin-top:20px;display:flex}.home-feed-posts-list{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:10px;width:100%;margin:80px auto 0 120px;display:grid}.empty-feed-state{text-align:center;width:100%;min-height:70vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.empty-feed-state i{color:var(--accent-primary);opacity:.5;margin-bottom:16px;font-size:64px}.empty-feed-state p{color:var(--text-secondary);margin:0;font-size:18px;font-weight:600}.empty-feed-state small{color:var(--text-muted);margin-top:8px;font-size:14px}.loading-feed-state{width:100%;min-height:70vh;color:var(--text-muted);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loading-spinner{border:4px solid var(--border-color);border-top:4px solid var(--warning-text);border-right:4px solid var(--warning-text);width:56px;height:56px;box-shadow:0 0 20px var(--status-warning-bg);border-radius:50%;animation:.8s linear infinite spin}.loading-feed-state p{color:var(--text-secondary);letter-spacing:.5px;margin-top:8px;font-size:16px;font-weight:600}.global-modal-overlay{box-sizing:border-box;padding:20px;animation:.3s ease-out fadeIn;background:var(--shadow-color)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:99999!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}@media (width<=768px){.home-container{width:100%;padding:0}.home-content{gap:20px}.home-feed-posts-list{grid-template-columns:1fr;gap:10px;width:calc(100% - 30px);max-width:100%;margin:90px auto 0}.empty-feed-state{min-height:60vh;padding:40px 16px}.empty-feed-state i{font-size:56px}.empty-feed-state p{font-size:16px}.loading-feed-state{min-height:60vh}.loading-spinner{width:48px;height:48px}.loading-feed-state p{font-size:14px}}@media (width<=480px){.home-feed-posts-list{gap:10px;width:calc(100% - 20px);max-width:100%;margin:75px auto 0}.empty-feed-state i{font-size:48px}.empty-feed-state p{font-size:15px}.loading-feed-state{min-height:55vh}.loading-spinner{width:44px;height:44px}}@media (width<=550px){.mode-toggle-container{flex-direction:column;gap:10px;width:100%;display:flex}.toggle-btn{justify-content:center;padding:12px 20px;font-size:14px}}.welcome-dashboard-clean{text-align:center;padding:40px 20px}.light-mode .home-container{background:var(--bg-primary);color:var(--text-primary)}.light-mode .empty-feed-state i{color:var(--accent-primary);opacity:.4}.highlight-post{animation:.5s 3 highlightPulse;border:2px solid var(--accent-light)!important;box-shadow:0 0 30px var(--status-success-bg)!important;border-radius:16px!important;transition:all .3s!important}@keyframes highlightPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.global-modal-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);z-index:9999;justify-content:center;align-items:center;padding:20px;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.post-add-box{background:var(--modal-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:620px;max-height:95vh;box-shadow:0 20px 60px var(--shadow-color);flex-direction:column;animation:.3s modalSlideUp;display:flex;position:relative;overflow:hidden}.pbox-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.pbox-header h3{color:var(--pp-text-secondary);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.pbox-close-btn{border:1px solid var(--border-color);background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.pbox-close-btn:hover{background:var(--status-danger-bg);border-color:var(--status-danger);color:var(--status-danger);transform:rotate(90deg)}.pbox-notice{background:var(--status-warning-bg);color:var(--status-warning);border-radius:var(--radius-sm);border:1px solid var(--status-warning);flex-shrink:0;align-items:center;gap:10px;margin:12px 20px 6px;padding:10px 16px;font-size:13px;display:flex}.pbox-notice i{flex-shrink:0;font-size:16px}.pbox-notice strong{font-weight:700}.pbox-body-form{flex:1;padding:16px 24px 8px;overflow-y:auto}.pbox-body-form::-webkit-scrollbar{width:4px}.pbox-body-form::-webkit-scrollbar-track{background:0 0}.pbox-body-form::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px}.pbox-body-form{scrollbar-width:thin;scrollbar-color:var(--accent-primary) transparent}.pb-group{margin-bottom:16px}.pb-group label{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.required-star{color:var(--status-danger);margin-left:2px}.char-count{float:right;color:var(--text-muted);font-size:12px;font-weight:400}.pb-group small{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.pb-group input,.pb-group textarea{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:10px 14px;font-family:inherit;font-size:14px}.pb-group textarea{resize:vertical;min-height:120px;font-family:inherit}.pb-radio-group{flex-wrap:wrap;gap:12px;margin:4px 0 8px;display:flex}.pb-radio-label{color:var(--text-secondary);cursor:pointer;border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:var(--bg-tertiary);align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.pb-radio-label:hover:not(:has(input:disabled)){border-color:var(--accent-primary);background:var(--bg-hover)}.pb-radio-label:has(input:checked){border-color:var(--accent-primary);background:var(--accent-glow);color:var(--accent-primary)}.pb-radio-label input{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0}.pb-radio-label input:disabled{opacity:.5;cursor:not-allowed}.pb-radio-label:has(input:disabled){opacity:.6;cursor:not-allowed}.pb-row-twin{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pb-budget-fixed input,.pb-deadline-fixed input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:10px 14px;font-size:14px}.pb-budget-fixed input:focus,.pb-deadline-fixed input:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring);outline:none}.pb-budget-fixed input:disabled,.pb-deadline-fixed input:disabled{opacity:.6;cursor:not-allowed}.pb-budget-range .pb-row-twin .pb-group input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:10px 14px;font-size:14px}.pb-budget-range .pb-row-twin .pb-group input:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring);outline:none}.pb-budget-range .pb-row-twin .pb-group input:disabled{opacity:.6;cursor:not-allowed}.pb-budget-range small{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.pb-deadline-range .pb-row-twin .pb-group input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:10px 14px;font-size:14px}.pb-deadline-range .pb-row-twin .pb-group input:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring);outline:none}.pb-deadline-range .pb-row-twin .pb-group input:disabled{opacity:.6;cursor:not-allowed}.pb-deadline-range small{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.pbox-error{background:var(--status-danger-bg);border:1px solid var(--status-danger);border-radius:var(--radius-sm);color:var(--status-danger);align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.pbox-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-wrap:wrap;flex-shrink:0;gap:10px;padding:16px 24px 20px;display:flex}.pbox-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;justify-content:center;align-items:center;gap:8px;min-width:80px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.pb-btn-close{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.pb-btn-reset{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.pb-btn-reset:hover:not(:disabled){background:var(--status-warning-bg);border-color:var(--status-warning);color:var(--status-warning)}.pb-btn-publish{background:var(--gradient-primary);color:var(--text-inverse);border:none;flex:2}.pb-btn-publish:hover:not(:disabled){opacity:.9;box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}.pb-btn-publish:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.post-add-box{border-radius:var(--radius-md);max-width:95%;max-height:98vh}.pbox-header{padding:14px 18px}.pbox-header h3{font-size:16px}.pbox-body-form{padding:12px 16px 6px}.pbox-footer{gap:8px;padding:12px 16px 16px}.pbox-btn{min-width:60px;padding:8px 14px;font-size:13px}.pb-row-twin{grid-template-columns:1fr 1fr;gap:12px}.pbox-notice{margin:10px 16px 4px;padding:8px 12px;font-size:12px}.pb-radio-group{gap:8px}.pb-radio-label{padding:6px 12px;font-size:13px}}@media (width<=480px){.global-modal-overlay{align-items:flex-end;padding:10px}.post-add-box{border-radius:var(--radius-md) var(--radius-md) 0 0;max-width:100%;max-height:98vh;animation:.3s modalSlideUpMobile}@keyframes modalSlideUpMobile{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.pbox-header{padding:12px 16px}.pbox-header h3{gap:8px;font-size:15px}.pbox-header h3 i{font-size:16px}.pbox-close-btn{width:32px;height:32px;font-size:16px}.pbox-body-form{padding:10px 14px 4px}.pbox-body-form::-webkit-scrollbar{width:3px}.pb-group{margin-bottom:12px}.pb-group label{font-size:13px}.pb-group input,.pb-group textarea{padding:8px 12px;font-size:13px}.pb-group textarea{min-height:100px}.char-count{font-size:10px}.pb-row-twin{grid-template-columns:1fr 1fr;gap:10px}.pb-radio-group{flex-direction:column;gap:6px}.pb-radio-label{width:100%;padding:8px 14px;font-size:13px}.pbox-notice{flex-wrap:wrap;gap:6px;margin:8px 14px 2px;padding:6px 10px;font-size:11px}.pbox-notice i{font-size:14px}.pbox-footer{gap:6px;padding:10px 14px 14px}.pbox-btn{flex:1;min-width:50px;padding:8px 12px;font-size:12px}.pbox-btn i{font-size:12px}.pb-btn-publish{flex:2}.pbox-error{margin-bottom:10px;padding:8px 12px;font-size:12px}.pbox-error i{font-size:14px}.pb-budget-range .pb-row-twin,.pb-deadline-range .pb-row-twin{grid-template-columns:1fr 1fr;gap:8px}.pb-budget-range .pb-row-twin .pb-group,.pb-deadline-range .pb-row-twin .pb-group{margin-bottom:0}.pb-budget-range small,.pb-deadline-range small{font-size:10px}}@media (width<=380px){.post-add-box{border-radius:0;max-height:100vh}.pbox-header h3{font-size:13px}.pb-group input,.pb-group textarea{padding:6px 10px;font-size:12px}.pb-row-twin{grid-template-columns:1fr;gap:8px}.pb-radio-label{padding:6px 12px;font-size:12px}.pbox-btn{padding:6px 10px;font-size:11px}.pbox-notice{padding:5px 8px;font-size:10px}.pb-budget-range .pb-row-twin,.pb-deadline-range .pb-row-twin{grid-template-columns:1fr 1fr}}.light-mode .post-add-box{background:var(--bg-secondary);box-shadow:0 20px 60px #00000026}.light-mode .pbox-header,.light-mode .pbox-footer{background:var(--bg-secondary)}.light-mode .pb-group input,.light-mode .pb-group textarea,.light-mode .pb-radio-label{background:var(--bg-tertiary)}.light-mode .pb-radio-label:hover:not(:has(input:disabled)){background:var(--bg-hover)}.light-mode .pb-radio-label:has(input:checked){background:var(--accent-glow)}.light-mode .pbox-notice{background:#f59e0b1a}.light-mode .pbox-error{background:#ef444414}@media (prefers-reduced-motion:reduce){.global-modal-overlay,.post-add-box,.pbox-close-btn,.pbox-btn{transition:none!important;animation:none!important;transform:none!important}.pbox-btn:hover:not(:disabled){transform:none!important}}@media (prefers-contrast:high){.post-add-box,.pb-group input,.pb-group textarea{border:2px solid var(--border-color)}.pb-group input:focus,.pb-group textarea:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.pbox-notice{border:2px solid var(--status-warning)}.pbox-error{border:2px solid var(--status-danger)}.pb-radio-label{border:2px solid var(--border-color)}.pb-radio-label:has(input:checked){border:2px solid var(--accent-primary)}}.pb-group input:focus-visible,.pb-group textarea:focus-visible,.pbox-btn:focus-visible,.pbox-close-btn:focus-visible,.pb-radio-label input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:root{--psb-primary:var(--accent-secondary);--psb-primary-dark:var(--accent-primary);--psb-primary-light:var(--accent-light);--psb-primary-bg:var(--accent-primary);--psb-bg:var(--text-inverse);--psb-bg-secondary:var(--text-primary);--psb-bg-hover:var(--bg-tertiary);--psb-border:var(--border-color);--psb-border-light:var(--bg-tertiary);--psb-text:var(--bg-secondary);--psb-text-secondary:var(--text-muted);--psb-text-muted:var(--text-secondary);--psb-success:var(--status-success);--psb-warning:var(--status-warning);--psb-danger:var(--status-danger);--psb-info:var(--status-info);--psb-shadow:0 20px 60px var(--shadow-color);--psb-shadow-sm:0 1px 3px var(--shadow-color);--psb-radius:16px;--psb-radius-sm:8px;--psb-radius-full:9999px;--psb-space-xs:4px;--psb-space-sm:8px;--psb-space-md:16px;--psb-space-lg:24px;--psb-space-xl:32px;--psb-space-2xl:40px;--psb-transition:.25s cubic-bezier(.25, .46, .45, .94);--psb-font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", system-ui, sans-serif}.global-modal-overlay{background:var(--shadow-color);-webkit-backdrop-filter:blur(20px);z-index:99999;padding:var(--psb-space-md);justify-content:center;align-items:center;animation:.3s overlayFade;display:flex;position:fixed;inset:0}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.post-add-box{background:var(--psb-bg);border-radius:var(--psb-radius);width:100%;max-width:600px;max-height:calc(100vh - 40px);box-shadow:var(--psb-shadow);border:1px solid var(--glass-bg);animation:.35s cubic-bezier(.34,1.56,.64,1) slideUp;overflow-y:auto}.post-add-box::-webkit-scrollbar{width:4px}.post-add-box::-webkit-scrollbar-track{background:0 0}.post-add-box::-webkit-scrollbar-thumb{background:var(--psb-primary);border-radius:10px}.pbox-header{padding:var(--psb-space-lg) var(--psb-space-xl);border-bottom:1px solid var(--psb-border);background:var(--psb-bg-secondary);border-radius:var(--psb-radius) var(--psb-radius) 0 0;z-index:2;background:var(--psb-bg);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.pbox-header h3{align-items:center;gap:var(--psb-space-sm);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700;display:flex}.pbox-header h3 i{font-size:20px}.pbox-close-btn{background:var(--psb-bg-hover);width:36px;height:36px;color:var(--psb-text-muted);cursor:pointer;transition:all var(--psb-transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.pbox-close-btn:hover{background:var(--accent-primary);color:var(--psb-danger);transform:rotate(90deg)}.upload-progress-bar{padding:var(--psb-space-md) var(--psb-space-xl);background:var(--psb-primary-bg);border-bottom:1px solid var(--psb-border)}.progress-text{color:var(--psb-text-secondary);margin-bottom:var(--psb-space-xs);font-size:13px;font-weight:500}.progress-track{background:var(--psb-border);border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-fill{background:var(--psb-primary);border-radius:2px;height:100%;transition:width .3s}.pbox-body-form{padding:var(--psb-space-xl);gap:var(--psb-space-md);flex-direction:column;display:flex}.pbox-error{align-items:center;gap:var(--psb-space-sm);padding:var(--psb-space-md);background:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--psb-radius-sm);color:var(--psb-danger);font-size:14px;font-weight:500;animation:.4s shake;display:flex}.pbox-error i{flex-shrink:0;font-size:18px}.image-size-info{align-items:center;gap:var(--psb-space-sm);padding:var(--psb-space-sm) var(--psb-space-md);background:var(--psb-primary-bg);border-radius:var(--psb-radius-sm);color:var(--psb-text-secondary);font-size:13px;display:flex}.image-size-info i{color:var(--psb-primary)}.image-size-info .size-badge{color:var(--psb-success);align-items:center;gap:4px;margin-left:auto;font-weight:500;display:flex}.pb-group{gap:var(--psb-space-xs);flex-direction:column;width:100%;display:flex}.pb-group label{color:var(--psb-text-secondary);flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.pb-group .image-hint{color:var(--psb-text-muted);margin-left:var(--psb-space-sm);font-size:12px;font-weight:400}.pb-group input,.pb-group textarea{border:1.5px solid var(--psb-border);border-radius:var(--psb-radius-sm);width:100%;font-size:14px;font-family:var(--psb-font);color:var(--psb-text);background:var(--psb-bg);transition:all var(--psb-transition);appearance:none;padding:10px 14px}.pb-group input::placeholder,.pb-group textarea::placeholder{color:var(--psb-text-muted)}.pb-group input:disabled,.pb-group textarea:disabled{opacity:.6;cursor:not-allowed}.pb-group textarea{resize:vertical;min-height:120px;font-family:var(--psb-font);line-height:1.6}.pb-group small{color:var(--psb-text-muted);margin-top:2px;font-size:12px;font-weight:500}.char-count{color:var(--psb-text-muted);text-align:right;transition:color var(--psb-transition);margin-top:2px;font-size:12px;font-weight:500;display:block}.char-count.warning{color:var(--psb-warning)}.char-count.danger{color:var(--psb-danger);font-weight:600}.pb-group input.limit-reached,.pb-group textarea.limit-reached{border-color:var(--psb-danger);background:var(--accent-primary)}.pb-group input.limit-reached:focus,.pb-group textarea.limit-reached:focus{border-color:var(--psb-danger);box-shadow:0 0 0 3px var(--status-danger-bg)}.upload-drop-zone{border:2px dashed var(--psb-border);border-radius:var(--psb-radius-sm);padding:var(--psb-space-xl);text-align:center;cursor:pointer;transition:all var(--psb-transition);background:var(--psb-bg-secondary);position:relative}.upload-drop-zone:hover:not(.disabled){border-color:var(--psb-primary);background:var(--psb-primary-bg)}.upload-drop-zone.drag-over{border-color:var(--psb-primary);background:var(--psb-primary-bg);transform:scale(1.02)}.upload-drop-zone.disabled{opacity:.6;cursor:not-allowed}.upload-drop-zone i{color:var(--psb-text-muted);margin-bottom:var(--psb-space-sm);font-size:32px;display:block}.upload-drop-zone p{color:var(--psb-text-secondary);margin:0;font-size:14px;font-weight:500}.upload-drop-zone span{color:var(--psb-text-muted);margin-top:var(--psb-space-xs);font-size:12px;display:block}.upload-drop-zone-disabled{border:2px solid var(--psb-success);border-radius:var(--psb-radius-sm);padding:var(--psb-space-md);text-align:center;background:var(--accent-primary)}.upload-drop-zone-disabled p{color:var(--psb-text-secondary);margin:0;font-size:14px;font-weight:500}.upload-drop-zone-disabled i{color:var(--psb-success);margin-right:var(--psb-space-sm)}.multi-preview-grid{gap:var(--psb-space-sm);margin-top:var(--psb-space-sm);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.upload-preview-container{border-radius:var(--psb-radius-sm);border:2px solid var(--psb-border);aspect-ratio:1;background:var(--psb-bg-secondary);transition:all var(--psb-transition);position:relative;overflow:hidden}.upload-preview-container:hover{border-color:var(--psb-primary);box-shadow:var(--psb-shadow-sm)}.uploaded-live-img{object-fit:cover;width:100%;height:100%}.image-order-badge{background:var(--shadow-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-inverse);border-radius:var(--psb-radius-full);padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:6px;left:6px}.image-size-badge{background:var(--shadow-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-inverse);border-radius:var(--psb-radius-full);padding:2px 8px;font-size:10px;font-weight:500;position:absolute;bottom:6px;right:6px}.remove-img-btn{background:var(--status-danger-bg);width:28px;height:28px;color:var(--text-inverse);cursor:pointer;transition:all var(--psb-transition);opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:6px;right:6px;transform:scale(.8)}.upload-preview-container:hover .remove-img-btn{opacity:1;transform:scale(1)}.remove-img-btn:hover{background:var(--psb-danger);transform:scale(1.1)!important}.pbox-footer{align-items:center;gap:var(--psb-space-sm);padding:var(--psb-space-md) var(--psb-space-xl);border-top:1px solid var(--psb-border);background:var(--psb-bg-secondary);border-radius:0 0 var(--psb-radius) var(--psb-radius);display:flex}.pbox-btn{border-radius:var(--psb-radius-sm);font-size:14px;font-weight:600;font-family:var(--psb-font);cursor:pointer;transition:all var(--psb-transition);justify-content:center;align-items:center;gap:var(--psb-space-sm);border:none;flex:1;padding:10px 20px;display:inline-flex}.pbox-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.pb-btn-close{color:var(--psb-text-secondary);border:1.5px solid var(--psb-border);background:0 0}.pb-btn-close:hover:not(:disabled){background:var(--psb-bg-hover);border-color:var(--psb-text-muted)}.pb-btn-reset{background:var(--psb-bg-hover);color:var(--psb-text-secondary)}.pb-btn-reset:hover:not(:disabled){background:var(--psb-border);color:var(--psb-text)}.pb-btn-publish{background:var(--psb-primary);color:var(--text-inverse);box-shadow:0 2px 12px var(--status-success-bg)}.pb-btn-publish:hover:not(:disabled){background:var(--psb-primary-dark);box-shadow:0 4px 20px var(--status-success-bg);transform:translateY(-1px)}.pb-btn-publish:active:not(:disabled){transform:scale(.97)}.pb-btn-publish.btn-locked-style{background:var(--psb-text-muted);box-shadow:none}.pb-btn-publish.btn-locked-style:hover:not(:disabled){background:var(--psb-text-muted);box-shadow:none;transform:none}@media (width<=1024px){.pbox-body-form{padding:var(--psb-space-lg)}.pbox-footer,.pbox-header{padding:var(--psb-space-md) var(--psb-space-lg)}.upload-progress-bar{padding:var(--psb-space-sm) var(--psb-space-lg)}}@media (width<=768px){.post-add-box{border-radius:var(--psb-radius-sm);max-height:calc(100vh - 20px)}.pbox-body-form{padding:var(--psb-space-md);gap:var(--psb-space-sm)}.pbox-header{padding:var(--psb-space-md)}.pbox-header h3{font-size:16px}.pbox-footer{padding:var(--psb-space-sm) var(--psb-space-md);flex-wrap:wrap}.pbox-btn{flex:1;min-width:80px;padding:8px 14px;font-size:13px}.pb-row-twin{gap:var(--psb-space-sm);grid-template-columns:1fr 1fr}.pb-group input,.pb-group textarea{padding:8px 12px;font-size:15px}.pb-group textarea{min-height:80px}.pb-group label{font-size:13px}.char-count{font-size:11px}.pbox-error{padding:var(--psb-space-sm);font-size:13px}.upload-drop-zone{padding:var(--psb-space-lg)}.upload-drop-zone i{font-size:28px}.upload-drop-zone p{font-size:13px}.multi-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-size-info{padding:var(--psb-space-xs) var(--psb-space-sm);font-size:12px}.upload-progress-bar{padding:var(--psb-space-sm) var(--psb-space-md)}.progress-text{font-size:12px}}@media (width<=480px){.post-add-box{border-radius:var(--psb-radius-sm);max-height:calc(100vh - 10px)}.pbox-body-form,.pbox-header{padding:var(--psb-space-sm)}.pbox-header h3{font-size:15px}.pbox-close-btn{width:32px;height:32px;font-size:16px}.pb-row-twin{grid-template-columns:1fr}.pbox-footer{padding:var(--psb-space-sm);flex-direction:column}.pbox-btn{width:100%;padding:10px;font-size:14px}.pb-group input,.pb-group textarea{padding:8px 10px;font-size:14px}.pb-group textarea{min-height:60px}.pb-group small{font-size:11px}.pbox-error{font-size:12px}.upload-drop-zone{padding:var(--psb-space-md)}.upload-drop-zone i{font-size:24px}.upload-drop-zone p{font-size:12px}.upload-drop-zone span{font-size:11px}.multi-preview-grid{gap:var(--psb-space-xs);grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.remove-img-btn{width:24px;height:24px;font-size:10px;top:4px;right:4px}.image-order-badge{padding:1px 6px;font-size:10px;top:4px;left:4px}.image-size-badge{padding:1px 6px;font-size:9px;bottom:4px;right:4px}.pb-group .image-hint{font-size:11px}}@media (prefers-color-scheme:dark){:root{--psb-bg:var(--accent-primary);--psb-bg-secondary:var(--accent-primary);--psb-bg-hover:var(--accent-primary);--psb-border:var(--accent-primary);--psb-border-light:var(--accent-primary);--psb-text:var(--accent-primary);--psb-text-secondary:var(--accent-primary);--psb-text-muted:var(--accent-primary);--psb-primary-bg:var(--status-success-bg);--psb-shadow:0 20px 60px var(--shadow-color)}.post-add-box{border-color:var(--glass-bg)}.pbox-header{border-color:var(--psb-border)}.pbox-close-btn{background:var(--psb-bg-secondary);color:var(--psb-text-muted)}.pbox-close-btn:hover{background:var(--status-danger-bg);color:var(--psb-danger)}.pbox-error{background:var(--status-danger-bg);border-color:var(--status-danger-bg);color:var(--status-danger)}.pb-group input,.pb-group textarea{background:var(--psb-bg-secondary);border-color:var(--psb-border);color:var(--psb-text)}.pb-group input::placeholder,.pb-group textarea::placeholder{color:var(--psb-text-muted)}.pb-group input:focus,.pb-group textarea:focus{border-color:var(--psb-primary);box-shadow:0 0 0 3px var(--status-success-bg)}.pb-group input.limit-reached,.pb-group textarea.limit-reached{border-color:var(--psb-danger);background:var(--status-danger-bg)}.pbox-footer{border-color:var(--psb-border);background:var(--psb-bg-secondary)}.pb-btn-close{color:var(--psb-text-secondary);border-color:var(--psb-border)}.pb-btn-close:hover:not(:disabled){background:var(--psb-bg-hover)}.pb-btn-reset{background:var(--psb-bg-hover);color:var(--psb-text-secondary)}.pb-btn-reset:hover:not(:disabled){background:var(--psb-border);color:var(--psb-text)}.char-count{color:var(--psb-text-muted)}.char-count.danger{color:var(--psb-danger)}.char-count.warning{color:var(--psb-warning)}.upload-drop-zone{background:var(--psb-bg-secondary)}.upload-drop-zone:hover:not(.disabled),.upload-drop-zone.drag-over{border-color:var(--psb-primary);background:var(--status-success-bg)}.upload-drop-zone i{color:var(--psb-text-muted)}.upload-drop-zone p{color:var(--psb-text-secondary)}.upload-drop-zone span{color:var(--psb-text-muted)}.upload-drop-zone-disabled{background:var(--status-success-bg)}.image-size-info{background:var(--status-success-bg);color:var(--psb-text-secondary)}.upload-progress-bar{background:var(--status-success-bg);border-color:var(--psb-border)}.progress-text{color:var(--psb-text-secondary)}.progress-track{background:var(--psb-border)}.upload-preview-container{border-color:var(--psb-border);background:var(--psb-bg-secondary)}.upload-preview-container:hover{border-color:var(--psb-primary)}.pb-group .image-hint{color:var(--psb-text-muted)}.image-size-info .size-badge{color:var(--psb-success)}.pb-btn-publish.btn-locked-style{background:var(--psb-text-muted)}}@media (prefers-reduced-motion:reduce){.global-modal-overlay,.post-add-box,.pbox-close-btn,.pbox-btn,.progress-fill,.upload-drop-zone{transition-duration:.01ms!important;animation-duration:.01ms!important;transform:none!important}.pbox-error{animation:none!important}.upload-drop-zone.drag-over{transform:none!important}.remove-img-btn{opacity:1!important;transform:scale(1)!important}}@media (prefers-contrast:high){.pb-group input,.pb-group textarea{border-width:2px}.pb-group input.limit-reached,.pb-group textarea.limit-reached{border-color:var(--shadow-color)!important;background:var(--accent-primary)!important}.char-count.danger{color:var(--shadow-color)!important;font-weight:700!important}.pbox-btn{border:2px solid}.pb-btn-publish{background:var(--accent-primary)!important}.upload-drop-zone{border-width:2px}.pbox-close-btn:focus-visible,.pbox-btn:focus-visible,.pb-group input:focus-visible,.pb-group textarea:focus-visible,.remove-img-btn:focus-visible{outline:3px solid var(--shadow-color)!important;outline-offset:2px!important}}.pbox-close-btn:focus-visible,.pbox-btn:focus-visible,.pb-group input:focus-visible,.pb-group textarea:focus-visible,.remove-img-btn:focus-visible{outline:2px solid var(--psb-primary);outline-offset:2px}@media print{.global-modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;position:static}.post-add-box{box-shadow:none!important;border:1px solid var(--accent-primary)!important;max-height:none!important;overflow:visible!important}.pbox-close-btn,.pbox-btn,.remove-img-btn,.upload-drop-zone{display:none!important}.pbox-header{border-bottom:1px solid var(--accent-primary)!important}.multi-preview-grid{flex-wrap:wrap!important;gap:10px!important;display:flex!important}.upload-preview-container{width:100px!important;height:100px!important}.image-order-badge,.image-size-badge{display:none!important}}.dark-cyber-theme-container{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:all .3s;position:relative}.cyber-side-dock{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:85px;box-shadow:0 20px 60px var(--shadow-color);border-radius:24px;flex-direction:column;justify-content:space-between;align-items:center;padding:30px 0;transition:all .3s;display:flex;position:fixed;top:20px;bottom:20px;left:20px}.dock-logo{color:var(--accent-primary);filter:drop-shadow(0 0 8px var(--accent-glow));margin-bottom:30px;font-size:26px}.dock-menu{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.dock-item{width:50px;height:50px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:16px;justify-content:center;align-items:center;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible!important}.dock-item:hover,.dock-item.active{color:var(--accent-primary);background:var(--bg-hover);transform:scale(1.05)}.dock-item.active{box-shadow:0 4px 15px var(--accent-glow)}.dock-item.active-trigger{color:var(--accent-primary);background:var(--bg-hover)}.unread-badge{background:linear-gradient(135deg, var(--status-danger), var(--status-danger));color:var(--text-inverse);min-width:18px;height:18px;box-shadow:0 0 10px var(--status-danger-bg);border-radius:20px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.unread-badge.bottom{min-width:16px;height:16px;font-size:9px;top:-3px;right:-3px}.floating-utility-hub{background:var(--bg-secondary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:99;box-shadow:0 8px 30px var(--shadow-color);border-radius:20px;justify-content:space-between;align-items:center;padding:16px 24px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s,background .3s,border-color .3s;display:flex;position:fixed;top:20px;left:130px;right:30px}.header-hidden{opacity:0;transform:translateY(-150%)}.header-visible{opacity:1;transform:translateY(0)}.page-intent-title{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.title-flex-trigger{align-items:center;gap:10px;display:flex}.title-flex-trigger h1{color:var(--text-primary);margin:0;font-size:20px;font-weight:800}.title-flex-trigger i{color:var(--text-muted);font-size:12px;transition:transform .3s}.page-intent-title.active .title-flex-trigger i{color:var(--accent-primary);transform:rotate(180deg)}.mode-switcher-dropdown{background:var(--dropdown-bg);border:1px solid var(--border-color);z-index:9999;width:260px;box-shadow:0 10px 40px var(--shadow-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;padding:10px;display:none;position:absolute;top:calc(100% + 12px);left:0}.mode-switcher-dropdown.show{animation:.3s slideDown;display:block}.mode-opt{color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .25s;display:flex}.mode-opt:hover,.mode-opt.selected{background:var(--bg-hover);color:var(--text-primary)}.mode-opt.selected i{color:var(--accent-primary)}.opt-meta{text-align:left;flex-direction:column;font-size:13px;font-weight:700;display:flex}.search-pill{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:12px;width:280px;padding:10px 18px;transition:all .3s;display:flex}.search-pill:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.search-pill input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-pill input::placeholder{color:var(--text-muted)}.content-body-real{box-sizing:border-box;width:100%;min-height:auto}.minimal-dropdown{background:var(--dropdown-bg,var(--text-inverse));border:1px solid var(--border-color);width:320px;max-width:calc(100vw - 40px);box-shadow:0 30px 70px var(--shadow-color);-webkit-backdrop-filter:blur(20px);z-index:99999;box-sizing:border-box;pointer-events:auto;touch-action:manipulation;visibility:hidden;opacity:0;border-radius:24px;padding:18px;transition:opacity .3s,transform .3s;animation:.3s fadeIn;display:none;position:fixed;transform:translateY(-10px)scale(.96)}.minimal-dropdown.show{opacity:1;visibility:visible;display:block;transform:translateY(0)scale(1)}.desktop-dropdown-pos{transform-origin:0 100%;position:fixed;bottom:30px;left:95px}.mobile-dropdown-pos{transform-origin:100% 100%;position:fixed;bottom:80px;right:15px}.drop-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:12px;padding-bottom:14px;display:flex}.avatar-glow{background:linear-gradient(135deg, var(--accent-primary), var(--bg-tertiary));width:42px;height:42px;color:var(--text-primary);box-shadow:0 4px 12px var(--accent-glow,var(--status-success-bg));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex;overflow:hidden}.avatar-glow .avatar-img{object-fit:cover;width:100%;height:100%}@media (width<=768px){.desktop-dropdown-pos{display:none}.mobile-dropdown-pos{border-radius:24px 24px 0 0;width:calc(100% - 30px);max-width:calc(100% - 30px);transition:bottom .4s cubic-bezier(.4,0,.2,1);inset:auto 15px -100%;transform:translateY(0)scale(1)}.mobile-dropdown-pos.show{bottom:80px}}@media (width<=480px){.minimal-dropdown{border-radius:20px 20px 0 0;width:calc(100% - 30px);max-width:calc(100% - 30px);padding:14px;left:15px;right:15px}.drop-header{margin-bottom:10px;padding-bottom:10px}.avatar-glow{width:36px;height:36px;font-size:14px}.user-meta h4{font-size:13px}.user-meta p{font-size:10px}}@media (prefers-color-scheme:dark){.minimal-dropdown{border-color:var(--status-success-bg);box-shadow:0 30px 70px var(--shadow-color)}.drop-header{border-color:var(--status-success-bg)}}.light-mode .minimal-dropdown{background:var(--text-inverse);border-color:var(--border-color);box-shadow:0 30px 70px var(--shadow-color)}.light-mode .drop-header{border-color:var(--border-color)}.light-mode .user-meta h4{color:var(--text-primary)}.light-mode .user-meta p{color:var(--accent-primary)}@media (prefers-reduced-motion:reduce){.minimal-dropdown{transition-duration:.01ms;animation-duration:.01ms;transform:none}.minimal-dropdown.show{transform:none}}@media (prefers-contrast:high){.minimal-dropdown{border-width:2px}}.avatar-glow{background:linear-gradient(135deg, var(--accent-primary), var(--bg-tertiary));width:42px;height:42px;color:var(--text-primary);box-shadow:0 4px 12px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;overflow:hidden}.user-meta h4{color:var(--text-primary);text-align:left;margin:0;font-size:14px;font-weight:700}.user-meta p{color:var(--accent-primary);text-align:left;margin:4px 0 0;font-size:11px;font-weight:600}.drop-item{color:var(--text-primary);cursor:pointer;text-align:left;background-color:#0000;border:none;border-radius:14px;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;padding:12px 14px;font-size:14px;text-decoration:none;transition:all .25s;display:flex}.item-left{align-items:center;gap:12px;display:flex}.item-left i{color:var(--text-secondary);text-align:center;width:16px;font-size:14px;transition:color .25s}.item-left span{font-size:13px;font-weight:600}.wallet-highlight-row{background:var(--bg-tertiary);border:1px solid var(--border-color)}.badge-usdt{background:var(--status-success-bg);color:var(--accent-primary);border-radius:8px;padding:3px 10px;font-size:11px;font-weight:700}.drop-item:hover{background:var(--bg-hover);color:var(--text-primary)}.drop-item:hover .item-left i{color:var(--accent-primary)}.drop-divider{background:var(--border-color);height:1px;margin:8px 0}.drop-item.logout-action:hover .item-left i,.drop-item.logout-action:hover .item-left span{color:var(--status-danger)}.global-floating-fab{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));width:60px;height:60px;color:var(--text-inverse);cursor:pointer;z-index:999;box-shadow:0 6px 20px var(--accent-glow);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:30px;right:30px}.global-floating-fab:hover{box-shadow:0 8px 30px var(--accent-glow);transform:scale(1.1)rotate(90deg)}.cyber-bottom-bar{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:60px;box-shadow:0 15px 40px var(--shadow-color);border-radius:20px;justify-content:space-around;align-items:center;transition:all .3s;display:none;position:fixed;bottom:15px;left:15px;right:15px}.cb-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible!important}.cb-item:hover,.cb-item.active{color:var(--accent-primary);background:var(--bg-hover);transform:translateY(-2px)}.cb-item.active{box-shadow:0 4px 12px var(--accent-glow)}.cb-item.active-trigger{color:var(--accent-primary);background:var(--bg-hover)}@media (width<=1024px){.floating-utility-hub{padding:14px 20px;left:130px;right:20px}}@media (width<=768px){.cyber-side-dock,.desktop-dropdown-pos{display:none}.cyber-bottom-bar{display:flex}.content-container-wrapper{box-sizing:border-box;width:100%;max-width:100%;margin-left:0}.floating-utility-hub{box-sizing:border-box;z-index:9999;border-radius:16px;flex-direction:column;align-items:stretch;width:calc(100% - 30px);padding:12px 16px;position:fixed;top:15px;left:15px;right:15px}.title-flex-trigger h1{font-size:16px}.search-pill{box-sizing:border-box;width:100%;padding:8px 14px}.mobile-dropdown-pos{z-index:9999;border-radius:24px 24px 0 0;width:calc(100% - 30px);transition:bottom .4s cubic-bezier(.4,0,.2,1);display:block;position:fixed;inset:auto 15px -100%}.mobile-dropdown-pos.show{bottom:80px}.global-floating-fab{z-index:999;width:55px;height:55px;font-size:22px;bottom:90px;right:20px}.content-body-real{width:100%;padding-top:0;padding-left:0}}@media (width<=480px){.content-container-wrapper{padding:0}.floating-utility-hub{width:calc(100% - 20px);margin-top:-10px;padding:10px 12px;left:10px;right:10px}.title-flex-trigger h1{font-size:15px}.cyber-bottom-bar{height:55px;bottom:10px;left:10px;right:10px}.cb-item{width:44px;height:44px;font-size:18px}.global-floating-fab{width:50px;height:50px;font-size:20px;bottom:80px;right:15px}.minimal-dropdown{pointer-events:auto;width:calc(100% - 30px);right:15px}}@media (width<=360px){.floating-utility-hub{padding:8px 10px}.title-flex-trigger h1{font-size:14px}.cb-item{width:40px;height:40px;font-size:16px}.global-floating-fab{width:45px;height:45px;font-size:18px}}.search-container{width:280px;position:relative}.search-results-dropdown{background:var(--dropdown-bg);border:1px solid var(--border-color);z-index:9999;box-shadow:0 20px 50px var(--shadow-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;max-height:400px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto}.search-results-dropdown::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.search-result-item{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-hover)}.result-icon{background:var(--bg-hover);width:40px;height:40px;color:var(--accent-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.result-info{flex:1;min-width:0}.result-info h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:600;overflow:hidden}.result-info p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.result-description{color:var(--text-muted);-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.result-badge{flex-shrink:0}.badge-job{background:var(--status-info-bg);color:var(--status-info);white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:600}.badge-service{background:var(--status-success-bg);color:var(--status-success);white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:600}mark.search-highlight{background:var(--status-warning-bg);color:var(--status-warning);border-radius:2px;padding:0 2px}@media (width<=768px){.search-container{width:100%;margin-top:4px}.search-results-dropdown{max-height:350px;margin-top:8px;position:fixed;top:auto;left:15px;right:15px}.search-result-item{gap:10px;padding:12px}.result-icon{width:36px;height:36px;font-size:16px}.result-info h4{font-size:13px}.result-info p{font-size:11px}.result-description{-webkit-line-clamp:1;font-size:11px}.badge-job,.badge-service{padding:3px 8px;font-size:9px}}@media (width<=480px){.search-results-dropdown{max-height:300px;left:10px;right:10px}.search-result-item{padding:10px}.result-icon{width:32px;height:32px;font-size:14px}.result-info h4{font-size:12px}.result-info p{font-size:10px}}.light-mode .dark-cyber-theme-container{background:var(--bg-primary);color:var(--text-primary)}.light-mode .cyber-side-dock,.light-mode .floating-utility-hub,.light-mode .cyber-bottom-bar,.light-mode .minimal-dropdown,.light-mode .search-results-dropdown{background:var(--dropdown-bg);border-color:var(--border-color)}.light-mode .dock-item{color:var(--text-secondary)}.light-mode .dock-item:hover,.light-mode .cb-item:hover{background:var(--bg-hover);color:var(--accent-primary)}.light-mode .drop-item{color:var(--text-primary)}.light-mode .drop-item:hover{background:var(--bg-hover)}.light-mode .search-pill,.light-mode .wallet-highlight-row{background:var(--bg-tertiary)}.unread-badge{background:linear-gradient(135deg, var(--status-danger), var(--status-danger));color:var(--text-inverse);min-width:20px;height:20px;box-shadow:0 0 15px var(--status-danger-bg);z-index:999;border:2px solid var(--bg-primary);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.unread-badge.bottom{border-width:1.5px;min-width:18px;height:18px;font-size:9px;top:-4px;right:-4px}.dock-item{position:relative}.light-mode .unread-badge{border-color:var(--text-inverse)}.dark-mode .unread-badge{border-color:var(--bg-primary)}.badge-usdt{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success-bg);border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:600}.wallet-highlight-row{border-left:3px solid var(--status-success)}.wallet-highlight-row:hover .badge-usdt{background:var(--status-success-bg)}.dock-feedback-wrapper .feedback-fab{background:var(--glass-bg)!important;border:1px solid var(--glass-bg)!important;width:38px!important;height:38px!important;color:var(--accent-primary)!important;border-radius:12px!important;justify-content:center!important;margin-right:59px!important;font-size:16px!important;transition:all .3s!important}.dock-feedback-wrapper .feedback-fab:hover{background:var(--status-success-bg)!important;border-color:var(--status-success-bg)!important;color:var(--status-success)!important;transform:scale(1.05)!important}.dock-item.notification-dock-item{background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.dock-item.notification-dock-item .notification-bell-btn{width:100%;height:100%;min-height:44px;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex;position:relative}.dock-item.notification-dock-item .notification-bell-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.dock-item.notification-dock-item .notification-badge{background:var(--status-danger,#ef4444);color:#fff;border:2px solid var(--bg-secondary,#0f1420);border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.dock-item.notification-dock-item .notification-dropdown{z-index:1001;position:absolute;top:calc(100% + 8px);right:0}.cb-item.notification-bottom-item{justify-content:center;align-items:center;padding:0;display:flex;position:relative}.cb-item.notification-bottom-item .notification-bell-btn{width:100%;height:100%;min-height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative}.cb-item.notification-bottom-item .notification-bell-btn:hover{color:var(--text-primary)}.cb-item.notification-bottom-item .notification-badge{background:var(--status-danger,#ef4444);color:#fff;border:2px solid var(--bg-secondary,#0f1420);border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.cb-item.notification-bottom-item .notification-dropdown{z-index:1001;position:absolute;bottom:calc(100% + 8px);right:0}@media (width<=768px){.dock-item.notification-dock-item .notification-bell-btn,.cb-item.notification-bottom-item .notification-bell-btn{min-height:40px;font-size:16px}.dock-item.notification-dock-item .notification-badge,.cb-item.notification-bottom-item .notification-badge{min-width:16px;height:16px;font-size:9px}}.search-results-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 20px 60px var(--shadow-color);z-index:1000;-webkit-backdrop-filter:blur(20px);max-height:400px;padding:8px 0;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.search-results-header{border-bottom:1px solid var(--border-light);margin-bottom:4px;padding:10px 16px 8px}.search-results-header .result-count{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.search-results-header .result-count i{color:var(--accent-primary);font-size:13px}.search-result-item{cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);align-items:center;gap:12px;margin:2px 8px;padding:10px 16px;display:flex}.search-result-item:hover{background:var(--bg-hover);transform:translate(4px)}.search-result-item .result-icon{background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.search-result-item .result-icon i{color:var(--accent-primary)}.search-result-item .result-info{flex:1;min-width:0}.search-result-item .result-info h4{color:var(--text-primary);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0 0 2px;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.search-result-item .result-info p{color:var(--text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:12px;display:-webkit-box;overflow:hidden}.search-result-item .result-badge{flex-shrink:0}.search-result-item .result-badge span{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;padding:2px 10px;font-size:10px;font-weight:600;display:inline-block}.search-result-item .result-badge .badge-job{background:var(--status-info-bg);color:var(--status-info);border:1px solid var(--status-info)}.search-result-item .result-badge .badge-service{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success)}.search-highlight{background:var(--status-warning-bg);color:var(--status-warning);border-radius:2px;padding:0 2px;font-weight:700}.search-no-results{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.search-no-results i{color:var(--text-muted);opacity:.5;margin-bottom:4px;font-size:36px}.search-no-results p{color:var(--text-secondary);margin:0;font-size:14px;font-weight:500}.search-no-results p strong{color:var(--text-primary);font-weight:600}.search-no-results span{color:var(--text-muted);font-size:12px}.search-results-dropdown::-webkit-scrollbar{width:4px}.search-results-dropdown::-webkit-scrollbar-track{background:0 0}.search-results-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.search-results-dropdown::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@media (width<=768px){.search-results-dropdown{max-height:300px;margin:0 4px}.search-result-item{padding:8px 12px}.search-result-item .result-info h4{font-size:13px}.search-no-results{padding:30px 16px}.search-no-results i{font-size:28px}}@media (width<=480px){.search-results-dropdown{max-height:250px}.search-result-item .result-icon{width:30px;height:30px;font-size:12px}.search-result-item .result-badge span{padding:1px 8px;font-size:8px}.search-no-results p{font-size:13px}}.search-section-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#94a3b8);background:var(--bg-secondary,#ffffff08);border-bottom:1px solid var(--border-color,#ffffff14);justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;font-weight:700;display:flex}.search-section-header .count-badge{background:var(--accent-primary,#14b8a6);color:#04120f;border-radius:20px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.search-empty-mode{color:var(--text-muted,#64748b);align-items:center;gap:8px;padding:14px 16px;font-size:13px;display:flex}.search-empty-mode i{color:var(--text-muted,#64748b)}.search-divider{background:var(--border-color,#ffffff14);height:1px;margin:4px 0}.other-mode-search-footer{flex-direction:column;gap:8px;padding:12px 16px 16px;display:flex}.other-mode-search-footer>span{color:var(--text-secondary,#94a3b8);font-size:12px;font-weight:600}.other-mode-results-preview{opacity:.85;flex-direction:column;gap:2px;display:flex}.other-mode-results-preview .search-result-item{border-radius:8px}.switch-mode-search-btn{background:var(--accent-gradient,linear-gradient(135deg, #14b8a6, #0d9488));color:#04120f;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.switch-mode-search-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #14b8a659}.switch-mode-search-btn i{font-size:12px}@media (width<=768px){.search-section-header{padding:8px 14px;font-size:11px}.other-mode-search-footer{padding:10px 14px 14px}.switch-mode-search-btn{width:100%;padding:12px 16px}}.settings-dropdown-grid{background:var(--dropdown-bg,var(--glass-bg));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:10px;padding:8px;display:grid}.drop-grid-item{background:var(--bg-tertiary,var(--glass-bg));border:1px solid var(--border-color,var(--glass-bg));cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:80px;padding:14px 8px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.drop-grid-item:hover{background:var(--hover-bg,var(--glass-bg));border-color:var(--border-color,var(--glass-bg));box-shadow:0 6px 15px var(--shadow-color);transform:translateY(-3px)}.grid-icon{color:var(--text-secondary,var(--glass-bg));font-size:22px;transition:color .3s}.drop-grid-item:hover .grid-icon{color:var(--text-primary,var(--text-inverse))}.grid-label{color:var(--text-secondary,var(--glass-bg));font-size:12px;font-weight:600}.drop-grid-item.wallet-highlight{background:var(--bg-tertiary);border-color:var(--accent-primary)}.drop-grid-item.wallet-highlight .badge-usdt{background:var(--accent-primary);color:var(--text-inverse);border:1px solid var(--border-color);border-radius:20px;padding:2px 8px;font-size:9px;font-weight:700;position:absolute;top:-6px;right:-6px}.drop-grid-item.logout-action:hover .grid-icon,.drop-grid-item.logout-action:hover .grid-label{color:var(--status-danger)}.light-mode .settings-dropdown-grid{background:var(--glass-bg)}.light-mode .drop-grid-item{background:var(--glass-bg);border-color:var(--border-color);color:var(--text-primary)}.light-mode .grid-icon{color:var(--text-secondary)}.light-mode .drop-grid-item:hover{background:var(--glass-bg)}.light-mode .drop-grid-item.wallet-highlight{background:var(--status-success-bg)}.dark-mode .settings-dropdown-grid{background:var(--status-info-bg)}.dark-mode .drop-grid-item{background:var(--glass-bg);border-color:var(--status-success-bg);color:var(--text-primary)}.dark-mode .grid-icon{color:var(--text-secondary)}.dark-mode .drop-grid-item:hover{background:var(--glass-bg)}.dark-mode .drop-grid-item.wallet-highlight{background:var(--status-success-bg)}@media (width<=768px){.settings-dropdown-grid{grid-template-columns:repeat(2,1fr);gap:6px;padding:4px}.drop-grid-item{border-radius:10px;min-height:56px;padding:8px 4px}.grid-icon{font-size:16px}.grid-label{font-size:10px}.drop-grid-item.wallet-highlight .badge-usdt{padding:1px 6px;font-size:7px;top:-4px;right:-4px}}@media (width<=480px){.drop-grid-item{min-height:48px;padding:6px 2px}.grid-icon{font-size:14px}.grid-label{font-size:9px}}:root{--bg-glass:#ffffff0a;--shadow-color:#0000004d;--accent-1:var(--status-info,#3b82f6);--accent-2:var(--accent-primary,#438e82);--accent-3:var(--accent-primary,#438e82);--accent-gradient:linear-gradient(135deg, var(--accent-1), var(--accent-2));--bubble-sent:linear-gradient(135deg, var(--accent-1), var(--accent-2));--bubble-received:var(--bg-glass);--header-bg:var(--status-info-bg,#3b82f614);--white-bg:var(--text-inverse,#fff);--radius-lg:24px;--radius-md:16px;--radius-sm:12px}.light-mode{--bg-glass:#0000000a;--shadow-color:#00000014;--accent-1:var(--status-info,#3b82f6);--accent-2:var(--accent-primary,#0d9488);--accent-3:var(--accent-primary,#0d9488);--accent-gradient:linear-gradient(135deg, var(--accent-1), var(--accent-2));--bubble-sent:linear-gradient(135deg, var(--accent-1), var(--accent-2));--bubble-received:var(--bg-glass);--header-bg:var(--glass-bg)}.chat-container{background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;max-width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.chat-header{background:var(--header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:10;flex-shrink:0;align-items:center;gap:16px;padding:16px 24px;display:flex;position:relative}.chat-header:before{content:"";background:var(--accent-gradient);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.back-btn{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;border:none;border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.back-btn:hover{background:var(--accent-gradient);color:var(--text-inverse);box-shadow:var(--shadow-glow);border-color:#0000;transform:translate(-3px)scale(1.05)}.chat-user-info{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.user-avatar-wrapper{flex-shrink:0;width:50px;height:50px;position:relative}.user-avatar{object-fit:cover;background:var(--accent-gradient);border:2px solid #0000;border-radius:50%;width:50px;height:50px;padding:2px;transition:all .4s}.user-avatar:hover{transform:scale(1.05)}.user-avatar-placeholder{background:var(--accent-gradient);width:50px;height:50px;color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;padding:2px;font-size:20px;font-weight:700;display:flex}.online-status-dot{border:2px solid var(--bg-primary);border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:2px;right:2px}.online-status-dot.online{background:var(--status-success);box-shadow:0 0 12px var(--status-success-bg)}.user-details{flex:1;min-width:0}.user-details h3{color:var(--text-primary);letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:700;overflow:hidden}.user-status-text{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;font-size:12px;display:flex}.status-text{align-items:center;gap:5px;display:flex}.status-text.online i{font-size:8px;animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.deal-status-badge{background:var(--status-info-bg);color:var(--status-info);border:1px solid var(--status-info-bg);border-radius:20px;align-items:center;gap:5px;padding:3px 12px;font-size:10px;font-weight:600;animation:2s ease-in-out infinite glow-badge;display:inline-flex}@keyframes glow-badge{0%,to{box-shadow:0 0 10px var(--status-info-bg)}50%{box-shadow:0 0 20px var(--status-info-bg)}}.chat-header-title-preview{color:var(--text-muted);align-items:center;gap:4px;max-width:100%;margin-top:4px;font-size:11px;display:flex}.chat-header-title-preview i{color:var(--accent-1);flex-shrink:0;font-size:10px}.chat-header-title-text{-webkit-line-clamp:1;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-detail-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--border-color);gap:16px;margin:12px 16px 8px;padding:16px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.post-detail-card:before{content:"";background:var(--accent-gradient);opacity:.03;filter:blur(60px);border-radius:50%;width:100%;height:100%;position:absolute;top:-50%;right:-50%}.post-img{border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--border-color);flex-shrink:0;width:72px;height:72px;transition:all .4s}.post-img:hover{transform:scale(1.05)}.post-title{color:var(--text-primary);letter-spacing:-.2px;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;max-height:2.8em;margin-bottom:4px;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.post-desc{color:var(--text-secondary);-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;max-height:3em;margin-bottom:8px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.post-meta-item{align-items:center;gap:4px;display:flex}.action-buttons{flex-wrap:wrap;gap:8px;display:flex}.btn-view,.btn-offer,.btn-approve,.btn-reject,.btn-reopen-deal{cursor:pointer;white-space:nowrap;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:11px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-view:hover{background:var(--accent-gradient);color:var(--text-inverse);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-reject:hover{background:var(--status-danger);color:var(--text-inverse);transform:translateY(-2px)}.deal-active-badge,.deal-pending-badge,.deal-rejected-badge,.deal-cancelled-badge{border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:600;display:inline-flex}.deal-active-badge{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success-bg)}@keyframes pulse-pending{0%,to{opacity:1;box-shadow:0 0 10px var(--status-warning-bg)}50%{opacity:.6;box-shadow:0 0 25px var(--status-warning-bg)}}.deal-rejected-badge,.deal-cancelled-badge{background:var(--status-danger-bg);color:var(--status-danger);border:1px solid var(--status-danger-bg)}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:8px;min-height:0;padding:20px 16px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--accent-1)}.message{max-width:75%;animation:.3s cubic-bezier(.4,0,.2,1) messageIn;display:flex}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message.system{justify-content:center;max-width:100%}.message.system .bubble{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px dashed var(--border-color);color:var(--text-secondary);text-align:center;border-radius:20px;padding:8px 20px;font-size:12px}.bubble{border-radius:var(--radius-md);word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 18px;font-size:14px;line-height:1.6;transition:all .3s;position:relative}.sent .bubble{background:var(--bubble-sent);color:var(--text-inverse);box-shadow:0 4px 20px var(--accent-glow);border-bottom-right-radius:4px}.received .bubble{background:var(--bubble-received);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px}.message-time{color:var(--text-muted);opacity:.7;margin-top:4px;font-size:10px;display:block}.sent .message-time{text-align:right;color:var(--text-inverse,#fff)}.received .message-time{text-align:left}.message-sender-info{border-bottom:1px solid var(--glass-bg);align-items:center;gap:8px;margin-bottom:6px;padding-bottom:4px;display:flex}.message-sender-avatar{object-fit:cover;border-radius:50%;width:22px;height:22px}.message-sender-avatar-placeholder{background:var(--accent-gradient);width:22px;height:22px;color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.message-sender-name{color:var(--text-secondary);font-size:11px;font-weight:600}.message.received .message-sender-name{color:var(--accent-1)}.message-image-container{margin-bottom:8px}.chat-image{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-color);max-width:220px;max-height:220px;transition:all .3s}.chat-image:hover{box-shadow:var(--shadow-glow);transform:scale(1.02)}.chat-input-area{background:var(--header-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:12px;padding:14px 20px 20px;display:flex}.attach-btn{border:1px solid var(--border-color);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.attach-btn:hover{background:var(--accent-gradient);color:var(--text-inverse);box-shadow:var(--shadow-glow);border-color:#0000;transform:rotate(90deg)scale(1.05)}.chat-input{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);color:var(--text-primary);border-radius:40px;outline:none;flex:1;min-width:0;padding:12px 20px;font-family:inherit;font-size:14px;transition:all .3s}.chat-input:focus{border-color:var(--accent-1);box-shadow:0 0 0 4px var(--accent-glow)}.chat-input::placeholder{color:var(--text-muted)}.sendd-btn{background:var(--accent-gradient);width:44px;height:44px;color:var(--text-inverse);cursor:pointer;box-shadow:0 4px 20px var(--accent-glow);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sendd-btn:hover:not(:disabled){box-shadow:0 6px 30px var(--accent-glow);transform:scale(1.1)rotate(5deg)}.sendd-btn:disabled{opacity:.4;cursor:not-allowed}.sendd-btn i{font-size:16px}.empty-messages{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.empty-messages i{opacity:.3;font-size:48px}.empty-messages p{font-size:14px}.proposal-modal,.edit-message-modal{background:var(--bg-secondary);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:0 30px 80px var(--shadow-color);animation:.3s cubic-bezier(.4,0,.2,1) modalSlideIn}.modal-header h3 i{color:var(--accent-1)}.modal-close{background:var(--bg-glass);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex}.modal-close:hover{background:var(--status-danger-bg);color:var(--status-danger);transform:rotate(90deg)}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.form-group label i{color:var(--accent-1)}.form-group input,.form-group textarea{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-1);box-shadow:0 0 0 4px var(--accent-glow)}.form-group textarea{resize:vertical;min-height:100px}.modal-footer{border-top:1px solid var(--border-color);gap:12px;padding:16px 24px;display:flex}.btn-cancel-modal{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:40px;flex:1;padding:12px;font-weight:600;transition:all .3s}.btn-cancel-modal:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-send-proposal,.btn-save{background:var(--accent-gradient);color:var(--text-inverse);cursor:pointer;box-shadow:0 4px 20px var(--accent-glow);border:none;border-radius:40px;flex:1;padding:12px;font-weight:600;transition:all .3s}.btn-send-proposal:hover,.btn-save:hover{box-shadow:0 6px 30px var(--accent-glow);transform:translateY(-2px)}.context-menu{background:var(--bg-secondary);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:1000;min-width:170px;box-shadow:0 20px 60px var(--shadow-color);padding:6px 0;animation:.15s cubic-bezier(.4,0,.2,1) menuIn;position:fixed}@keyframes menuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 18px;font-size:13px;transition:all .2s;display:flex}.context-menu-item:hover{background:var(--bg-glass);color:var(--accent-1)}.context-menu-item.delete:hover{background:var(--status-danger-bg);color:var(--status-danger)}.context-menu-item i{width:18px;font-size:14px}.reply-indicator{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.reply-content{color:var(--text-secondary);align-items:center;gap:10px;font-size:12px;display:flex}.reply-content i{color:var(--accent-1)}.cancel-reply{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px 8px;transition:all .3s}.cancel-reply:hover{background:var(--status-danger-bg);color:var(--status-danger)}.uploading-indicator{background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--accent-1);z-index:100;box-shadow:0 10px 40px var(--shadow-color);border:1px solid var(--border-color);border-radius:30px;align-items:center;gap:10px;padding:10px 24px;font-size:12px;display:flex;position:absolute;bottom:85px;left:50%;transform:translate(-50%)}.uploading-indicator i{animation:1s linear infinite spin}.blocked-message-area{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.blocked-message-area i{color:var(--status-danger);opacity:.5;font-size:56px}.blocked-message-area p{color:var(--text-secondary);max-width:400px;font-size:16px}.blocked-sub-text{color:var(--text-muted)!important;font-size:13px!important}.deal-warning{font-weight:600;color:var(--status-warning)!important;font-size:14px!important}.unblock-btn{background:var(--accent-gradient);color:var(--text-inverse);cursor:pointer;box-shadow:0 4px 20px var(--accent-glow);border:none;border-radius:40px;align-items:center;gap:10px;padding:12px 32px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.unblock-btn:hover{box-shadow:0 8px 35px var(--accent-glow);transform:translateY(-2px)}.zoom-lightbox-overlay{background:var(--shadow-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;cursor:pointer;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-close-btn{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-inverse);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:all .3s;display:flex;position:absolute;top:24px;right:24px}.lightbox-close-btn:hover{background:var(--status-danger-bg);transform:rotate(90deg)}.lightbox-content-box{max-width:90vw;max-height:90vh}.lightbox-zoomed-img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:90vh;box-shadow:0 30px 80px var(--shadow-color)}@media (width<=768px){.chat-header{padding:12px 16px}.chat-user-info{gap:10px}.user-avatar-wrapper,.user-avatar{width:40px;height:40px}.user-avatar-placeholder{width:40px;height:40px;font-size:16px}.user-details h3{font-size:15px}.back-btn{width:36px;height:36px;font-size:16px}.post-detail-card{margin:10px 12px;padding:14px 16px}.post-img{width:56px;height:56px}.message{max-width:85%}.chat-messages{padding:14px 12px}.chat-input-area{padding:10px 16px 16px}.chat-input{padding:10px 16px;font-size:13px}.attach-btn,.sendd-btn{width:38px;height:38px}.proposal-modal,.edit-message-modal{max-width:95%}.modal-body{padding:18px}}@media (width<=480px){.chat-header{padding:10px 12px}.user-avatar-wrapper,.user-avatar{width:34px;height:34px}.user-avatar-placeholder{width:34px;height:34px;font-size:13px}.user-details h3{font-size:13px}.user-status-text{font-size:10px}.back-btn{width:32px;height:32px;font-size:14px}.post-detail-card{gap:12px;margin:8px;padding:12px}.post-img{width:48px;height:48px}.post-title{font-size:13px}.post-desc{font-size:11px}.message{max-width:92%}.bubble{padding:10px 14px;font-size:13px}.chat-messages{padding:10px 8px}.chat-input-area{gap:8px;padding:8px 12px 14px}.chat-input{padding:8px 14px;font-size:12px}.attach-btn,.sendd-btn{width:34px;height:34px;font-size:12px}.action-buttons{gap:6px}.btn-view,.btn-offer,.btn-approve,.btn-reject,.btn-reopen-deal{padding:4px 12px;font-size:10px}.modal-header{padding:16px 18px}.modal-body{gap:14px;padding:14px 18px}.modal-footer{gap:8px;padding:12px 18px}}.light-mode .chat-container{background:var(--bg-primary)}.light-mode .chat-header{background:var(--header-bg)}.light-mode .post-detail-card{background:var(--card-bg)}.light-mode .chat-input,.light-mode .context-menu,.light-mode .proposal-modal,.light-mode .edit-message-modal{background:var(--text-inverse)}.light-mode .form-group input,.light-mode .form-group textarea{background:var(--text-primary)}.light-mode .modal-overlay{background:var(--shadow-color)}.light-mode .sendd-btn{color:var(--text-inverse)}.light-mode .online-status-dot{border-color:var(--text-inverse)}.light-mode .message.received .bubble{background:var(--text-inverse);border-color:var(--border-color)}.light-mode .chat-image{border-color:var(--border-color)}.light-mode .uploading-indicator{background:var(--text-inverse)}.post-detail-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-normal);gap:16px;margin:12px 16px 8px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.post-detail-card:before{content:"";background:var(--gradient-accent);opacity:.03;filter:blur(60px);width:100%;height:100%;transition:all var(--transition-slow);border-radius:50%;position:absolute;top:-50%;right:-50%}.post-detail-card:hover:before{opacity:.06;transform:scale(1.2)}.post-detail-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 30px var(--shadow-glow);transform:translateY(-2px)}.post-detail-inner{align-items:flex-start;gap:14px;width:100%;display:flex}.post-img{border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--border-color);width:72px;height:72px;transition:all var(--transition-normal);background:var(--bg-tertiary);flex-shrink:0}.post-img:hover{border-color:var(--accent-primary);box-shadow:0 4px 20px var(--shadow-glow);transform:scale(1.05)}.post-info{z-index:1;flex:1;min-width:0;position:relative}.post-title{color:var(--text-primary);letter-spacing:-.2px;word-break:break-word;-webkit-line-clamp:2;text-overflow:ellipsis;max-height:2.8em;transition:color var(--transition-fast);-webkit-box-orient:vertical;margin-bottom:4px;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.post-title:hover{color:var(--accent-primary)}.post-desc{color:var(--text-secondary);word-break:break-word;-webkit-line-clamp:2;text-overflow:ellipsis;max-height:3em;transition:color var(--transition-fast);-webkit-box-orient:vertical;margin-bottom:8px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.post-desc:hover{color:var(--text-primary)}.post-meta-info{color:var(--text-muted);flex-wrap:wrap;gap:14px;margin-bottom:10px;font-size:12px;display:flex}.post-meta-item{background:var(--glass-bg);border-radius:var(--radius-sm);border:1px solid var(--glass-border);transition:all var(--transition-fast);align-items:center;gap:5px;padding:2px 8px;display:flex}.post-meta-item i{color:var(--accent-primary);font-size:11px}.post-meta-item:hover{border-color:var(--accent-primary);background:var(--bg-hover)}.action-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-view,.btn-offer,.btn-approve,.btn-reject,.btn-reopen-deal{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;align-items:center;gap:6px;min-height:32px;padding:6px 14px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.btn-view{background:var(--glass-bg);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-view:hover{background:var(--gradient-accent);color:var(--text-inverse);box-shadow:0 4px 20px var(--shadow-glow);border-color:#0000;transform:translateY(-2px)}.btn-offer{background:var(--gradient-warning);color:var(--text-inverse);box-shadow:0 4px 15px var(--status-warning-bg)}.btn-offer:hover{box-shadow:0 6px 30px var(--status-warning-bg);transform:translateY(-2px)scale(1.02)}.btn-approve{background:var(--gradient-success);color:var(--text-inverse);box-shadow:0 4px 15px var(--status-success-bg)}.btn-approve:hover{box-shadow:0 6px 30px var(--status-success-bg);transform:translateY(-2px)scale(1.02)}.btn-reject{background:var(--status-danger-bg);border:1px solid var(--status-danger);color:var(--status-danger)}.btn-reject:hover{background:var(--gradient-danger);color:var(--text-inverse);box-shadow:0 4px 20px var(--status-danger-bg);border-color:#0000;transform:translateY(-2px)}.btn-reopen-deal{background:var(--gradient-warning);color:var(--text-inverse);box-shadow:0 4px 15px var(--status-warning-bg)}.btn-reopen-deal:hover{box-shadow:0 6px 30px var(--status-warning-bg);transform:translateY(-2px)scale(1.02)}.btn-view:active,.btn-offer:active,.btn-approve:active,.btn-reject:active,.btn-reopen-deal:active{transform:scale(.95)}.btn-view:disabled,.btn-offer:disabled,.btn-approve:disabled,.btn-reject:disabled,.btn-reopen-deal:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.deal-active-badge,.deal-pending-badge,.deal-rejected-badge,.deal-cancelled-badge{border-radius:var(--radius-full);min-height:32px;transition:all var(--transition-normal);align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:600;display:inline-flex}.deal-active-badge{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success);animation:2s ease-in-out infinite pulse-success}@keyframes pulse-success{0%,to{box-shadow:0 0 10px var(--status-success-bg)}50%{box-shadow:0 0 25px var(--status-success-bg)}}.deal-pending-badge{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning);animation:2s ease-in-out infinite pulse-pending}.deal-rejected-badge,.deal-cancelled-badge{background:var(--status-danger-bg);color:var(--status-danger);border:1px solid var(--status-danger)}.cancelled-deal-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=768px){.post-detail-card{gap:12px;margin:10px 12px;padding:14px 16px}.post-img{width:60px;height:60px}.post-title{max-height:2.6em;font-size:13px}.post-desc{max-height:2.8em;font-size:11px}.post-meta-info{gap:10px;font-size:11px}.btn-view,.btn-offer,.btn-approve,.btn-reject,.btn-reopen-deal{min-height:28px;padding:5px 12px;font-size:10px}.deal-active-badge,.deal-pending-badge,.deal-rejected-badge,.deal-cancelled-badge{min-height:28px;padding:4px 12px;font-size:10px}}@media (width<=480px){.post-detail-card{gap:10px;margin:8px;padding:12px}.post-detail-inner{gap:10px}.post-img{border-radius:var(--radius-sm);width:50px;height:50px}.post-title{max-height:2.4em;font-size:12px}.post-desc{max-height:2.5em;margin-bottom:6px;font-size:10px}.post-meta-info{gap:8px;margin-bottom:8px;font-size:10px}.post-meta-item{padding:1px 6px}.post-meta-item i{font-size:10px}.action-buttons{gap:6px}.btn-view,.btn-offer,.btn-approve,.btn-reject,.btn-reopen-deal{gap:4px;min-height:24px;padding:4px 10px;font-size:9px}.btn-view i,.btn-offer i,.btn-approve i,.btn-reject i,.btn-reopen-deal i{font-size:10px}.deal-active-badge,.deal-pending-badge,.deal-rejected-badge,.deal-cancelled-badge{gap:4px;min-height:24px;padding:3px 10px;font-size:9px}.deal-active-badge i,.deal-pending-badge i,.deal-rejected-badge i,.deal-cancelled-badge i{font-size:10px}.cancelled-deal-actions{gap:6px}}.light-mode .post-detail-card{background:var(--bg-card);border-color:var(--border-color)}.light-mode .post-detail-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 30px var(--shadow-glow)}.light-mode .post-meta-item{background:var(--glass-bg);border-color:var(--glass-border)}.light-mode .post-meta-item:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.light-mode .btn-view{background:var(--glass-bg);border-color:var(--border-color)}.light-mode .btn-view:hover{background:var(--gradient-accent);color:var(--text-inverse)}.light-mode .post-title:hover{color:var(--accent-primary)}.light-mode .post-desc:hover{color:var(--text-primary)}@media (prefers-reduced-motion:reduce){.post-detail-card,.post-img,.btn-view,.btn-offer,.btn-approve,.btn-reject,.btn-reopen-deal,.deal-active-badge,.deal-pending-badge{transition:none!important;animation:none!important}.post-detail-card:before{transition:none!important}@keyframes pulse-success{0%,to{box-shadow:0 0 10px var(--status-success-bg)}}@keyframes pulse-pending{0%,to{opacity:1;box-shadow:0 0 10px var(--status-warning-bg)}}}@media (prefers-contrast:high){.post-detail-card{border-color:var(--border-color);border-width:2px}.post-detail-card:hover{border-color:var(--accent-primary)}.btn-view,.btn-offer,.btn-approve,.btn-reject,.btn-reopen-deal{border-width:2px}.post-title,.post-desc{color:var(--text-primary)}.post-meta-item,.deal-active-badge,.deal-pending-badge,.deal-rejected-badge,.deal-cancelled-badge{border-width:2px}}@media print{.post-detail-card{box-shadow:none!important;background:#fff!important;border:1px solid #000!important;transform:none!important}.post-detail-card:before{display:none!important}.post-title{color:#000!important}.post-desc{color:#333!important}.post-meta-item{background:#f5f5f5!important;border:1px solid #ccc!important}.btn-view,.btn-offer,.btn-approve,.btn-reject,.btn-reopen-deal{color:#000!important;box-shadow:none!important;background:#f5f5f5!important;border:1px solid #000!important}.deal-active-badge,.deal-pending-badge,.deal-rejected-badge,.deal-cancelled-badge{border:1px solid #000!important}}:root{--accent-gradient:linear-gradient(135deg, var(--accent-light) 0%, var(--accent-secondary) 100%);--shadow-sm:var(--shadow-color);--shadow-md:var(--shadow-color);--shadow-lg:var(--shadow-color);--online-color:var(--status-success);--unread-bg:var(--accent-light);--unread-text:var(--bg-primary);--danger-color:var(--status-danger);--danger-bg:var(--status-danger-bg);--success-color:var(--status-success);--success-bg:var(--status-success-bg);--inbox-sidebar-width:320px;--inbox-chat-width:calc(100% - 320px)}.light-mode{--accent-gradient:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--shadow-sm:var(--shadow-color);--shadow-md:var(--shadow-color);--shadow-lg:var(--shadow-color);--online-color:var(--status-success);--unread-bg:var(--accent-primary);--unread-text:var(--text-inverse);--danger-color:var(--status-danger);--danger-bg:var(--status-danger-bg);--success-color:var(--status-success);--success-bg:var(--status-success-bg)}html,body{width:100%;overflow-x:hidden}.inbox-page-layout.chat-active .workspace-inbox-wrapper{display:none}.inbox-page-layout.chat-active .active-chat-area{width:100%;display:flex}.workspace-inbox-wrapper{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;width:100%;height:100vh;max-height:100vh;display:flex;overflow:hidden}.w-header{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:16px}.inbox-mode-switcher{flex-flow:wrap;align-items:center;gap:8px;margin:10px;display:flex}.mode-switch-btn{cursor:pointer;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:40px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:80px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex;position:relative}.mode-switch-btn:active{transform:scale(.98)}.mode-switch-btn.active{background:var(--accent-gradient);color:var(--unread-text);border-color:var(--accent-primary);box-shadow:0 4px 12px var(--accent-glow)}:root .mode-switch-btn.active{color:var(--bg-primary)}.light-mode .mode-switch-btn.active{color:var(--text-inverse)}.mode-badge-count{background:var(--status-danger);color:var(--text-inverse);text-align:center;z-index:2;border-radius:20px;min-width:18px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:-6px;right:-6px}.filter-tabs{border-top:1px solid var(--border-color);flex-wrap:nowrap;gap:8px;margin:12px;padding-top:10px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.tab-chip{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;flex:none;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s}.tab-chip:active{transform:scale(.96)}.tab-chip.active{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-light)}.search-box{margin:12px;position:relative}.search-box i{color:var(--text-muted);z-index:1;font-size:12px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box input{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:40px;outline:none;padding:10px 14px 10px 40px;font-size:13px;transition:all .3s}.search-box input:focus{border-color:var(--accent-primary);background:var(--card-bg);box-shadow:0 0 0 3px var(--accent-glow)}.inbox-rows-container{flex:1;min-height:0;padding:12px;overflow-y:auto}@media (width<=768px){.inbox-rows-container{margin-bottom:40px}}.workspace-card-item{background:var(--card-bg);cursor:pointer;border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-sm);border-radius:16px;align-items:center;gap:12px;margin-bottom:10px;padding:14px;transition:all .2s;animation:.3s forwards fadeIn;display:flex;position:relative}.workspace-card-item:active{background:var(--bg-hover);transform:scale(.99)}.workspace-card-item.active{background:var(--accent-light);border-color:var(--accent-primary);box-shadow:0 4px 15px var(--accent-glow)}.workspace-card-item.blocked{opacity:.7;border-color:var(--status-danger-bg)}.workspace-card-item.blocked:hover{opacity:.9}.avatar-wrapper{flex-shrink:0;position:relative}.avatar-square{width:48px;height:48px;color:var(--text-inverse);background:var(--accent-gradient);box-shadow:0 4px 12px var(--accent-glow);border-radius:12px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:relative;overflow:hidden}.avatar-img{object-fit:cover;border-radius:12px;width:100%;height:100%}.online-dot,.user-status-indicator{background:var(--online-color);border:2px solid var(--card-bg);width:12px;height:12px;box-shadow:0 0 8px var(--online-color);border-radius:50%;position:absolute;bottom:2px;right:2px}.online-dot.offline,.user-status-indicator.offline{background:var(--text-muted);box-shadow:none}.card-content-block{flex:1;min-width:0}.card-top-line{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.card-top-line h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;display:flex;overflow:hidden}.card-time-badge{color:var(--text-muted);flex-shrink:0;margin-left:8px;font-size:10px}.project-context-tag{color:var(--accent-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:11px;font-weight:600;display:block;overflow:hidden}.card-msg-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.card-status-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.unread-badge{background:var(--unread-bg);color:var(--unread-text);text-align:center;min-width:20px;box-shadow:0 2px 6px var(--accent-glow);border-radius:20px;padding:2px 6px;font-size:10px;font-weight:700}.unread-dot{background:var(--unread-bg);width:10px;height:10px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%}.menu-dots-btn{color:var(--text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:8px;flex-shrink:0;margin-left:4px;padding:8px 4px;font-size:16px;transition:all .2s}.menu-dots-btn:hover,.menu-dots-btn:active{background:var(--bg-hover);color:var(--text-primary);opacity:1}.chat-menu-dropdown{background:var(--dropdown-bg);border:1px solid var(--border-color);min-width:180px;box-shadow:0 10px 40px var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;border-radius:12px;padding:6px 0;animation:.2s menuFadeIn;position:absolute;top:40px;right:10px}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.chat-menu-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.chat-menu-item:hover{background:var(--bg-hover)}.chat-menu-item i{text-align:center;width:18px;font-size:14px}.chat-menu-item.delete,.chat-menu-item.delete i{color:var(--danger-color)}.chat-menu-item.delete:hover{background:var(--danger-bg)}.chat-menu-item.delete.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.chat-menu-item.delete.disabled i{color:var(--text-muted)}.chat-menu-item.block,.chat-menu-item.block i{color:var(--danger-color)}.chat-menu-item.block:hover{background:var(--danger-bg)}.chat-menu-item.unblock,.chat-menu-item.unblock i{color:var(--success-color)}.chat-menu-item.unblock:hover{background:var(--success-bg)}.chat-menu-divider{background:var(--border-color);height:1px;margin:4px 12px}.blocked-badge{background:var(--danger-bg);color:var(--danger-color);border-radius:20px;flex-shrink:0;align-items:center;gap:4px;margin-left:8px;padding:2px 10px;font-size:10px;font-weight:600;display:inline-flex}.blocked-badge i{font-size:9px}.active-chat-area{background:var(--bg-secondary);flex-direction:column;flex:1;width:100%;display:none}.no-chat-selected-message{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.no-chat-selected-message i{color:var(--bg-tertiary);opacity:.5;font-size:56px}.no-chat-selected-message p{max-width:280px;color:var(--text-secondary);font-size:13px;line-height:1.5}.no-chats-message{text-align:center;color:var(--text-muted);padding:60px 20px}.no-chats-message i{color:var(--bg-tertiary);opacity:.5;margin-bottom:16px;font-size:48px;display:block}.loading-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:.8s linear infinite spin}@media (width<=480px){.inbox-page-layout{width:100vw;height:100vh;margin-top:0}.w-header{padding:12px}.mode-switch-btn{min-width:60px;padding:8px 12px;font-size:11px}.tab-chip{padding:5px 12px;font-size:10px}.search-box{margin:10px}.search-box input{padding:9px 12px 9px 36px;font-size:12px}.workspace-card-item{gap:10px;padding:10px}.avatar-square{width:42px;height:42px;font-size:14px}.online-dot,.user-status-indicator{width:10px;height:10px}.card-top-line h4{font-size:13px}.card-time-badge{font-size:9px}.project-context-tag{font-size:10px}.card-msg-preview{font-size:11px}.inbox-rows-container{padding:8px}.chat-menu-dropdown{min-width:150px;right:5px}.chat-menu-item{padding:8px 12px;font-size:12px}}@media (width>=768px){.inbox-page-layout{flex-direction:row;gap:0;height:100vh}.inbox-page-layout.chat-active .workspace-inbox-wrapper{display:flex}.inbox-page-layout.chat-active .active-chat-area{width:auto;display:flex}.workspace-inbox-wrapper{height:100dvh;max-height:100dvh}.w-header{padding:20px}.w-header-top{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:16px}.inbox-mode-switcher{flex-direction:row;gap:8px;width:auto}.mode-switch-btn{flex:none;width:auto;padding:8px 20px}.mode-switch-btn:hover{background:var(--bg-hover);transform:translateY(-2px)}.filter-tabs{flex-wrap:wrap;margin-top:16px;overflow-x:visible}.tab-chip:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-hover);transform:translateY(-2px)}.search-box{margin:16px 20px}.search-box i{font-size:14px;left:16px}.search-box input{padding:12px 16px 12px 44px;font-size:14px}.inbox-rows-container{padding:16px}.workspace-card-item{gap:14px;padding:16px}.workspace-card-item:hover{background:var(--bg-hover);border-color:var(--accent-primary);box-shadow:0 4px 15px var(--shadow-md);transform:translate(4px)}.workspace-card-item.active{background:var(--accent-light);border-color:var(--accent-primary);box-shadow:0 4px 15px var(--accent-glow)}.avatar-square{border-radius:14px;width:54px;height:54px;font-size:18px}.online-dot,.user-status-indicator{border:3px solid var(--card-bg);width:14px;height:14px}.card-top-line h4{font-size:15px}.card-time-badge{font-size:11px}.project-context-tag{font-size:12px}.card-msg-preview{font-size:13px}.menu-dots-btn{opacity:0}.workspace-card-item:hover .menu-dots-btn{opacity:.6}.menu-dots-btn:hover{opacity:1!important}.chat-menu-dropdown{top:45px;right:10px}.unread-badge{min-width:24px;padding:3px 8px;font-size:11px}.active-chat-area{width:auto;display:flex}.no-chat-selected-message i{font-size:72px}.no-chat-selected-message p{max-width:320px;font-size:15px}.inbox-rows-container::-webkit-scrollbar{width:6px}.inbox-rows-container::-webkit-scrollbar-thumb{background:var(--accent-gradient)}}@media (width>=1200px){.workspace-inbox-wrapper{width:420px;min-width:420px;margin-left:120px}.active-chat-area{max-width:none}.inbox-rows-container{padding:20px}}@media (width>=640px) and (width<=1023px){.inbox-page-layout{margin-left:120px}}@media (width<=900px) and (orientation:landscape){.inbox-page-layout{height:100vh;max-height:100vh}.workspace-card-item{padding:10px}.avatar-square{width:40px;height:40px;font-size:14px}.active-chat-area{max-width:none}.card-top-line h4{font-size:13px}}.light-mode .inbox-page-layout{background:var(--bg-primary)}.light-mode .workspace-inbox-wrapper{background:var(--card-bg)}.light-mode .avatar-square{box-shadow:0 4px 12px var(--accent-glow)}.light-mode .workspace-card-item{box-shadow:0 2px 8px var(--shadow-sm)}.light-mode .workspace-card-item:hover{box-shadow:0 4px 15px var(--shadow-md)}.light-mode .workspace-card-item.active{box-shadow:0 4px 15px var(--accent-glow)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button:focus-visible,input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.avatar-square{position:relative}.online-status-dot{border:2px solid var(--text-inverse);z-index:2;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.online-status-dot.online{background:var(--status-success)}.online-status-dot.offline{background:var(--accent-primary)}.user-status-text{align-items:center;margin-top:2px;font-size:11px;display:flex}.status-text{align-items:center;gap:4px;font-size:11px;display:flex}.status-text.online{color:var(--status-success)}.status-text.online i{color:var(--status-success);font-size:7px}.status-text.offline{color:var(--accent-primary)}.status-text.offline i{color:var(--accent-primary);font-size:7px}.workspace-card-item .card-top-line h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.workspace-card-item .blocked-badge{background:var(--status-danger-bg);color:var(--status-danger);white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:9px;font-weight:600;display:inline-flex}.workspace-card-item .user-status-text{align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.workspace-card-item .status-text{align-items:center;gap:4px;display:flex}.workspace-card-item .status-text.online{color:var(--status-success)}.workspace-card-item .status-text.offline{color:var(--text-muted)}.workspace-card-item .status-text i{font-size:6px}.inbox-page-layout{background:var(--bg-primary);flex-direction:column;width:100%;height:100dvh;transition:background .3s;display:flex;overflow:hidden}.workspace-inbox-wrapper{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;flex-shrink:0;width:100%;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.workspace-inbox{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.inbox-rows-container{scrollbar-width:thin;scrollbar-color:var(--accent-primary) transparent;flex:1;height:100%;min-height:0;max-height:100%;padding:8px 12px 20px;overflow:hidden auto}.inbox-rows-container::-webkit-scrollbar{width:4px}.inbox-rows-container::-webkit-scrollbar-track{background:0 0}.inbox-rows-container::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px}.inbox-rows-container>div{flex-shrink:0}.inbox-rows-container .empty-state-wrapper{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;display:flex}@media (width>=768px){.inbox-page-layout{flex-direction:row;height:100vh}.workspace-inbox-wrapper{border-right:1px solid var(--border-color);flex-shrink:0;width:380px;min-width:380px;max-width:420px;height:100vh;max-height:100vh}.inbox-rows-container{padding:12px 16px 20px}}@media (width>=1200px){.workspace-inbox-wrapper{width:420px;min-width:420px;margin-left:120px}}@media (width>=640px) and (width<=1023px){.workspace-inbox-wrapper{margin-left:120px}}@media (width<=480px){.inbox-rows-container{padding:6px 8px 16px}.workspace-inbox-wrapper{height:100dvh;max-height:100dvh}}@media (prefers-reduced-motion:reduce){.inbox-rows-container{scroll-behavior:auto!important}}.notification-modal-overlay{background:var(--overlay-bg,#0000008c);-webkit-backdrop-filter:blur(8px);z-index:99999;justify-content:center;align-items:center;padding:20px;animation:.25s overlayFadeIn;display:flex;position:fixed;inset:0}.notification-modal{background:var(--modal-bg,var(--bg-secondary));border-radius:var(--radius-xl,20px);width:100%;max-width:520px;max-height:90vh;box-shadow:0 24px 80px var(--shadow-color,#0006);border:1px solid var(--border-color,#ffffff0f);animation:.3s cubic-bezier(.4,0,.2,1) modalSlideUp;overflow:hidden}.notification-modal .modal-header{border-bottom:1px solid var(--border-color,#ffffff0f);background:var(--bg-tertiary,#ffffff05);align-items:center;gap:14px;padding:20px 24px;display:flex}.notification-modal .modal-icon-wrapper{border-radius:var(--radius-md,12px);background:#10b9811f;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.notification-modal .modal-header h3{color:var(--text-primary,#f8fafc);flex:1;margin:0;font-size:18px;font-weight:700;line-height:1.3}.notification-modal .modal-close-btn{background:var(--bg-hover,#ffffff0a);cursor:pointer;width:36px;height:36px;color:var(--text-muted,#64748b);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .25s;display:flex}.notification-modal .modal-close-btn:hover{background:var(--status-danger-bg,#ef444426);color:var(--status-danger,#ef4444);transform:rotate(90deg)}.notification-modal .modal-body{max-height:60vh;padding:20px 24px;overflow-y:auto}.notification-modal .notification-detail{flex-direction:column;gap:14px;display:flex}.notification-modal .detail-item{border-bottom:1px solid var(--border-light,#ffffff0a);flex-direction:column;gap:4px;padding:8px 0;display:flex}.notification-modal .detail-item:last-child{border-bottom:none}.notification-modal .detail-label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.notification-modal .detail-value{color:var(--text-primary,#f8fafc);word-break:break-word;font-size:14px;line-height:1.6}.notification-modal .detail-value.message-text{background:var(--bg-tertiary,#ffffff08);border-radius:var(--radius-sm,8px);border-left:3px solid var(--accent-primary,#438e82);white-space:pre-wrap;padding:12px 16px;font-size:14px;line-height:1.8}.notification-modal .type-badge{border-radius:var(--radius-full,9999px);text-transform:uppercase;letter-spacing:.3px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.notification-modal .status-badge{border-radius:var(--radius-full,9999px);align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-flex}.notification-modal .status-badge.rejected{background:var(--status-danger-bg,#ef444426);color:var(--status-danger,#ef4444)}.notification-modal .status-badge.pending{background:var(--status-warning-bg,#f59e0b26);color:var(--status-warning,#f59e0b)}.notification-modal .status-badge.approved{background:var(--status-success-bg,#10b98126);color:var(--status-success,#10b981)}.notification-modal .status-badge.info{background:var(--status-info-bg,#3b82f626);color:var(--status-info,#3b82f6)}.notification-modal .modal-footer{border-top:1px solid var(--border-color,#ffffff0f);background:var(--bg-tertiary,#ffffff05);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.notification-modal .modal-footer button{border-radius:var(--radius-md,12px);cursor:pointer;border:none;padding:10px 24px;font-size:14px;font-weight:600;transition:all .25s}.notification-modal .btn-close{background:var(--bg-hover,#ffffff0a);color:var(--text-secondary,#94a3b8)}.notification-modal .btn-close:hover{background:var(--bg-tertiary,#ffffff14);color:var(--text-primary,#f8fafc)}.notification-modal .btn-action{background:var(--gradient-primary,linear-gradient(135deg, #438e82, #2d6b5f));color:#fff}.notification-modal .btn-action:hover{box-shadow:0 8px 30px var(--shadow-glow,#438e824d);transform:translateY(-2px)}@media (width<=768px){.notification-modal-overlay{align-items:flex-end;padding:12px}.notification-modal{border-radius:var(--radius-lg,16px);max-width:100%;max-height:85vh;margin-bottom:0;animation:.3s cubic-bezier(.4,0,.2,1) modalSlideUpMobile}@keyframes modalSlideUpMobile{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.notification-modal .modal-header{gap:12px;padding:16px 18px}.notification-modal .modal-icon-wrapper{width:38px;height:38px;font-size:17px}.notification-modal .modal-header h3{font-size:16px}.notification-modal .modal-close-btn{width:32px;height:32px;font-size:16px}.notification-modal .modal-body{max-height:50vh;padding:16px 18px}.notification-modal .detail-item{gap:3px;padding:6px 0}.notification-modal .detail-label{font-size:10px}.notification-modal .detail-value{font-size:13px}.notification-modal .detail-value.message-text{padding:10px 14px;font-size:13px}.notification-modal .modal-footer{flex-direction:column;gap:8px;padding:14px 18px}.notification-modal .modal-footer button{justify-content:center;width:100%;padding:12px;font-size:13px}.notification-modal .type-badge{padding:3px 10px;font-size:10px}.notification-modal .status-badge{padding:3px 12px;font-size:11px}}@media (width<=480px){.notification-modal-overlay{padding:8px}.notification-modal{border-radius:var(--radius-md,12px);max-height:90vh}.notification-modal .modal-header{gap:10px;padding:14px 16px}.notification-modal .modal-icon-wrapper{width:34px;height:34px;font-size:15px}.notification-modal .modal-header h3{font-size:15px}.notification-modal .modal-close-btn{width:30px;height:30px;font-size:14px}.notification-modal .modal-body{max-height:45vh;padding:14px 16px}.notification-modal .detail-value{font-size:12px}.notification-modal .detail-value.message-text{padding:8px 12px;font-size:12px}.notification-modal .modal-footer{padding:12px 16px}.notification-modal .modal-footer button{padding:10px;font-size:12px}}.light-mode .notification-modal{background:var(--modal-bg,#fff);border-color:var(--border-color,#e2e8f0);box-shadow:0 24px 80px #0000001f}.light-mode .notification-modal .modal-header{background:var(--bg-tertiary,#f1f5f9);border-color:var(--border-color,#e2e8f0)}.light-mode .notification-modal .modal-header h3{color:var(--text-primary,#1e293b)}.light-mode .notification-modal .modal-close-btn{background:var(--bg-hover,#f1f5f9);color:var(--text-muted,#94a3b8)}.light-mode .notification-modal .modal-close-btn:hover{background:var(--status-danger-bg,#dc26261a);color:var(--status-danger,#dc2626)}.light-mode .notification-modal .detail-item{border-color:var(--border-light,#0000000f)}.light-mode .notification-modal .detail-label{color:var(--text-muted,#94a3b8)}.light-mode .notification-modal .detail-value{color:var(--text-primary,#1e293b)}.light-mode .notification-modal .detail-value.message-text{background:var(--bg-tertiary,#f1f5f9);border-color:var(--accent-primary,#0d9488)}.light-mode .notification-modal .modal-footer{background:var(--bg-tertiary,#f1f5f9);border-color:var(--border-color,#e2e8f0)}.light-mode .notification-modal .btn-close{background:var(--bg-hover,#f1f5f9);color:var(--text-secondary,#64748b)}.light-mode .notification-modal .btn-close:hover{background:var(--bg-tertiary,#e2e8f0);color:var(--text-primary,#1e293b)}.light-mode .notification-modal .btn-action{background:var(--gradient-primary,linear-gradient(135deg, #0d9488, #0f766e))}@media (width>=1024px){.notification-modal{max-width:480px}.notification-modal .modal-header,.notification-modal .modal-body{padding:22px 28px}.notification-modal .modal-footer{padding:18px 28px}.notification-modal .modal-icon-wrapper{width:48px;height:48px;font-size:22px}.notification-modal .modal-header h3{font-size:20px}}.notification-modal .modal-body::-webkit-scrollbar{width:4px}.notification-modal .modal-body::-webkit-scrollbar-track{background:0 0}.notification-modal .modal-body::-webkit-scrollbar-thumb{background:var(--border-color,#ffffff1a);border-radius:var(--radius-full,9999px)}.notification-modal .modal-body::-webkit-scrollbar-thumb:hover{background:var(--accent-primary,#438e82)}.notification-modal-overlay.quick-close .notification-modal{animation:.2s cubic-bezier(.4,0,.2,1) forwards modalSlideOut}@media (width<=768px){@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}}.notifications-container-wrapper{background:var(--noti-bg,#090d16);width:100%;height:100%;padding:0 20px 40px;transition:all .3s}.notifications-panel{background:var(--noti-bg-elevated,#0f1420);border:1px solid var(--noti-border,#ffffff0f);width:100%;max-width:900px;box-shadow:var(--shadow-panel,0 25px 50px #0006);border-radius:24px;margin:0 auto;animation:.3s slideUp;overflow:hidden}.notif-mode-switcher{background:var(--noti-bg,#090d16);border-bottom:1px solid var(--noti-border,#ffffff0a);flex-wrap:wrap;gap:6px;padding:16px 24px;display:flex}.mode-switch-btn{border:1px solid var(--noti-border,#ffffff0f);color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:relative}.mode-switch-btn:hover{background:var(--noti-bg-hover,#ffffff0a);border-color:var(--noti-border-accent,#438e82)}.mode-switch-btn.active{background:var(--accent-light,#438e821f);border-color:var(--noti-border-accent,#438e82);color:var(--accent-primary,#438e82)}.mode-badge-count{background:var(--danger,#ef4444);color:#fff;border-radius:30px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex}.noti-header{border-bottom:1px solid var(--noti-border,#ffffff0a);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.noti-header-left{align-items:center;gap:12px;display:flex}.noti-header-left h2{color:var(--text-primary,#f8fafc);align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;display:flex}.noti-header-left h2 i{color:var(--accent-primary,#438e82)}.noti-count-badge{background:var(--accent-light,#438e8226);color:var(--accent-primary,#438e82);border-radius:30px;align-items:center;padding:4px 14px;font-size:12px;font-weight:600;display:inline-flex}.noti-header-right{align-items:center;gap:10px;display:flex}.mark-all-btn,.clear-all-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .3s;display:flex}.mark-all-btn{background:var(--accent-light,#438e821f);color:var(--accent-primary,#438e82)}.mark-all-btn:hover{background:var(--accent-primary,#438e82);color:#fff}.clear-all-btn{background:var(--danger-bg,#ef44441f);color:var(--danger,#ef4444)}.clear-all-btn:hover{background:var(--danger,#ef4444);color:#fff}.noti-list-body{height:100%;padding:12px 16px;overflow-y:auto}.noti-list-body::-webkit-scrollbar-track{background:var(--scrollbar-track,#ffffff05);border-radius:10px}.noti-item-card{background:var(--noti-bg-card,#1e293b66);border:1px solid var(--noti-border,#ffffff0a);cursor:pointer;border-radius:14px;align-items:flex-start;gap:14px;margin-bottom:10px;padding:16px 18px;transition:all .3s;display:flex;position:relative}.noti-item-card:hover{background:var(--noti-bg-hover,#ffffff0a);border-color:var(--noti-border-accent,#438e8233);transform:translate(4px)}.noti-item-card.unread-noti{border-left:3px solid var(--accent-primary,#438e82);background:var(--accent-light,#438e820d)}.noti-item-card.read-noti{opacity:.8}.noti-unread-dot{background:var(--accent-primary,#438e82);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;position:absolute;top:16px;right:16px}.noti-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .3s;display:flex}.noti-icon-box.noti-project{color:#6366f1;background:#6366f126}.noti-icon-box.noti-message{color:#3b82f6;background:#3b82f626}.noti-icon-box.noti-payment,.noti-icon-box.noti-success{color:#10b981;background:#10b98126}.noti-icon-box.noti-danger{color:#ef4444;background:#ef444426}.noti-icon-box.noti-warning{color:#f59e0b;background:#f59e0b26}.noti-icon-box.noti-system{color:#6b7280;background:#6b728026}.noti-content-block{flex:1;min-width:0}.noti-top-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.noti-top-line h4{color:var(--text-primary,#f8fafc);margin:0;font-size:14px;font-weight:600}.noti-time{color:var(--text-muted,#64748b);flex-shrink:0;font-size:11px}.noti-message{color:var(--text-secondary,#94a3b8);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.noti-action-badge{background:var(--warning-bg,#f59e0b1f);color:var(--warning,#f59e0b);border-radius:30px;align-items:center;gap:4px;margin-top:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.noti-delete-btn{width:28px;height:28px;color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;font-size:14px;transition:all .3s;display:flex}.noti-delete-btn:hover{background:var(--danger-bg,#ef444426);color:var(--danger,#ef4444)}.no-noti-notice{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.no-noti-notice i{color:var(--text-muted,#64748b);opacity:.5;margin-bottom:16px;font-size:48px}.no-noti-notice p{color:var(--text-primary,#f8fafc);margin:0;font-size:18px;font-weight:600}.no-noti-notice span{color:var(--text-muted,#64748b);margin-top:4px;font-size:14px}.loading-state{flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-state p{color:var(--text-secondary,#94a3b8);margin-top:12px;font-size:14px}@media (width<=768px){.notifications-container-wrapper{padding:0}.notifications-panel{border-radius:16px}.notif-mode-switcher{gap:4px;padding:12px 16px}.mode-switch-btn{border-radius:10px;padding:8px 14px;font-size:12px}.noti-header{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 16px}.noti-header-left h2{font-size:18px}.noti-header-right{gap:8px;width:100%}.mark-all-btn,.clear-all-btn{flex:1;justify-content:center;padding:8px 12px;font-size:11px}.noti-list-body{height:100%;padding:8px 10px}.noti-item-card{border-radius:12px;gap:12px;padding:14px}.noti-icon-box{width:38px;height:38px;font-size:15px}.noti-top-line h4{font-size:13px}.noti-message{font-size:12px}.noti-time{font-size:10px}.noti-delete-btn{width:24px;height:24px;font-size:12px}.noti-unread-dot{width:6px;height:6px;top:12px;right:12px}.no-noti-notice{padding:40px 16px}.no-noti-notice i{font-size:36px}.no-noti-notice p{font-size:16px}}@media (width<=480px){.notifications-panel{border-radius:12px}.notif-mode-switcher{gap:4px;padding:10px 12px}.mode-switch-btn{border-radius:8px;gap:4px;padding:6px 10px;font-size:10px}.mode-switch-btn i{font-size:12px}.noti-header{gap:8px;padding:10px 12px}.noti-header-left h2{font-size:16px}.noti-count-badge{padding:2px 10px;font-size:10px}.noti-header-right{gap:6px}.mark-all-btn,.clear-all-btn{border-radius:8px;padding:6px 10px;font-size:10px}.mark-all-btn i,.clear-all-btn i{font-size:11px}.noti-list-body{height:100%;padding:6px 8px}.noti-item-card{border-radius:10px;gap:10px;margin-bottom:6px;padding:12px}.noti-icon-box{border-radius:8px;width:32px;height:32px;font-size:12px}.noti-top-line h4{font-size:12px}.noti-message{-webkit-line-clamp:3;font-size:11px}.noti-time{font-size:9px}.noti-delete-btn{width:20px;height:20px;font-size:10px}.noti-action-badge{padding:2px 8px;font-size:9px}.noti-unread-dot{width:5px;height:5px;top:10px;right:10px}.no-noti-notice i{font-size:28px}.no-noti-notice p{font-size:14px}.no-noti-notice span{font-size:12px}}.light-mode .notifications-container-wrapper{background:var(--noti-bg,#f8fafc)}.light-mode .notifications-panel{background:var(--noti-bg-elevated,#fff);border-color:var(--noti-border,#e2e8f0);box-shadow:var(--shadow-panel,0 10px 40px #00000014)}.light-mode .notif-mode-switcher{background:var(--noti-bg,#f8fafc);border-color:var(--noti-border,#e2e8f0)}.light-mode .mode-switch-btn{border-color:var(--noti-border,#e2e8f0);color:var(--text-secondary,#64748b)}.light-mode .mode-switch-btn:hover{background:var(--noti-bg-hover,#f1f5f9)}.light-mode .mode-switch-btn.active{background:var(--accent-light,#0d948814);border-color:var(--accent-primary,#0d9488);color:var(--accent-primary,#0d9488)}.light-mode .noti-header{border-color:var(--noti-border,#e2e8f0)}.light-mode .noti-header-left h2{color:var(--text-primary,#1e293b)}.light-mode .noti-count-badge{color:var(--accent-primary,#0d9488);background:#0d94881a}.light-mode .noti-item-card{background:var(--noti-bg-card,#fff);border-color:var(--noti-border,#e2e8f0)}.light-mode .noti-item-card:hover{background:var(--noti-bg-hover,#f1f5f9);border-color:#0d948833}.light-mode .noti-item-card.unread-noti{border-left-color:var(--accent-primary,#0d9488);background:#0d94880a}.light-mode .noti-top-line h4{color:var(--text-primary,#1e293b)}.light-mode .noti-message{color:var(--text-secondary,#475569)}.light-mode .no-noti-notice p{color:var(--text-primary,#1e293b)}.light-mode .loading-spinner{border-color:var(--noti-border,#e2e8f0);border-top-color:var(--accent-primary,#0d9488)}.light-mode .mark-all-btn{color:var(--accent-primary,#0d9488);background:#0d948814}.light-mode .mark-all-btn:hover{background:var(--accent-primary,#0d9488);color:#fff}.light-mode .clear-all-btn{color:var(--danger,#dc2626);background:#dc262614}.light-mode .clear-all-btn:hover{background:var(--danger,#dc2626);color:#fff}.noti-item-card{animation:.3s fadeInItem}@keyframes fadeInItem{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.noti-item-card,.notifications-panel,.mode-switch-btn,.mark-all-btn,.clear-all-btn,.noti-delete-btn{transition:none!important;animation:none!important}.noti-unread-dot{animation:none!important}}@media print{.notifications-container-wrapper{background:#fff;padding:20px}.notifications-panel{box-shadow:none;border:1px solid #ddd}.noti-delete-btn,.clear-all-btn,.mark-all-btn{display:none}.noti-item-card{break-inside:avoid;border:1px solid #ddd}}.notifications-container-wrapper{background:var(--bg-primary);flex-direction:column;height:107vh;display:flex}.notifications-panel{background:var(--bg-secondary);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:900px;height:100%;margin:0 auto;display:flex;overflow:hidden}.noti-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:10;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;gap:12px;padding:20px 24px;display:flex;position:sticky;top:0}.noti-list-body{flex:1;padding:8px 0 20px;overflow-y:auto}.noti-list-body::-webkit-scrollbar{width:4px}.noti-list-body::-webkit-scrollbar-track{background:0 0}.noti-list-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}@media (width<=768px){.notifications-panel{border-radius:0}.noti-header{padding:16px}.noti-list-body{padding:4px 0 16px}}@media (width<=480px){.noti-header{padding:12px 14px}}:root{--accent-gradient:linear-gradient(135deg, var(--accent-light) 0%, var(--accent-secondary) 100%);--shadow-sm:var(--shadow-color);--shadow-md:var(--shadow-color);--shadow-lg:var(--shadow-color);--success-bg:var(--status-success-bg);--success-text:var(--status-success);--danger-bg:var(--status-danger-bg);--danger-text:var(--status-danger);--warning-bg:var(--status-warning-bg);--warning-text:var(--status-warning);--info-bg:var(--status-info-bg);--info-text:var(--status-info)}:root.light-mode{--accent-gradient:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--shadow-sm:var(--shadow-color);--shadow-md:var(--shadow-color);--shadow-lg:var(--shadow-color);--success-bg:var(--status-success-bg);--success-text:var(--status-success);--danger-bg:var(--status-danger-bg);--danger-text:var(--status-danger);--warning-bg:var(--status-warning-bg);--warning-text:var(--status-warning);--info-bg:var(--status-info-bg);--info-text:var(--status-info)}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s}.dashboard-container-wrapper{background:var(--bg-primary);width:100%;min-height:100vh;padding:80px 24px 40px}.dashboard-wrapper{max-width:1200px;margin:0 auto}.deal-mode-switcher{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:60px;gap:16px;margin-bottom:32px;padding:8px;display:flex}.mode-switch-button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.mode-switch-button i{font-size:16px}.mode-switch-button.active{background:var(--accent-gradient);color:var(--bg-primary);box-shadow:0 4px 15px var(--accent-glow)}.mode-switch-button:hover:not(.active){background:var(--bg-hover);color:var(--accent-primary)}.back-to-list{border:1px solid var(--border-color);color:var(--accent-primary);cursor:pointer;background:0 0;border-radius:40px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 20px;font-weight:600;transition:all .3s;display:inline-flex}.back-to-list:hover{background:var(--accent-light);transform:translate(-3px)}.deals-list{flex-direction:column;gap:16px;display:flex}.deal-list-item{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);cursor:pointer;box-shadow:0 4px 15px var(--shadow-sm);border-radius:20px;justify-content:space-between;align-items:center;padding:20px 24px;transition:all .3s;display:flex}.deal-list-item:hover{border-color:var(--accent-primary);box-shadow:0 8px 25px var(--shadow-md);transform:translate(5px)}.deal-list-info{flex:1}.deal-list-info h4{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:700}.deal-list-info p{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.deal-list-info p i{color:var(--accent-primary)}.deal-list-status .status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:30px;padding:6px 16px;font-size:12px;font-weight:700}.status-badge.pending{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--status-warning-bg)}.status-badge.active{background:var(--accent-light);color:var(--accent-primary);border:1px solid var(--border-color)}.status-badge.completed{background:var(--success-bg);color:var(--success-text);border:1px solid var(--status-success-bg)}.no-deal-selected{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:80px 20px}.no-deal-selected i{color:var(--text-muted);opacity:.5;margin-bottom:20px;font-size:64px}.no-deal-selected h3{color:var(--text-secondary);margin-bottom:10px;font-size:20px}.no-deal-selected p{color:var(--text-muted);font-size:14px}.dash-header{margin-bottom:24px}.project-meta h2{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:800}.project-meta p{color:var(--text-muted);margin-bottom:12px;font-size:14px}.mode-badge{border-radius:30px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.mode-badge.pending{background:var(--warning-bg);color:var(--warning-text)}.mode-badge.active{background:var(--accent-light);color:var(--accent-primary)}.mode-badge.completed{background:var(--success-bg);color:var(--success-text)}.deal-info-card{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin-bottom:24px;padding:24px}.deal-info-row{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.deal-info-row span{width:140px;color:var(--text-muted);font-size:14px;font-weight:600}.deal-info-row strong,.deal-info-row p{color:var(--text-primary);flex:1;font-size:14px}.deal-info-row p{line-height:1.6}.milestone-container{flex-direction:column;gap:16px;display:flex}.milestone-row{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;justify-content:space-between;align-items:center;padding:20px 24px;transition:all .3s;display:flex}.milestone-row:hover{border-color:var(--accent-primary);transform:translate(4px)}.m-info-block{flex:1;align-items:center;gap:16px;display:flex}.m-number{background:var(--card-bg);width:40px;height:40px;color:var(--accent-primary);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.m-details h4{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:700}.m-amount{color:var(--accent-primary);font-size:13px;font-weight:600}.m-status-side{flex-shrink:0;align-items:center;gap:20px;display:flex}.status-pending{background:var(--warning-bg);color:var(--warning-text)}.status-funded{background:var(--info-bg);color:var(--info-text)}.status-review{background:var(--accent-light);color:var(--accent-primary)}.status-released{background:var(--success-bg);color:var(--success-text)}.btn-fund,.btn-request-review,.btn-release,.btn-confirm-deal{cursor:pointer;border:none;border-radius:40px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .3s;display:inline-flex}.btn-fund{background:linear-gradient(135deg, var(--status-warning), var(--status-warning));color:var(--text-inverse);box-shadow:0 2px 8px var(--status-warning-bg)}.btn-request-review{background:linear-gradient(135deg, var(--accent-primary), var(--accent-primary));color:var(--text-inverse);box-shadow:0 2px 8px var(--status-info-bg)}.btn-release{background:linear-gradient(135deg, var(--status-success), var(--status-success));color:var(--text-inverse);box-shadow:0 2px 8px var(--status-success-bg)}.btn-confirm-deal{background:var(--accent-gradient);color:var(--bg-primary);box-shadow:0 4px 15px var(--accent-glow);padding:12px 28px;font-size:14px}.btn-fund:hover,.btn-request-review:hover,.btn-release:hover,.btn-confirm-deal:hover{transform:translateY(-2px)}.btn-fund:active,.btn-request-review:active,.btn-release:active{transform:translateY(0)}.confirm-deal-banner{background:var(--accent-light);border:2px solid var(--accent-primary);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;padding:20px 24px;display:flex}.confirm-deal-banner p{color:var(--accent-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.deal-completed-banner{background:var(--success-bg);border:2px solid var(--success-text);text-align:center;border-radius:20px;margin-top:8px;padding:24px}.deal-completed-banner i{color:var(--success-text);margin-bottom:12px;font-size:48px}.deal-completed-banner h4{color:var(--success-text);margin-bottom:8px;font-size:20px}.deal-completed-banner p{color:var(--text-secondary);font-size:14px}.badge-completed{color:var(--success-text);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.loading-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:60vh;display:flex}.loading-state p{color:var(--text-muted)}.dashboard-container-wrapper{margin-left:50px}@media (width<=768px){.dashboard-container-wrapper{margin-bottom:50px;margin-left:0}.milestone-container{margin-bottom:40px}.deal-mode-switcher{gap:12px;margin-bottom:24px}.mode-switch-button{padding:12px 16px;font-size:13px}.deal-list-item{padding:16px 20px}.deal-list-info h4{font-size:16px}.milestone-row{flex-direction:column;align-items:flex-start;gap:16px;padding:18px}.m-status-side{border-top:1px solid var(--border-color);justify-content:flex-start;width:100%;padding-top:14px}.project-meta h2{font-size:22px}.confirm-deal-banner{text-align:center;flex-direction:column}.deal-info-row{flex-direction:column;gap:6px}.deal-info-row span{width:auto}}@media (width<=480px){.dashboard-container-wrapper{margin-bottom:50px;margin-left:0}.milestone-container{margin-bottom:40px}.deal-mode-switcher{gap:8px}.mode-switch-button{padding:10px 12px;font-size:12px}.mode-switch-button i{font-size:12px}.deal-list-item{padding:14px 16px}.deal-list-info h4{font-size:15px}.deal-list-info p{font-size:12px}.back-to-list{padding:8px 16px;font-size:13px}.project-meta h2{font-size:20px}.deal-info-card{padding:18px}.milestone-row{padding:14px}.m-number{width:34px;height:34px;font-size:12px}.m-details h4{font-size:14px}.btn-fund,.btn-request-review,.btn-release{padding:8px 16px;font-size:12px}.status-badge{padding:4px 12px;font-size:11px}}.light-mode .deal-list-item,.light-mode .deal-info-card,.light-mode .no-deal-selected,.light-mode .milestone-row{background:var(--card-bg)}.light-mode .mode-switch-button{background:var(--accent-primary);color:var(--bg-primary)}.light-mode .deal-list-item:hover{background:var(--bg-hover)}@media (width<=768px){.dashboard-container-wrapper{width:100%!important;margin:0!important;padding-left:12px!important;padding-right:12px!important;overflow-x:hidden!important}.dashboard-wrapper{margin-top:-60px;width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;overflow-x:hidden!important}.deal-mode-switcher{flex-wrap:wrap!important;width:100%!important;overflow-x:hidden!important}.mode-switch-button{white-space:nowrap!important;flex:1!important;min-width:0!important}.deals-list{width:100%!important;overflow-x:hidden!important}.deal-list-item{width:100%!important;padding:14px 16px!important;overflow-x:hidden!important}.deal-list-info{overflow-x:hidden!important}.deal-list-info h4{white-space:normal!important;word-break:break-word!important}.deal-list-info p{flex-wrap:wrap!important}.dash-header{width:100%!important;overflow-x:hidden!important}.project-meta{word-break:break-word!important;overflow-x:hidden!important}.project-meta h2{word-break:break-word!important;font-size:18px!important}.project-meta p{word-break:break-word!important}.deal-info-card{width:100%!important;padding:16px!important;overflow-x:hidden!important}.deal-info-row{word-break:break-word!important;flex-wrap:wrap!important}.milestone-container{width:100%!important;overflow-x:hidden!important}.milestone-row{flex-direction:column!important;align-items:flex-start!important;width:100%!important;padding:14px!important;overflow-x:hidden!important}.m-info-block{width:100%!important;overflow-x:hidden!important}.m-details{overflow-x:hidden!important}.m-details h4{word-break:break-word!important;white-space:normal!important}.m-status-side{flex-wrap:wrap!important;justify-content:flex-start!important;gap:12px!important;width:100%!important}.btn-fund,.btn-request-review,.btn-release{white-space:nowrap!important;padding:8px 14px!important;font-size:11px!important}.status-badge{white-space:nowrap!important}}@media (width<=480px){.dashboard-container-wrapper{padding-left:9px!important;padding-right:9px!important}.mode-switch-button{padding:8px 10px!important;font-size:11px!important}.mode-switch-button i{font-size:11px!important}.deal-list-item{padding:12px!important}.deal-list-info h4{font-size:14px!important}.btn-fund,.btn-request-review,.btn-release{padding:6px 12px!important;font-size:10px!important}.status-badge{padding:3px 10px!important;font-size:10px!important}}html,body,#root{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.cancel-request-banner{border:1px solid var(--border-color);border-radius:12px;align-items:flex-start;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex}.cancel-request-banner.pending{background:var(--status-warning-bg);border-color:var(--status-warning-bg)}.cancel-request-banner.rejected{background:var(--status-danger-bg);border-color:var(--status-danger-bg)}.cancel-request-banner i{flex-shrink:0;margin-top:4px;font-size:28px}.cancel-request-banner.pending i{color:var(--status-warning)}.cancel-request-banner.rejected i{color:var(--status-danger)}.cancel-request-banner h4{color:var(--text-primary);margin:0 0 4px;font-size:15px}.cancel-request-banner p{color:var(--text-secondary);margin:0 0 4px;font-size:13px}.cancel-request-banner .cancel-reason{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:8px;margin-top:8px;padding:8px 12px;font-size:13px}.cancel-response-btns{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.btn-agree{background:var(--status-success);color:var(--text-inverse);cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s}.btn-agree:hover{background:var(--status-success);transform:translateY(-2px)}.btn-reject{background:var(--status-danger);color:var(--text-inverse);cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s}.btn-reject:hover{background:var(--status-danger);transform:translateY(-2px)}.cancel-deal-section{border-top:1px solid var(--border-color);flex-direction:column;align-items:center;gap:8px;margin-top:20px;padding:16px 20px;display:flex}.btn-cancel-deal{background:var(--status-danger-bg);border:1px solid var(--status-danger-bg);color:var(--status-danger);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-cancel-deal:hover{background:var(--status-danger);color:var(--text-inverse);transform:translateY(-2px)}.cancel-warning{color:var(--text-muted);margin:0;font-size:12px}.cancel-warning i{color:var(--status-warning);margin-right:6px}.mode-switch-button.cancelled-btn{background:var(--status-danger-bg);border-color:var(--status-danger-bg);color:var(--status-danger)}.mode-switch-button.cancelled-btn:hover{background:var(--status-danger-bg)}.mode-switch-button.cancelled-btn.active{background:var(--status-danger);color:var(--text-inverse);border-color:var(--status-danger)}.deal-list-item.cancelled{border-left:3px solid var(--status-danger);background:var(--status-danger-bg);opacity:.7}.deal-list-item.cancelled:hover{opacity:1;background:var(--status-danger-bg)}.deal-list-item.cancelled .deal-list-info h4{color:var(--text-secondary);text-decoration:line-through}.deal-cancelled-date{color:var(--text-muted);margin-top:4px;font-size:11px}.status-badge.cancelled{background:var(--status-danger-bg);color:var(--status-danger);border:1px solid var(--status-danger-bg)}.deals-stats{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);box-shadow:0 2px 12px var(--shadow-sm);border-radius:16px;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:14px 20px;transition:all .3s;display:flex}.deals-stats:hover{border-color:var(--accent-primary);box-shadow:0 4px 20px var(--shadow-md)}.stat-items{color:var(--text-secondary);background:var(--bg-secondary);cursor:default;border:1px solid #0000;border-radius:30px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .3s;display:inline-flex}.stat-items:hover{box-shadow:0 4px 12px var(--shadow-sm);transform:translateY(-2px)}.stat-items i{opacity:.7;font-size:14px}.stat-items.total{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--border-color);font-weight:700}.stat-items.total i{color:var(--accent-primary);opacity:1}.stat-items.pending{color:var(--status-warning);background:var(--status-warning-bg);border-color:var(--status-warning-bg)}.stat-items.pending i{color:var(--status-warning);opacity:1}.stat-items.pending:hover{background:var(--status-warning-bg);border-color:var(--status-warning-bg)}.stat-items.active{color:var(--accent-light);background:var(--status-success-bg);border-color:var(--status-success-bg)}.stat-items.active i{color:var(--accent-light);opacity:1}.stat-items.active:hover{background:var(--status-success-bg);border-color:var(--status-success-bg)}.stat-items.completed{color:var(--status-success);background:var(--status-success-bg);border-color:var(--status-success-bg)}.stat-items.completed i{color:var(--status-success);opacity:1}.stat-items.completed:hover{background:var(--status-success-bg);border-color:var(--status-success-bg)}.stat-items.cancelled{color:var(--status-danger);background:var(--status-danger-bg);border-color:var(--status-danger-bg)}.stat-items.cancelled i{color:var(--status-danger);opacity:1}.stat-items.cancelled:hover{background:var(--status-danger-bg);border-color:var(--status-danger-bg)}.stat-items .stat-number{margin-left:2px;font-size:15px;font-weight:800}.timer-badge{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning-bg);box-shadow:0 2px 8px var(--status-warning-bg);border-radius:30px;align-items:center;gap:8px;margin-left:12px;padding:6px 16px;font-size:12px;font-weight:600;animation:2s ease-in-out infinite timerPulse;display:inline-flex}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.7}}.timer-badge i{font-size:13px;animation:4s linear infinite timerRotate}@keyframes timerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timer-badge.deadline-passed{background:var(--status-danger-bg);color:var(--status-danger);border-color:var(--status-danger-bg);animation:none}.timer-badge.deadline-passed i{animation:none}.timer-display{color:var(--status-warning);font-variant-numeric:tabular-nums;letter-spacing:.5px;font-size:16px;font-weight:700}.timer-display.deadline-passed{color:var(--status-danger)}.deal-timer{color:var(--status-warning);background:var(--status-warning-bg);border:1px solid var(--status-warning-bg);border-radius:20px;align-items:center;gap:6px;margin-top:6px;padding:3px 12px;font-size:12px;display:inline-flex}.deal-timer i{font-size:12px;animation:4s linear infinite timerRotate}.deal-timer.deadline-passed{color:var(--status-danger);background:var(--status-danger-bg);border-color:var(--status-danger-bg)}.deal-timer.deadline-passed i{animation:none}@media (width<=768px){.deals-stats{border-radius:14px;gap:8px;padding:12px 16px}.stat-items{gap:6px;padding:4px 12px;font-size:12px}.stat-items .stat-number{font-size:13px}.timer-badge{margin-left:8px;padding:4px 12px;font-size:11px}.timer-display{font-size:14px}}@media (width<=480px){.deals-stats{gap:6px;padding:10px 12px}.stat-items{padding:3px 10px;font-size:11px}.stat-items .stat-number{font-size:12px}.timer-badge{margin-left:6px;padding:3px 10px;font-size:12px}.timer-display{font-size:13px}.deal-timer{padding:2px 10px;font-size:11px}}.deadline-passed{border-radius:20px;padding:4px 12px;font-weight:700;animation:2s ease-in-out infinite pulse-red;color:var(--status-danger)!important;background:var(--status-danger-bg)!important;border:1px solid var(--status-danger)!important}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.5}}.deal-id-badge{background:var(--accent-light,var(--status-success-bg));color:var(--accent-primary,var(--accent-light));letter-spacing:.5px;border-radius:12px;margin-left:8px;padding:2px 10px;font-family:monospace;font-size:11px;font-weight:700;display:inline-block}.deal-id-display{align-items:center;gap:8px;margin:4px 0;display:flex}.deal-id-label{color:var(--text-muted,var(--accent-primary));font-size:13px;font-weight:500}.deal-id-number{color:var(--accent-primary,var(--accent-light));letter-spacing:1px;background:var(--bg-elevated,var(--accent-primary));border-radius:6px;padding:2px 12px;font-family:monospace;font-size:16px;font-weight:700}.copy-id-btn{color:var(--text-muted,var(--accent-primary));cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;transition:all .3s}.copy-id-btn-small{color:var(--text-muted,var(--accent-primary));cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:12px;transition:all .3s}.copy-id-btn-small:hover{color:var(--accent-primary,var(--accent-light))}.deal-id-highlight{color:var(--accent-primary,var(--accent-light));align-items:center;gap:4px;font-family:monospace;display:flex}@media (width<=768px){.deal-id-number{padding:2px 8px;font-size:14px}.deal-id-badge{margin-left:4px;padding:1px 8px;font-size:10px}.deal-id-display{flex-wrap:wrap}}.deal-partner{color:var(--text-secondary);margin:4px 0;font-size:13px}.deal-partner i{color:var(--accent-primary);margin-right:6px}.deal-partner strong{color:var(--text-primary);font-weight:600}.deal-partner.cancelled strong{color:var(--text-muted)}.deal-partner-info{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.partner-label{color:var(--text-muted);font-size:13px;font-weight:500}.partner-name{color:var(--accent-primary);font-size:15px;font-weight:700}.partner-email{color:var(--text-muted);font-size:12px;font-weight:400}.partner-email-small{color:var(--text-muted);margin-left:6px;font-size:11px;font-weight:400}.deal-info-row.partner-row{background:var(--accent-light);border-radius:8px;padding:6px 12px}.deal-info-row.partner-row strong{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.project-meta{flex-direction:column;gap:4px;display:flex}.project-meta .mode-badge{align-self:flex-start}.deal-cancelled-banner{background-color:var(--accent-primary);border:1px solid var(--accent-primary);border-left:5px solid var(--status-danger);color:var(--status-danger);box-shadow:0 2px 4px var(--shadow-color);border-radius:8px;flex-direction:column;gap:8px;margin:15px 0;padding:16px;display:flex}.deal-cancelled-banner i{color:var(--status-danger);margin-bottom:4px;font-size:24px}.deal-cancelled-banner h4{color:var(--status-danger);margin:0;font-size:18px;font-weight:600}.deal-cancelled-banner p{margin:0;font-size:14px;line-height:1.4}.deal-cancelled-banner p strong{color:var(--status-danger)}@media (width<=480px){.deal-cancelled-banner{padding:12px}.deal-cancelled-banner h4{font-size:16px}}.extend-deadline-section{justify-content:center;margin:15px 0;display:flex}.btn-extend-deadline{background-color:var(--text-inverse);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;box-shadow:0 1px 2px var(--shadow-color);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-extend-deadline:hover{background-color:var(--text-primary);border-color:var(--border-color);color:var(--bg-tertiary);transform:translateY(-1px)}.btn-extend-deadline:active{transform:translateY(0)}.btn-extend-deadline i{color:var(--accent-primary);font-size:16px}.deal-cancelled-banner p{word-wrap:break-word;margin:0;font-size:14px}.extend-deadline-section{flex-direction:column;gap:8px;margin:16px 0;display:flex}.btn-extend-deadline{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:10px;width:fit-content;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn-extend-deadline:hover:not(:disabled){box-shadow:0 8px 30px var(--shadow-glow);transform:translateY(-2px)}.btn-extend-deadline:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-extend-deadline i{font-size:16px}.extension-hint{color:var(--text-muted);margin:0;font-size:12px}.extension-hint i{color:var(--accent-primary);margin-right:6px}.extension-request-banner{border-radius:var(--radius-md);background:var(--bg-tertiary);border-left:4px solid;flex-wrap:wrap;align-items:flex-start;gap:16px;margin:12px 0;padding:16px 20px;display:flex}.extension-request-banner.pending{background:#f59e0b10;border-left-color:#f59e0b}.extension-request-banner.approved{background:#10b98110;border-left-color:#10b981}.extension-request-banner.rejected{background:#ef444410;border-left-color:#ef4444}.extension-request-banner>i{flex-shrink:0;margin-top:2px;font-size:24px}.extension-request-banner.pending>i{color:#f59e0b}.extension-request-banner.approved>i{color:#10b981}.extension-request-banner.rejected>i{color:#ef4444}.extension-request-banner>div{flex:1;min-width:0}.extension-request-banner h4{color:var(--text-primary);margin:0 0 4px;font-size:15px}.extension-request-banner p{color:var(--text-secondary);margin:4px 0;font-size:13px;line-height:1.5}.extension-details{color:var(--text-secondary);font-size:13px;margin-top:6px!important}.extension-details strong{color:var(--text-primary)}.extension-response-btns{flex-shrink:0;align-items:center;gap:10px;margin-top:4px;display:flex}.extension-response-btns .btn-agree,.extension-response-btns .btn-reject{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.extension-response-btns .btn-agree{color:#fff;background:#10b981}.extension-response-btns .btn-agree:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 25px #10b98140}.extension-response-btns .btn-reject{color:#fff;background:#ef4444}.extension-response-btns .btn-reject:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 25px #ef444440}.pending-waiting{background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);border:1px dashed var(--border-color);flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.pending-waiting i{color:#f59e0b;font-size:16px}.btn-dismiss{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:4px;margin-top:6px;padding:6px 14px;font-size:12px;display:inline-flex}.btn-dismiss:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}@media (width<=768px){.extension-request-banner{flex-direction:column;padding:14px 16px}.extension-response-btns{justify-content:flex-start;width:100%}.extension-response-btns .btn-agree,.extension-response-btns .btn-reject{flex:1;justify-content:center}.pending-waiting,.btn-extend-deadline{justify-content:center;width:100%}}@media (width<=480px){.extension-request-banner{padding:12px 14px}.extension-request-banner h4{font-size:14px}.extension-request-banner p{font-size:12px}.extension-response-btns .btn-agree,.extension-response-btns .btn-reject{padding:6px 14px;font-size:12px}}.extension-request-banner{animation:.3s ease-out slideDown}@media (prefers-reduced-motion:reduce){.extension-request-banner{animation:none}.btn-extend-deadline:hover:not(:disabled),.extension-response-btns .btn-agree:hover,.extension-response-btns .btn-reject:hover{transform:none!important}}.btn-submit-work{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);background:#8b5cf6;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.btn-submit-work:hover:not(:disabled){background:#7c3aed;transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf640}.btn-submit-work:disabled{opacity:.6;cursor:not-allowed}.btn-review-release{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);background:#10b981;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.btn-review-release:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 8px 25px #10b98140}.btn-review-release:disabled{opacity:.6;cursor:not-allowed}.status-badge.overdue,.mode-badge.overdue{background:var(--status-danger-bg);color:var(--status-danger);border:1px solid var(--status-danger-bg);animation:2s ease-in-out infinite pulse-red}.stat-items.overdue{color:var(--status-danger);background:var(--status-danger-bg);border-color:var(--status-danger-bg)}.stat-items.overdue i{color:var(--status-danger);opacity:1}.stat-items.overdue:hover{background:var(--status-danger-bg);border-color:var(--status-danger-bg)}.overdue-banner{border-radius:var(--radius-md,12px);border-left:4px solid var(--status-danger);background:var(--status-danger-bg);flex-wrap:wrap;align-items:flex-start;gap:16px;margin:12px 0;padding:20px 24px;animation:.3s ease-out slideDown;display:flex}.overdue-banner>i{color:var(--status-danger);flex-shrink:0;margin-top:2px;font-size:28px;animation:2s ease-in-out infinite pulse-red}.overdue-banner>div{flex:1;min-width:200px}.overdue-banner h4{color:var(--status-danger);margin:0 0 6px;font-size:16px}.overdue-banner p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.overdue-action-btns{flex-wrap:wrap;gap:10px;width:100%;margin-top:4px;display:flex}.overdue-action-btns button{border-radius:var(--radius-md,8px);cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.overdue-action-btns button:hover{transform:translateY(-2px)}.btn-dispute{color:#111!important;background:#f59e0b!important}.btn-dispute:hover{box-shadow:0 8px 25px #f59e0b40;background:#d97706!important}.dispute-banner{border-radius:var(--radius-md,12px);background:#f59e0b12;border-left:4px solid #f59e0b;flex-wrap:wrap;align-items:flex-start;gap:16px;margin:12px 0;padding:20px 24px;animation:.3s ease-out slideDown;display:flex}.dispute-banner.open>i{color:#f59e0b;flex-shrink:0;margin-top:2px;font-size:28px}.dispute-banner>div{flex:1;min-width:200px}.dispute-banner h4{color:#f59e0b;margin:0 0 6px;font-size:16px}.dispute-banner p{color:var(--text-secondary);margin:4px 0;font-size:13px;line-height:1.5}@media (width<=768px){.overdue-banner,.dispute-banner{flex-direction:column;padding:16px 18px}.overdue-action-btns{flex-direction:column}.overdue-action-btns button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.overdue-banner>i,.status-badge.overdue,.mode-badge.overdue{animation:none}}:root{--pp-primary:var(--accent-primary);--pp-primary-dark:var(--accent-primary);--pp-primary-light:var(--accent-secondary);--pp-primary-bg:var(--status-success-bg);--pp-bg:var(--bg-secondary);--pp-bg-secondary:var(--bg-primary);--pp-bg-hover:var(--status-success-bg);--pp-border:var(--status-success-bg);--pp-border-light:var(--status-success-bg);--pp-text:var(--text-primary);--pp-text-secondary:var(--text-secondary);--pp-text-muted:var(--text-muted);--pp-success:var(--status-success);--pp-warning:var(--status-warning);--pp-danger:var(--status-danger);--pp-info:var(--status-info);--pp-shadow:0 4px 16px var(--shadow-color);--pp-shadow-lg:0 8px 32px var(--shadow-color);--pp-shadow-xl:0 20px 60px var(--shadow-color);--pp-radius:16px;--pp-radius-sm:8px;--pp-radius-full:9999px;--pp-space-xs:4px;--pp-space-sm:8px;--pp-space-md:16px;--pp-space-lg:24px;--pp-space-xl:32px;--pp-space-2xl:48px;--pp-transition:.25s cubic-bezier(.25, .46, .45, .94);--pp-font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", system-ui, sans-serif}:root.light-mode{--pp-primary:var(--accent-primary);--pp-primary-dark:var(--accent-primary);--pp-primary-light:var(--accent-secondary);--pp-primary-bg:var(--status-success-bg);--pp-bg:var(--text-inverse);--pp-bg-secondary:var(--text-primary);--pp-bg-hover:var(--bg-tertiary);--pp-border:var(--border-color);--pp-border-light:var(--bg-tertiary);--pp-text:var(--bg-tertiary);--pp-text-secondary:var(--text-muted);--pp-text-muted:var(--text-secondary);--pp-shadow:0 4px 16px var(--shadow-color);--pp-shadow-lg:0 8px 32px var(--shadow-color);--pp-shadow-xl:0 20px 60px var(--shadow-color)}.profile-page{background:var(--pp-bg);min-height:100vh;padding-bottom:var(--pp-space-2xl)}.loading-screen{justify-content:center;align-items:center;gap:var(--pp-space-md);flex-direction:column;min-height:100vh;display:flex}.profile-header-wrapper{background:var(--pp-bg);border-bottom:1px solid var(--pp-border);padding:var(--pp-space-xl) var(--pp-space-2xl);align-items:flex-start;gap:var(--pp-space-xl);transition:all var(--pp-transition);margin-left:120px;display:flex;position:relative}.profile-avatar-wrapper{flex-shrink:0;width:120px;height:120px;position:relative}.profile-avatar{object-fit:cover;border:4px solid var(--pp-bg);width:100%;height:100%;box-shadow:var(--pp-shadow-lg);transition:transform var(--pp-transition);border-radius:50%}.profile-avatar-wrapper:hover .profile-avatar{transform:scale(1.02)}.avatar-upload-btn{background:var(--pp-primary);width:36px;height:36px;color:var(--text-inverse);border:2px solid var(--pp-bg);cursor:pointer;transition:all var(--pp-transition);box-shadow:0 2px 8px var(--status-success-bg);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;bottom:4px;right:4px}.avatar-upload-btn:hover{background:var(--pp-primary-dark);box-shadow:0 4px 12px var(--status-success-bg);transform:scale(1.1)}.profile-info-wrapper{flex:2;min-width:0}.profile-name-section{align-items:center;gap:var(--pp-space-md);margin-bottom:var(--pp-space-xs);flex-wrap:wrap;display:flex}.profile-name-section h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700;line-height:1.2}.copy-link-btn{align-items:center;gap:var(--pp-space-xs);background:var(--pp-bg-secondary);border:1px solid var(--pp-border);border-radius:var(--pp-radius-full);color:var(--pp-text-secondary);cursor:pointer;transition:all var(--pp-transition);white-space:nowrap;padding:4px 14px;font-size:12px;font-weight:500;display:inline-flex}.copy-link-btn:hover{background:var(--pp-primary-bg);border-color:var(--pp-primary);color:var(--pp-primary)}.copy-link-btn i{font-size:13px}.verified-badge i{color:var(--status-success)}.pending-badge{background:var(--accent-primary);color:var(--status-warning)}.pending-badge i{color:var(--status-warning)}.rejected-badge{background:var(--accent-primary);color:var(--status-danger)}.rejected-badge i{color:var(--status-danger)}.unverified-badge{background:var(--accent-primary);color:var(--accent-primary)}.unverified-badge i{color:var(--accent-primary)}.profile-headline{color:var(--pp-text-secondary);margin:var(--pp-space-xs) 0;font-size:16px;line-height:1.5}.profile-email{color:var(--pp-text-muted);margin:var(--pp-space-xs) 0;align-items:center;gap:var(--pp-space-xs);font-size:14px;display:flex}.profile-email i{font-size:14px}.profile-stats-row{align-items:center;gap:var(--pp-space-lg);margin:var(--pp-space-md) 0;padding:var(--pp-space-sm) 0;border-top:1px solid var(--pp-border-light);border-bottom:1px solid var(--pp-border-light);display:flex}.stat-item{background:var(--pp-bg);border:1.5px solid var(--pp-border);color:#ef4444;flex-direction:column;align-items:center;gap:2px;padding:20px;display:flex}.stat-number{color:var(--pp-primary);font-size:20px;font-weight:700;line-height:1.2}.stat-label{color:var(--pp-text-muted);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.stat-label i{font-size:12px}.stat-divider{background:var(--pp-border);width:1px;height:32px}.user-id-section{margin:var(--pp-space-sm) 0}.user-id-display,.user-id-missing{align-items:center;gap:var(--pp-space-sm);color:var(--pp-text-secondary);font-size:14px;display:flex}.user-id-display i,.user-id-missing i{color:var(--pp-primary);font-size:16px}.user-id-display span{color:var(--pp-text);font-weight:500}.edit-id-btn,.add-id-btn{color:var(--pp-primary);cursor:pointer;border-radius:var(--pp-radius-sm);transition:all var(--pp-transition);background:0 0;border:none;padding:2px 8px;font-size:13px}.edit-id-btn:hover,.add-id-btn:hover{background:var(--pp-primary-bg);color:var(--pp-primary-dark)}.profile-refresh-section{margin:var(--pp-space-sm) 0}.refresh-profile-btn{align-items:center;gap:var(--pp-space-sm);background:var(--pp-bg-secondary);border:1px solid var(--pp-border);border-radius:var(--pp-radius-full);color:var(--pp-text-secondary);cursor:pointer;transition:all var(--pp-transition);padding:6px 18px;font-size:13px;font-weight:500;display:inline-flex}.refresh-profile-btn:hover:not(:disabled){background:var(--pp-primary-bg);border-color:var(--pp-primary);color:var(--pp-primary)}.refresh-profile-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-profile-btn i{font-size:14px}.profile-unique-ids{gap:var(--pp-space-sm) var(--pp-space-lg);margin:var(--pp-space-sm) 0;padding:var(--pp-space-sm) 0;border-top:1px solid var(--pp-border-light);border-bottom:1px solid var(--pp-border-light);flex-wrap:wrap;display:flex}.unique-id-item{align-items:center;gap:var(--pp-space-xs);color:var(--pp-text-secondary);font-size:13px;display:flex}.unique-id-item .id-label{color:var(--pp-text-muted);font-weight:500}.unique-id-item .id-value{color:var(--pp-text);background:var(--pp-bg-secondary);border-radius:var(--pp-radius-sm);padding:2px 10px;font-family:monospace;font-size:14px;font-weight:500}.copy-id-btn{color:var(--pp-text-muted);cursor:pointer;transition:all var(--pp-transition);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px}.edit-profile-btn{align-items:center;gap:var(--pp-space-sm);background:var(--pp-primary);color:var(--text-inverse);border-radius:var(--pp-radius-full);cursor:pointer;transition:all var(--pp-transition);margin-top:var(--pp-space-sm);box-shadow:0 2px 12px var(--status-success-bg);border:none;padding:8px 24px;font-size:14px;font-weight:600;display:inline-flex}.edit-profile-btn:hover{background:var(--pp-primary-dark);box-shadow:0 4px 20px var(--status-success-bg);transform:translateY(-1px)}.edit-profile-btn:active{transform:scale(.97)}.edit-profile-btn i{font-size:14px}.profile-mode-switcher{gap:var(--pp-space-sm);padding:var(--pp-space-md) var(--pp-space-2xl);background:var(--pp-bg);border-bottom:1px solid var(--pp-border);margin-left:120px;display:flex}.profile-mode-btn{border:1.5px solid var(--pp-border);border-radius:var(--pp-radius-full);color:var(--pp-text-secondary);cursor:pointer;transition:all var(--pp-transition);align-items:center;gap:var(--pp-space-sm);background:0 0;padding:8px 20px;font-size:13px;font-weight:500;display:flex}.profile-mode-btn:hover{background:var(--pp-bg-hover);color:var(--pp-text)}.profile-mode-btn.active{background:var(--pp-primary);border-color:var(--pp-primary);color:var(--text-inverse);box-shadow:0 2px 12px var(--status-success-bg)}.profile-mode-btn.active:hover{background:var(--pp-primary-dark)}.profile-tabs-wrapper{background:var(--pp-bg);border-bottom:1px solid var(--pp-border);padding:var(--pp-space-sm) var(--pp-space-md);z-index:50;-webkit-backdrop-filter:blur(12px);margin-left:120px;position:sticky;top:0}.profile-tabs{gap:var(--pp-space-xs);max-width:1200px;padding:var(--pp-space-xs) 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin:0 auto;display:flex;overflow-x:auto}.profile-tabs::-webkit-scrollbar{display:none}.tab-btn{align-items:center;gap:var(--pp-space-xs);border-radius:var(--pp-radius-full);color:var(--pp-text-secondary);font-size:13px;font-weight:500;font-family:var(--pp-font);cursor:pointer;transition:all var(--pp-transition);white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:8px 16px;display:inline-flex}.tab-btn i{transition:transform var(--pp-transition);font-size:14px}.tab-btn:hover{background:var(--pp-bg-hover);color:var(--pp-text);transform:translateY(-1px)}.tab-btn:hover i{transform:scale(1.1)}.tab-btn:active{transform:scale(.95)}.tab-btn.active{background:var(--pp-primary);color:var(--text-inverse);box-shadow:0 2px 12px var(--status-success-bg)}.tab-btn.active i{color:var(--text-inverse)}.tab-btn.active:hover{box-shadow:0 4px 16px var(--status-success-bg)}.saved-count-badge,.tab-badge{border-radius:var(--pp-radius-full);background:var(--pp-border);min-width:18px;height:18px;color:var(--pp-text-secondary);transition:all var(--pp-transition);justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.tab-btn.active .saved-count-badge,.tab-btn.active .tab-badge{background:var(--glass-bg);color:var(--text-inverse)}.tab-badge.warning{background:var(--pp-warning);color:var(--text-inverse)}.tab-btn.active .tab-badge.warning{background:var(--glass-bg);color:var(--text-inverse)}.profile-content{max-width:1200px;padding:var(--pp-space-lg);background:var(--pp-bg);margin:0 auto 0 120px}.user-posts-section h3{margin-bottom:var(--pp-space-md);align-items:center;gap:var(--pp-space-sm);font-size:18px;font-weight:600;display:flex}.user-posts-section h3 i{color:var(--pp-primary)}.posts-grid{gap:var(--pp-space-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.post-card{background:var(--pp-bg);border-radius:var(--pp-radius);border:1px solid var(--pp-border);transition:all var(--pp-transition);box-shadow:var(--pp-shadow);overflow:hidden}.post-card:hover{box-shadow:var(--pp-shadow-lg);border-color:var(--pp-primary-light);transform:translateY(-2px)}.post-images-container{background:var(--pp-bg-secondary);gap:2px;display:grid}.post-images-container.one-image{grid-template-columns:1fr}.post-images-container.two-images{grid-template-columns:1fr 1fr}.post-image{object-fit:cover;background:var(--pp-bg-secondary);width:100%;height:200px}.post-image-badge{background:var(--shadow-color);color:var(--text-inverse);border-radius:var(--pp-radius-full);padding:4px 12px;font-size:14px;font-weight:600;position:absolute;bottom:8px;right:8px}.post-content{padding:var(--pp-space-md)}.post-content h4{margin:0 0 var(--pp-space-xs) 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:600;display:-webkit-box;overflow:hidden}.post-description{color:var(--pp-text-secondary);margin:0 0 var(--pp-space-sm) 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.post-meta{gap:var(--pp-space-sm);padding:var(--pp-space-sm) 0;border-top:1px solid var(--pp-border-light);border-bottom:1px solid var(--pp-border-light);margin-bottom:var(--pp-space-sm);flex-wrap:wrap;display:flex}.post-meta span{color:var(--pp-text-secondary);align-items:center;gap:4px;font-size:13px;display:flex}.post-meta span i{color:var(--pp-text-muted);font-size:13px}.post-actions{gap:var(--pp-space-sm);display:flex}.post-actions button{border-radius:var(--pp-radius-sm);cursor:pointer;transition:all var(--pp-transition);align-items:center;gap:var(--pp-space-xs);border:none;padding:6px 14px;font-size:13px;font-weight:500;display:flex}.edit-post-btn{background:var(--pp-primary-bg);color:var(--pp-primary)}.edit-post-btn:hover{background:var(--pp-primary);color:var(--text-inverse)}.force-delete-btn{background:var(--accent-primary);color:var(--pp-danger)}.force-delete-btn:hover{background:var(--pp-danger);color:var(--text-inverse)}.unsave-btn{background:var(--pp-warning);color:var(--text-inverse);border-radius:var(--pp-radius-sm);cursor:pointer;transition:all var(--pp-transition);align-items:center;gap:var(--pp-space-xs);border:none;padding:6px 14px;font-size:13px;font-weight:500;display:flex}.unsave-btn:hover{background:var(--status-warning)}.tab-panel{animation:.3s fadeIn}.reviews-header{justify-content:space-between;align-items:center;gap:var(--pp-space-md);margin-bottom:var(--pp-space-md);flex-wrap:wrap;display:flex}.reviews-header h3{color:var(--pp-text);align-items:center;gap:var(--pp-space-sm);font-size:18px;font-weight:600;display:flex}.average-rating{align-items:center;gap:var(--pp-space-sm);display:flex}.rating-number{color:var(--pp-text);font-size:24px;font-weight:700}.rating-stars .fa-star.filled{color:var(--status-warning)}.rating-stars .fa-star:not(.filled){color:var(--pp-text-muted)}.reviews-list{gap:var(--pp-space-md);flex-direction:column;display:flex}.review-card{background:var(--pp-bg);border-radius:var(--pp-radius);padding:var(--pp-space-md);border:1px solid var(--pp-border)}.review-header{margin-bottom:var(--pp-space-sm);justify-content:space-between;align-items:flex-start;display:flex}.reviewer-info{align-items:center;gap:var(--pp-space-sm);display:flex}.reviewer-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.reviewer-info h4{color:var(--pp-text);margin:0;font-size:14px;font-weight:600}.review-stars .fa-star.filled{color:var(--status-warning)}.review-stars .fa-star:not(.filled){color:var(--pp-text-muted)}.review-date{color:var(--pp-text-muted);font-size:12px}.review-text{color:var(--pp-text-secondary);margin:0;font-size:14px;line-height:1.6}.documents-panel h3,.face-panel h3{color:var(--pp-text);align-items:center;gap:var(--pp-space-sm);margin-bottom:var(--pp-space-xs);font-size:18px;font-weight:600;display:flex}.tab-subtitle{color:var(--pp-text-secondary);margin-bottom:var(--pp-space-md);font-size:14px}.verification-status-box{text-align:center;padding:var(--pp-space-md);background:var(--pp-bg);border-radius:var(--pp-radius);border:1px solid var(--pp-border);margin-bottom:var(--pp-space-md)}.status-badge-large{border-radius:var(--pp-radius-full);padding:6px 20px;font-size:16px;font-weight:600;display:inline-block}.status-badge-large.verified{background:var(--accent-primary);color:var(--status-success)}.status-badge-large.pending{background:var(--accent-primary);color:var(--status-warning)}.status-badge-large.rejected{background:var(--accent-primary);color:var(--status-danger)}.upload-row{gap:var(--pp-space-md);grid-template-columns:1fr 1fr;display:grid}.upload-area{border:2px dashed var(--pp-border);border-radius:var(--pp-radius-sm);padding:var(--pp-space-md);text-align:center;cursor:pointer;transition:all var(--pp-transition);background:var(--pp-bg-secondary);flex-direction:column;justify-content:center;align-items:center;min-height:120px;display:flex;position:relative}.upload-area:hover{border-color:var(--pp-primary);background:var(--pp-primary-bg)}.upload-area input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-icon{margin-bottom:var(--pp-space-xs);font-size:32px}.upload-label{color:var(--pp-text-secondary);font-size:14px;font-weight:500}.upload-sub{color:var(--pp-text-muted);margin-top:2px;font-size:12px}.upload-progress{margin:var(--pp-space-md) 0}.progress-text{color:var(--pp-text-secondary);margin-bottom:var(--pp-space-xs);font-size:14px}.progress-bar-small{background:var(--pp-border);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill-small{background:var(--pp-primary);border-radius:3px;height:100%;transition:width .3s}.upload-area.has-file{border-color:var(--pp-success,#22c55e);background:#22c55e0d}.upload-preview-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.upload-preview{object-fit:contain;border-radius:var(--pp-radius-sm);max-width:100%;max-height:100px}.upload-remove-btn{background:var(--pp-danger,#ef4444);color:#fff;cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .2s;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 4px #0003}.upload-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.pdf-preview{color:var(--pp-danger,#ef4444);flex-direction:column;align-items:center;gap:8px;display:flex}.pdf-preview i{font-size:36px}.pdf-preview span{color:var(--pp-text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;overflow:hidden}.liveness-instructions{gap:var(--pp-space-xs);margin:var(--pp-space-md) 0;grid-template-columns:1fr 1fr;display:grid}.instruction-step{background:var(--pp-bg-secondary);border-radius:var(--pp-radius-sm);border:1px solid var(--pp-border);color:var(--pp-text-secondary);justify-content:space-between;padding:8px 12px;font-size:13px;display:flex}.instruction-step.done{border-color:var(--pp-success);background:var(--accent-primary);color:var(--status-success)}.inst-status{font-size:16px}.camera-box{background:var(--bg-secondary);border-radius:var(--pp-radius-sm);min-height:200px;margin:var(--pp-space-md) 0;border:2px solid var(--pp-border);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.camera-box.camera-active{border-color:var(--pp-primary)}.camera-box video{object-fit:cover;width:100%;max-height:300px}.camera-placeholder{color:var(--pp-text-muted);text-align:center;opacity:.6}.camera-placeholder span{margin-bottom:var(--pp-space-sm);font-size:48px;display:block}.btn-row{gap:var(--pp-space-sm);display:flex}.btn{border-radius:var(--pp-radius-sm);cursor:pointer;transition:all var(--pp-transition);border:none;flex:1;padding:10px 20px;font-size:14px;font-weight:500}.btn-ghost{background:var(--pp-bg-secondary);color:var(--pp-text-secondary);border:1px solid var(--pp-border)}.btn-ghost:hover{background:var(--pp-bg-hover)}.btn-primary{background:var(--pp-primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--pp-primary-dark)}.btn-danger{background:var(--pp-danger);color:var(--text-inverse)}.btn-danger:hover{background:var(--status-danger)}.modal-overlay{background:var(--shadow-color);-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--pp-space-md);justify-content:center;align-items:center;animation:.3s overlayFade;display:flex;position:fixed;inset:0}.edit-modal{background:var(--pp-bg);border-radius:var(--pp-radius);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--pp-shadow-xl);padding:var(--pp-space-xl);animation:.35s cubic-bezier(.34,1.56,.64,1) modalSlide;overflow-y:auto}@keyframes modalSlide{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.edit-modal h3{color:var(--pp-primary);margin:0 0 var(--pp-space-md) 0;align-items:center;gap:var(--pp-space-sm);font-size:20px;font-weight:700;display:flex}.edit-modal h3 i{color:var(--pp-primary)}.edit-form{gap:var(--pp-space-md);flex-direction:column;display:flex}.edit-form .id-info-text{color:var(--pp-text-secondary);margin:0;font-size:14px}.edit-form input,.edit-form textarea{border:1.5px solid var(--pp-border);border-radius:var(--pp-radius-sm);width:100%;font-size:14px;font-family:var(--pp-font);color:var(--pp-primary);background:var(--pp-bg);transition:all var(--pp-transition);padding:10px 14px}.edit-form input:focus,.edit-form textarea:focus{border-color:var(--pp-primary);box-shadow:0 0 0 3px var(--pp-primary-bg);outline:none}.edit-form textarea{resize:vertical;min-height:80px}.edit-actions{gap:var(--pp-space-sm);margin-top:var(--pp-space-sm);display:flex}.edit-actions .cancel-btn{border:1.5px solid var(--pp-border);border-radius:var(--pp-radius-sm);color:var(--pp-text-secondary);cursor:pointer;transition:all var(--pp-transition);background:0 0;flex:1;padding:10px;font-size:14px;font-weight:500}.edit-actions .cancel-btn:hover{background:var(--pp-bg-hover)}.edit-actions .save-btn{background:var(--pp-primary);color:var(--text-inverse);border-radius:var(--pp-radius-sm);cursor:pointer;transition:all var(--pp-transition);border:none;flex:1;padding:10px;font-size:14px;font-weight:600}.edit-actions .save-btn:hover{background:var(--pp-primary-dark);box-shadow:0 4px 12px var(--status-success-bg);transform:translateY(-1px)}.edit-actions .save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.edit-post-modal{max-width:560px}.edit-modal-header{margin-bottom:var(--pp-space-md);justify-content:space-between;align-items:center;display:flex}.edit-modal-header h3{color:var(--pp-text);align-items:center;gap:var(--pp-space-sm);margin:0;font-size:20px;font-weight:700;display:flex}.modal-close-btn{background:var(--pp-bg-hover);cursor:pointer;width:36px;height:36px;color:var(--pp-text-secondary);transition:all var(--pp-transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.modal-close-btn:hover{background:var(--accent-primary);color:var(--pp-danger);transform:rotate(90deg)}.pb-group{gap:var(--pp-space-xs);margin-bottom:var(--pp-space-md);flex-direction:column;display:flex}.pb-group label{color:var(--pp-text-secondary);font-size:14px;font-weight:600}.pb-group .required-star{color:var(--pp-danger);margin-left:2px}.pb-group input,.pb-group textarea{border:1.5px solid var(--pp-border);border-radius:var(--pp-radius-sm);width:100%;font-size:14px;font-family:var(--pp-font);color:var(--pp-primary);background:var(--pp-bg);transition:all var(--pp-transition);padding:10px 14px}.pb-group input:focus,.pb-group textarea:focus{border-color:var(--pp-primary);box-shadow:0 0 0 3px var(--pp-primary-bg);outline:none}.pb-group textarea{resize:vertical;min-height:80px}.char-count{color:var(--pp-text-muted);text-align:right;margin-top:2px;font-size:12px;font-weight:500;display:block}.pb-row-twin{gap:var(--pp-space-md);grid-template-columns:1fr 1fr;display:grid}.input-with-icon{position:relative}.input-with-icon input{padding-left:32px}.input-icon{color:var(--pp-text-muted);font-weight:600;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-icon-right{color:var(--pp-text-muted);font-size:13px;font-weight:500;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.edit-images-grid{gap:var(--pp-space-sm);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));display:grid}.edit-image-item{aspect-ratio:1;border-radius:var(--pp-radius-sm);border:2px solid var(--pp-border);position:relative;overflow:hidden}.remove-image-btn{background:var(--shadow-color);width:24px;height:24px;color:var(--text-inverse);cursor:pointer;transition:all var(--pp-transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:4px;right:4px}.remove-image-btn:hover{background:var(--pp-danger)}.image-order-badge{background:var(--shadow-color);color:var(--text-inverse);border-radius:var(--pp-radius-sm);padding:2px 8px;font-size:10px;font-weight:600;position:absolute;bottom:4px;left:4px}.upload-drop-zone-small{border:2px dashed var(--pp-border);border-radius:var(--pp-radius-sm);aspect-ratio:1;cursor:pointer;transition:all var(--pp-transition);color:var(--pp-text-muted);background:var(--pp-bg-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.upload-drop-zone-small i{margin-bottom:var(--pp-space-xs);font-size:28px}.upload-drop-zone-small p{margin:0;font-size:13px}.upload-drop-zone-small span{font-size:11px}.image-hint{align-items:center;gap:var(--pp-space-xs);color:var(--pp-text-muted);margin-top:var(--pp-space-xs);font-size:12px;display:flex}.image-hint i{color:var(--pp-info)}.section-header{margin-bottom:var(--pp-space-md);justify-content:space-between;align-items:center;display:flex}.section-header h3{color:var(--pp-text);align-items:center;gap:var(--pp-space-sm);font-size:18px;font-weight:600;display:flex}.section-header h3 i{color:var(--pp-primary)}.add-btn{background:var(--pp-primary-bg);color:var(--pp-primary);border:1px solid var(--pp-primary-light);border-radius:var(--pp-radius-sm);cursor:pointer;transition:all var(--pp-transition);align-items:center;gap:var(--pp-space-sm);padding:8px 16px;font-size:14px;display:flex}.add-btn:hover{background:var(--pp-primary);color:var(--text-inverse)}.add-form{background:var(--pp-bg-secondary);border-radius:var(--pp-radius-sm);padding:var(--pp-space-md);margin:var(--pp-space-md) 0;gap:var(--pp-space-sm);flex-direction:column;display:flex}.add-form input,.add-form textarea{border:1px solid var(--pp-border);border-radius:var(--pp-radius-sm);background:var(--pp-bg);color:var(--pp-text);padding:8px 12px;font-size:14px}.add-form input:focus,.add-form textarea:focus{border-color:var(--pp-primary);outline:none}.form-actions{gap:var(--pp-space-sm);margin-top:var(--pp-space-sm);display:flex}.form-actions .cancel-btn,.form-actions .save-btn{flex:1;padding:8px}.form-actions .cancel-btn{border:1px solid var(--pp-border);color:var(--pp-text-secondary);border-radius:var(--pp-radius-sm);cursor:pointer;transition:all var(--pp-transition);background:0 0}.form-actions .cancel-btn:hover{background:var(--pp-bg-hover)}.form-actions .save-btn{background:var(--pp-primary);color:var(--text-inverse);border-radius:var(--pp-radius-sm);cursor:pointer;transition:all var(--pp-transition);border:none}.form-actions .save-btn:hover{background:var(--pp-primary-dark)}.item-card{padding:var(--pp-space-md);border:1px solid var(--pp-border);border-radius:var(--pp-radius-sm);margin-bottom:var(--pp-space-sm);background:var(--pp-bg)}.item-header{justify-content:space-between;align-items:center;display:flex}.item-header h4{color:var(--pp-text);margin:0;font-size:15px;font-weight:600}.delete-btn{color:var(--pp-danger);cursor:pointer;transition:all var(--pp-transition);background:0 0;border:none;border-radius:4px;padding:4px 8px}.delete-btn:hover{background:var(--accent-primary)}.item-date,.item-institution,.item-issuer,.item-description{color:var(--pp-text-secondary);margin:4px 0;font-size:14px}.cert-link{color:var(--pp-primary);font-size:14px;text-decoration:none}.cert-link:hover{text-decoration:underline}.social-form{gap:var(--pp-space-md);flex-direction:column;display:flex}.social-form .form-group label{color:var(--pp-text-secondary);align-items:center;gap:var(--pp-space-sm);font-size:14px;font-weight:500;display:flex}.social-form .form-group input{border:1.5px solid var(--pp-border);border-radius:var(--pp-radius-sm);width:100%;color:var(--pp-text);background:var(--pp-bg);transition:all var(--pp-transition);padding:10px 14px;font-size:14px}.social-form .form-group input:focus{border-color:var(--pp-primary);box-shadow:0 0 0 3px var(--pp-primary-bg);outline:none}.social-preview{gap:var(--pp-space-sm);margin-top:var(--pp-space-md);padding-top:var(--pp-space-md);border-top:1px solid var(--pp-border);flex-wrap:wrap;display:flex}.social-preview a{align-items:center;gap:var(--pp-space-xs);background:var(--pp-bg-secondary);border-radius:var(--pp-radius-full);color:var(--pp-text-secondary);transition:all var(--pp-transition);padding:6px 16px;font-size:14px;text-decoration:none;display:flex}.social-preview a:hover{background:var(--pp-primary-bg);color:var(--pp-primary)}.about-card,.skills-card{background:var(--pp-bg);border-radius:var(--pp-radius);padding:var(--pp-space-lg);border:1px solid var(--pp-border)}.about-card h3,.skills-card h3{color:var(--pp-text);align-items:center;gap:var(--pp-space-sm);margin-bottom:var(--pp-space-md);font-size:18px;font-weight:600;display:flex}.about-card h3 i,.skills-card h3 i{color:var(--pp-primary)}.about-card p{color:var(--pp-text-secondary);margin:0;font-size:15px;line-height:1.7}.skills-chip-container{gap:var(--pp-space-sm);flex-wrap:wrap;display:flex}.skill-chip{background:var(--pp-primary-bg);color:var(--pp-primary);border-radius:var(--pp-radius-full);border:1px solid var(--pp-primary-light);padding:6px 16px;font-size:14px;font-weight:500}.empty-state{text-align:center;padding:var(--pp-space-2xl) var(--pp-space-md);color:var(--pp-text-muted)}.empty-state i{margin-bottom:var(--pp-space-md);opacity:.5;font-size:48px;display:block}.empty-state p{margin:0;font-size:16px}.no-posts{text-align:center;padding:var(--pp-space-2xl);color:var(--pp-text-muted)}.no-posts i{margin-bottom:var(--pp-space-md);opacity:.5;font-size:48px;display:block}.no-posts p{margin:0 0 var(--pp-space-md) 0;font-size:16px}.create-post-btn{background:var(--pp-primary);color:var(--text-inverse);border-radius:var(--pp-radius-full);cursor:pointer;transition:all var(--pp-transition);align-items:center;gap:var(--pp-space-sm);border:none;padding:10px 24px;font-size:14px;font-weight:500;display:inline-flex}.create-post-btn:hover{background:var(--pp-primary-dark);transform:translateY(-1px)}.loading-posts{align-items:center;gap:var(--pp-space-sm);padding:var(--pp-space-2xl);flex-direction:column;display:flex}.loading-spinner-small{border:3px solid var(--pp-border);border-top-color:var(--pp-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.no-reviews{text-align:center;color:var(--pp-text-muted)}.no-reviews i{opacity:.5;font-size:48px;display:block}.btn-review{background:var(--pp-primary);color:var(--text-inverse);border-radius:var(--pp-radius-full);cursor:pointer;transition:all var(--pp-transition);margin-top:var(--pp-space-md);border:none;padding:10px 24px;font-size:14px;font-weight:500}.btn-review:hover{background:var(--pp-primary-dark);transform:translateY(-1px)}@media (width<=1024px){.profile-header-wrapper{padding:var(--pp-space-lg);gap:var(--pp-space-lg);flex-wrap:wrap}.avatar-upload-btn{width:32px;height:32px;font-size:12px}.profile-name-section h1{font-size:24px}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=768px){.profile-header-wrapper{text-align:center;padding:var(--pp-space-md);align-items:center;gap:var(--pp-space-md);flex-direction:column}.avatar-upload-btn{width:32px;height:32px;font-size:12px;bottom:2px;right:2px}.profile-info-wrapper{text-align:center;width:100%}.profile-name-section{justify-content:center;gap:var(--pp-space-sm)}.profile-name-section h1{font-size:22px}.copy-link-btn{padding:3px 12px;font-size:11px}.profile-headline{font-size:15px}.profile-email{justify-content:center;font-size:13px}.profile-stats-row{justify-content:center;gap:var(--pp-space-md);flex-wrap:wrap}.stat-number{font-size:18px}.stat-label{font-size:11px}.stat-divider{height:28px}.user-id-display,.user-id-missing{justify-content:center}.profile-refresh-section{text-align:center}.refresh-profile-btn{padding:5px 16px;font-size:12px}.profile-unique-ids{justify-content:center;align-items:center;gap:var(--pp-space-xs);flex-direction:column}.unique-id-item{justify-content:center;width:100%;font-size:12px}.unique-id-item .id-value{padding:2px 8px;font-size:13px}.edit-profile-btn{justify-content:center;width:100%;padding:10px;font-size:14px}.profile-mode-switcher{padding:var(--pp-space-sm) var(--pp-space-md);justify-content:center}.profile-mode-btn{padding:6px 14px;font-size:12px}.profile-tabs-wrapper{padding:var(--pp-space-xs) var(--pp-space-sm)}.profile-tabs{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:4px;display:grid}.tab-btn{border-radius:var(--pp-radius-sm);justify-content:center;width:100%;padding:6px 8px;font-size:11px}.tab-btn i{font-size:12px}.saved-count-badge,.tab-badge{min-width:14px;height:14px;padding:0 4px;font-size:8px}.profile-content{padding:var(--pp-space-md)}.posts-grid{grid-template-columns:1fr}.post-image{height:160px}.edit-modal{padding:var(--pp-space-md);max-width:100%;margin:var(--pp-space-sm);border-radius:var(--pp-radius-sm)}.pb-row-twin{grid-template-columns:1fr}.edit-images-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.edit-modal h3{font-size:18px}.upload-row,.liveness-instructions{grid-template-columns:1fr}.btn-row{flex-direction:column}.btn{width:100%}.reviews-header{flex-direction:column;align-items:flex-start}}@media (width<=480px){.profile-header-wrapper{padding:var(--pp-space-sm);gap:var(--pp-space-sm)}.profile-avatar{border-width:3px}.avatar-upload-btn{width:28px;height:28px;font-size:10px;bottom:0;right:0}.profile-name-section h1{font-size:19px}.copy-link-btn{padding:2px 10px;font-size:10px}.verification-badge-wrapper .verified-badge,.verification-badge-wrapper .pending-badge,.verification-badge-wrapper .rejected-badge,.verification-badge-wrapper .unverified-badge{padding:3px 10px;font-size:11px}.profile-headline{font-size:14px}.profile-email{font-size:12px}.profile-stats-row{gap:var(--pp-space-sm)}.stat-number{font-size:16px}.stat-label{font-size:10px}.stat-divider{height:24px}.user-id-display,.user-id-missing{font-size:13px}.user-id-display i,.user-id-missing i{font-size:14px}.refresh-profile-btn{padding:4px 14px;font-size:11px}.unique-id-item{font-size:11px}.unique-id-item .id-value{padding:1px 6px;font-size:12px}.unique-id-item .id-label{font-size:11px}.edit-profile-btn{padding:8px;font-size:13px}.profile-tabs{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:3px}.tab-btn{padding:4px 6px;font-size:9px}.tab-btn i{font-size:10px}.saved-count-badge,.tab-badge{min-width:12px;height:12px;padding:0 3px;font-size:7px}.profile-content{padding:var(--pp-space-sm)}.post-card{border-radius:var(--pp-radius-sm)}.edit-modal{padding:var(--pp-space-sm)}.edit-modal h3{font-size:16px}.edit-actions{flex-direction:column}.edit-images-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.section-header{gap:var(--pp-space-sm);flex-direction:column;align-items:stretch}.add-btn{justify-content:center}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;transform:none!important}}@media (prefers-contrast:high){.profile-header-wrapper,.copy-link-btn,.refresh-profile-btn,.edit-profile-btn{border-width:2px}.profile-avatar{border-width:4px}.stat-divider{background:var(--shadow-color)}.unique-id-item .id-value{border:1px solid var(--shadow-color)}.verification-badge-wrapper .verified-badge,.verification-badge-wrapper .pending-badge,.verification-badge-wrapper .rejected-badge,.verification-badge-wrapper .unverified-badge,.edit-modal{border:2px solid var(--shadow-color)}.edit-actions .cancel-btn,.edit-actions .save-btn{border-width:2px}.tab-btn.active{border:2px solid var(--shadow-color)}}.copy-link-btn:focus-visible,.refresh-profile-btn:focus-visible,.edit-profile-btn:focus-visible,.copy-id-btn:focus-visible,.edit-id-btn:focus-visible,.add-id-btn:focus-visible,.modal-close-btn:focus-visible,.tab-btn:focus-visible,.edit-actions .cancel-btn:focus-visible,.edit-actions .save-btn:focus-visible,.pb-group input:focus-visible,.pb-group textarea:focus-visible{outline:2px solid var(--pp-primary);outline-offset:2px}@media print{.profile-page{background:var(--text-inverse)!important}.profile-header-wrapper{border:1px solid var(--accent-primary);background:var(--text-inverse)!important;box-shadow:none!important}.copy-link-btn,.edit-profile-btn,.refresh-profile-btn,.copy-id-btn,.edit-id-btn,.add-id-btn,.avatar-upload-btn,.profile-mode-switcher,.profile-tabs-wrapper,.modal-overlay,.edit-modal,.post-actions,.add-btn,.delete-btn,.btn-row,.create-post-btn,.btn-review{display:none!important}.profile-avatar{border:2px solid var(--shadow-color)!important}.stat-number{color:var(--shadow-color)!important}.unique-id-item .id-value{background:var(--accent-primary)!important;color:var(--shadow-color)!important}.post-card{break-inside:avoid;page-break-inside:avoid;border:1px solid var(--accent-primary)!important;box-shadow:none!important}.review-card{break-inside:avoid;page-break-inside:avoid;border:1px solid var(--accent-primary)!important}}@media (width<=768px){.profile-mode-switcher,.profile-content,.profile-header-wrapper,.profile-tabs-wrapper{margin-left:0}}.edit-form .form-group{margin-bottom:16px}.edit-form .form-group label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.edit-form .form-group .required-star{color:#ef4444;margin-left:2px}.edit-form .form-group .hint-text{color:var(--text-muted);font-size:12px;font-weight:400}.edit-form .edit-input,.edit-form .edit-textarea{background:var(--bg-tertiary);width:100%;color:var(--text-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);padding:10px 14px;font-family:inherit;font-size:14px}.edit-form .edit-input:focus,.edit-form .edit-textarea:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring);background:var(--bg-secondary);outline:none}.edit-form .edit-textarea{resize:vertical;min-height:80px;line-height:1.6}.edit-form .char-count{text-align:right;color:var(--text-muted);margin-top:4px;padding-right:4px;font-size:11px;display:block}.edit-form .edit-actions{border-top:1px solid var(--border-color);gap:12px;margin-top:20px;padding-top:16px;display:flex}.edit-form .cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);flex:1;padding:10px 24px;font-weight:500}.edit-form .cancel-btn:hover{background:var(--bg-hover);border-color:var(--status-danger);color:var(--status-danger)}.edit-form .save-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;flex:2;padding:10px 24px;font-weight:500}.edit-form .save-btn:hover{box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}.pending-posts-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);margin-top:20px;padding:16px 20px}.pending-posts-section:hover{border-color:var(--accent-primary);box-shadow:0 4px 20px var(--shadow-color)}.pending-posts-header{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.pending-posts-header i{color:var(--status-warning);font-size:18px}.pending-posts-header span{color:var(--text-primary);font-size:14px;font-weight:600}.pending-posts-grid{flex-direction:column;gap:8px;display:flex}.pending-post-mini{background:var(--bg-tertiary);border-radius:var(--radius-sm);border-left:3px solid var(--status-warning);transition:all var(--transition-normal);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.pending-post-mini:hover{background:var(--bg-hover);transform:translate(4px)}.pending-post-mini .post-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.pending-post-mini .post-date{color:var(--text-muted);flex-shrink:0;font-size:12px}.rejected-posts-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);margin-top:16px;padding:16px 20px}.rejected-posts-section:hover{border-color:var(--status-danger);box-shadow:0 4px 20px var(--shadow-color)}.rejected-posts-header{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.rejected-posts-header i{color:var(--status-danger);font-size:18px}.rejected-posts-header span{color:var(--text-primary);font-size:14px;font-weight:600}.rejected-posts-grid{flex-direction:column;gap:8px;display:flex}.rejected-post-mini{background:var(--bg-tertiary);border-radius:var(--radius-sm);border-left:3px solid var(--status-danger);transition:all var(--transition-normal);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.rejected-post-mini:hover{background:var(--bg-hover);transform:translate(4px)}.rejected-post-mini .post-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.rejected-post-mini .post-reason{color:var(--status-danger);background:var(--status-danger-bg);border-radius:var(--radius-full);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:200px;padding:2px 10px;font-size:12px;overflow:hidden}.delete-btn-small{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.delete-btn-small i{font-size:14px}.delete-btn-small:hover{background:var(--status-danger-bg);color:var(--status-danger)}.delete-btn-small:active{transform:scale(.9)}.pending-posts-header .count-badge,.rejected-posts-header .count-badge{border-radius:var(--radius-full);margin-left:auto;padding:2px 10px;font-size:11px;font-weight:600}.pending-posts-header .count-badge{background:var(--status-warning-bg);color:var(--status-warning)}.rejected-posts-header .count-badge{background:var(--status-danger-bg);color:var(--status-danger)}@media (width<=768px){.pending-posts-section,.rejected-posts-section{margin-top:14px;padding:12px 14px}.pending-post-mini,.rejected-post-mini{flex-wrap:wrap;gap:6px;padding:8px 12px}.pending-post-mini .post-title,.rejected-post-mini .post-title{min-width:60%;font-size:13px}.pending-post-mini .post-date{font-size:11px}.rejected-post-mini .post-reason{max-width:120px;font-size:11px}.pending-posts-header span,.rejected-posts-header span{font-size:13px}}@media (width<=480px){.pending-posts-section,.rejected-posts-section{border-radius:var(--radius-md);padding:10px 12px}.pending-post-mini,.rejected-post-mini{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px}.pending-post-mini .post-title,.rejected-post-mini .post-title{min-width:100%;font-size:12px}.pending-post-mini .post-date{font-size:10px}.rejected-post-mini .post-reason{max-width:100%;padding:2px 8px;font-size:10px}.delete-btn-small{align-self:flex-end;width:24px;height:24px}.delete-btn-small i{font-size:12px}.pending-posts-header,.rejected-posts-header{flex-wrap:wrap;gap:6px}.pending-posts-header .count-badge,.rejected-posts-header .count-badge{padding:1px 8px;font-size:10px}}@media (prefers-reduced-motion:reduce){.pending-posts-section,.rejected-posts-section,.pending-post-mini,.rejected-post-mini,.delete-btn-small{transition:none!important}.pending-post-mini:hover,.rejected-post-mini:hover{transform:none!important}}@media (prefers-contrast:high){.pending-post-mini{border-left:4px solid var(--status-warning)}.rejected-post-mini{border-left:4px solid var(--status-danger)}.pending-posts-section{border:2px solid var(--status-warning)}.rejected-posts-section{border:2px solid var(--status-danger)}}@media print{.pending-posts-section,.rejected-posts-section{background:#fff!important;border:1px solid #ddd!important}.pending-post-mini,.rejected-post-mini{background:#f9f9f9!important;border-left:3px solid #ccc!important}.delete-btn-small{display:none!important}.pending-posts-header span,.rejected-posts-header span,.pending-post-mini .post-title,.rejected-post-mini .post-title{color:#000!important}.pending-post-mini .post-date{color:#666!important}.rejected-post-mini .post-reason{color:#d00!important;background:#fee!important}}[data-theme=dark] .pending-posts-section,[data-theme=dark] .rejected-posts-section{border-color:var(--border-color)}[data-theme=dark] .pending-post-mini,[data-theme=dark] .rejected-post-mini{background:var(--bg-tertiary)}.light-mode .pending-posts-section,.light-mode .rejected-posts-section{background:#fff;border-color:#e2e8f0}.light-mode .pending-post-mini,.light-mode .rejected-post-mini{background:#f8fafc}.light-mode .pending-post-mini:hover,.light-mode .rejected-post-mini:hover{background:#f1f5f9}.light-mode .delete-btn-small{color:#94a3b8}.light-mode .delete-btn-small:hover{color:#dc2626;background:#fee2e2}.verify-error{border-radius:var(--radius-md);background:var(--status-danger-bg);border:1px solid var(--status-danger);margin-top:16px;padding:16px 18px;animation:.3s slideDown}.verify-error strong{color:var(--status-danger);margin-bottom:6px;font-size:15px;display:block}.verify-error p{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.5}.upload-again-btn{background:var(--status-danger);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;padding:8px 18px;font-size:14px;font-weight:500}.upload-again-btn:hover{opacity:.85;transform:translateY(-1px)}.upload-again-btn:active{transform:scale(.98)}.active-deal-badge{background:var(--accent-glow,#14b8a626);color:var(--accent-primary,#14b8a6);border:1px solid var(--accent-primary,#14b8a6);border-radius:20px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.delete-btn.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary,#1a2030);color:var(--text-muted,#64748b)}.delete-btn.disabled:hover{background:var(--bg-tertiary,#1a2030);color:var(--text-muted,#64748b)}.profile-tabs-wrapper{border-bottom:1px solid var(--border-color,#ffffff0f);padding:16px 0 20px}.profile-tabs{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;max-width:800px;margin:0 auto;display:grid}.profile-tabs .tab-btn{background:var(--bg-card,#1e293b66);border:1px solid var(--border-color,#ffffff0f);border-radius:var(--radius-md,12px);color:var(--text-secondary,#94a3b8);cursor:pointer;transition:all var(--transition-fast,.15s ease);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:70px;padding:12px 6px;font-size:11px;font-weight:500;line-height:1.2;display:flex;position:relative}.profile-tabs .tab-btn i{color:var(--text-muted,#64748b);transition:all var(--transition-fast,.15s ease);font-size:20px}.profile-tabs .tab-btn .tab-label{color:var(--text-secondary,#94a3b8);transition:all var(--transition-fast,.15s ease);word-break:break-word;font-size:10px;font-weight:500;line-height:1.1}.profile-tabs .tab-btn:hover{background:var(--bg-hover,#438e8214);border-color:var(--accent-glow,#438e8233);box-shadow:0 4px 12px var(--shadow-color,#0003);transform:translateY(-2px)}.profile-tabs .tab-btn:hover i{color:var(--accent-primary,#438e82)}.profile-tabs .tab-btn:hover .tab-label{color:var(--text-primary,#f8fafc)}.profile-tabs .tab-btn.active{background:var(--accent-glow,#438e8226);border-color:var(--accent-primary,#438e82);box-shadow:0 0 20px var(--accent-glow,#438e821a)}.profile-tabs .tab-btn.active i{color:var(--accent-primary,#438e82)}.profile-tabs .tab-btn.active .tab-label{color:var(--text-primary,#f8fafc)}.profile-tabs .tab-btn .tab-badge{background:var(--accent-primary,#438e82);color:#fff;border-radius:var(--radius-full,9999px);min-width:18px;min-height:18px;box-shadow:0 2px 8px var(--shadow-color,#0000004d);z-index:1;justify-content:center;align-items:center;padding:2px 6px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.profile-tabs .tab-btn .tab-badge.warning{background:var(--status-warning,#f59e0b);color:#000}.profile-tabs .tab-btn .saved-count-badge{background:var(--status-success,#10b981);color:#fff;border-radius:var(--radius-full,9999px);min-width:18px;min-height:18px;box-shadow:0 2px 8px var(--shadow-color,#0000004d);z-index:1;justify-content:center;align-items:center;padding:2px 6px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}@media (width<=1024px){.profile-tabs{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.profile-tabs .tab-btn{border-radius:var(--radius-sm,10px);min-height:64px;padding:10px 6px;font-size:10px}.profile-tabs .tab-btn i{font-size:18px}.profile-tabs .tab-btn .tab-label{font-size:9px}}@media (width<=768px){.profile-tabs{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;padding:14px 0 18px}.profile-tabs .tab-btn{border-radius:var(--radius-sm,8px);min-height:58px;padding:8px 4px;font-size:9px}.profile-tabs .tab-btn i{font-size:16px}.profile-tabs .tab-btn .tab-label{font-size:8px}.profile-tabs .tab-btn .tab-badge,.profile-tabs .tab-btn .saved-count-badge{min-width:16px;min-height:16px;padding:1px 5px;font-size:8px;top:-3px;right:-3px}}@media (width<=600px){.profile-tabs{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px;padding:12px 0 16px}.profile-tabs .tab-btn{border-radius:var(--radius-sm,8px);gap:4px;min-height:50px;padding:6px 3px;font-size:8px}.profile-tabs .tab-btn i{font-size:14px}.profile-tabs .tab-btn .tab-label{font-size:7px;line-height:1}.profile-tabs .tab-btn .tab-badge,.profile-tabs .tab-btn .saved-count-badge{min-width:14px;min-height:14px;padding:1px 4px;font-size:7px;top:-2px;right:-2px}}@media (width<=480px){.profile-tabs{grid-template-columns:repeat(4,1fr);gap:5px;padding:10px 0 14px}.profile-tabs .tab-btn{border-radius:var(--radius-sm,6px);gap:3px;min-height:46px;padding:6px 3px;font-size:7px}.profile-tabs .tab-btn i{font-size:12px}.profile-tabs .tab-btn .tab-label{font-size:6px;line-height:1}.profile-tabs .tab-btn .tab-badge,.profile-tabs .tab-btn .saved-count-badge{min-width:12px;min-height:12px;padding:1px 3px;font-size:6px;top:-2px;right:-2px}}@media (width<=380px){.profile-tabs{grid-template-columns:repeat(3,1fr);gap:4px;padding:8px 0 12px}.profile-tabs .tab-btn{border-radius:var(--radius-sm,6px);gap:2px;min-height:40px;padding:5px 2px;font-size:6px}.profile-tabs .tab-btn i{font-size:10px}.profile-tabs .tab-btn .tab-label{font-size:5px;line-height:1}.profile-tabs .tab-btn .tab-badge,.profile-tabs .tab-btn .saved-count-badge{min-width:10px;min-height:10px;padding:1px 3px;font-size:5px;top:-2px;right:-2px}}@media (width<=320px){.profile-tabs{grid-template-columns:repeat(2,1fr);gap:4px;padding:6px 0 10px}.profile-tabs .tab-btn{border-radius:4px;gap:2px;min-height:36px;padding:4px 2px;font-size:6px}.profile-tabs .tab-btn i{font-size:9px}.profile-tabs .tab-btn .tab-label{font-size:5px}.profile-tabs .tab-btn .tab-badge,.profile-tabs .tab-btn .saved-count-badge{min-width:10px;min-height:10px;padding:1px 2px;font-size:5px;top:-1px;right:-1px}}.light-mode .profile-tabs .tab-btn{background:#fff;border-color:#e2e8f0}.light-mode .profile-tabs .tab-btn:hover{background:#f1f5f9;border-color:#0d9488}.light-mode .profile-tabs .tab-btn.active{background:#0d948814;border-color:#0d9488}@media (prefers-reduced-motion:reduce){.profile-tabs .tab-btn{transition:none!important}.profile-tabs .tab-btn:hover{transform:none!important}}@media print{.profile-tabs-wrapper{border-bottom:1px solid #ddd!important}.profile-tabs{flex-wrap:wrap!important;gap:4px!important;padding:4px 0!important;display:flex!important}.profile-tabs .tab-btn{color:#000!important;aspect-ratio:auto!important;background:#f5f5f5!important;border:1px solid #ddd!important;border-radius:4px!important;min-height:auto!important;padding:4px 8px!important;font-size:9px!important}.profile-tabs .tab-btn i{color:#333!important;font-size:12px!important}.profile-tabs .tab-btn .tab-label{color:#000!important;font-size:8px!important}.profile-tabs .tab-btn.active{background:#e0e0e0!important;border-color:#999!important}.profile-tabs .tab-btn .tab-badge,.profile-tabs .tab-btn .saved-count-badge{display:none!important}}.profile-unique-ids{border-top:1px solid var(--border-color,#ffffff0f);border-bottom:1px solid var(--border-color,#ffffff0f);flex-wrap:wrap;gap:12px;margin-top:8px;padding:12px 0;display:flex}.unique-id-item{background:var(--bg-card,#1e293b4d);border:1px solid var(--border-color,#ffffff0f);border-radius:var(--radius-full,9999px);transition:all var(--transition-fast,.15s ease);align-items:center;gap:8px;padding:6px 14px 6px 12px;display:flex}.unique-id-item:hover{background:var(--bg-hover,#ffffff0d);border-color:var(--accent-glow,#438e8233)}.unique-id-item .id-label{color:var(--text-muted,#64748b);white-space:nowrap;font-size:11px;font-weight:600}.unique-id-item .id-value{color:var(--text-primary,#f8fafc);letter-spacing:.5px;background:var(--bg-tertiary,#0003);border-radius:var(--radius-sm,6px);text-align:center;min-width:60px;padding:2px 6px;font-family:Courier New,monospace;font-size:12px;font-weight:500}.unique-id-item .copy-id-btn{color:var(--text-muted,#64748b);cursor:pointer;border-radius:var(--radius-sm,6px);transition:all var(--transition-fast,.15s ease);background:0 0;border:none;justify-content:center;align-items:center;padding:4px 6px;font-size:13px;display:inline-flex}.unique-id-item .copy-id-btn:hover{color:var(--accent-primary,#438e82);background:var(--accent-glow,#438e821a)}.unique-id-item .copy-id-btn:active{transform:scale(.9)}.unique-id-item .copy-id-btn.copied{color:var(--status-success,#10b981)}.unique-id-item .copy-id-btn .tooltip{background:var(--bg-secondary,#0f1420);color:var(--text-primary,#f8fafc);border-radius:var(--radius-sm,6px);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast,.15s ease);border:1px solid var(--border-color,#ffffff0f);padding:4px 10px;font-size:10px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.unique-id-item .copy-id-btn:hover .tooltip{opacity:1}@media (width<=768px){.profile-unique-ids{gap:10px;padding:10px 0}.unique-id-item{gap:6px;padding:5px 10px 5px 8px}.unique-id-item .id-label{font-size:10px}.unique-id-item .id-value{min-width:50px;padding:1px 4px;font-size:11px}.unique-id-item .copy-id-btn{padding:3px 4px;font-size:12px}}@media (width<=480px){.profile-unique-ids{flex-direction:column;gap:8px;padding:8px 0}.unique-id-item{justify-content:space-between;gap:5px;padding:4px 8px 4px 6px}.unique-id-item .id-label{font-size:9px}.unique-id-item .id-value{flex:1;min-width:40px;padding:1px 4px;font-size:10px}.unique-id-item .copy-id-btn{padding:2px 4px;font-size:11px}}@media (width<=380px){.unique-id-item .id-label{font-size:8px}.unique-id-item .id-value{min-width:30px;font-size:9px}.unique-id-item .copy-id-btn{font-size:10px}}.light-mode .unique-id-item{background:#fff;border-color:#e2e8f0}.light-mode .unique-id-item:hover{background:#f1f5f9;border-color:#0d9488}.light-mode .unique-id-item .id-value{color:#1e293b;background:#f1f5f9}.light-mode .unique-id-item .copy-id-btn:hover{background:#0d948814}.light-mode .unique-id-item .copy-id-btn .tooltip{color:#1e293b;background:#fff;border-color:#e2e8f0}.profile-unique-ids.compact{gap:6px;padding:6px 0}.profile-unique-ids.compact .unique-id-item{padding:3px 6px 3px 4px}.profile-unique-ids.compact .unique-id-item .id-label{font-size:9px}.profile-unique-ids.compact .unique-id-item .id-value{min-width:40px;font-size:10px}.unique-id-item .id-label.user-id{color:var(--status-info,#3b82f6)}.unique-id-item .id-label.wallet-id{color:var(--status-success,#10b981)}.unique-id-item .id-label.referral-code{color:var(--status-warning,#f59e0b)}@keyframes copyPulse{0%{transform:scale(1)}50%{color:var(--status-success,#10b981);transform:scale(1.2)}to{transform:scale(1)}}.unique-id-item .copy-id-btn.copied{animation:.5s copyPulse}.unique-id-item .id-value.loading{background:linear-gradient(90deg, var(--bg-tertiary,#0003) 25%, var(--bg-card,#1e293b66) 50%, var(--bg-tertiary,#0003) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@media (prefers-reduced-motion:reduce){.unique-id-item .copy-id-btn.copied,.unique-id-item .id-value.loading{animation:none!important}.unique-id-item .copy-id-btn:hover .tooltip{opacity:0!important}}@media print{.profile-unique-ids{border-color:#ddd!important;padding:8px 0!important}.unique-id-item{background:#f5f5f5!important;border:1px solid #ddd!important;padding:4px 10px!important}.unique-id-item .id-label{color:#333!important}.unique-id-item .id-value{color:#000!important;background:#fff!important}.unique-id-item .copy-id-btn{display:none!important}}.profile-stats-row{justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:10px 0 6px;display:flex}.profile-stats-row .stat-item{border-radius:var(--radius-full,9999px);transition:all var(--transition-fast,.15s ease);background:var(--bg-card,#1e293b33);border:1px solid var(--border-color,#ffffff0a);align-items:center;gap:6px;padding:4px 12px;display:flex}.profile-stats-row .stat-item:hover{background:var(--bg-hover,#438e820f);border-color:var(--accent-glow,#438e8226);transform:translateY(-1px)}.profile-stats-row .stat-item .stat-number{color:var(--text-primary,#f8fafc);text-align:center;min-width:28px;font-size:18px;font-weight:700;line-height:1.2}.profile-stats-row .stat-item .stat-label{color:var(--text-secondary,#94a3b8);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.profile-stats-row .stat-item .stat-label i{color:var(--accent-primary,#438e82);font-size:13px}.profile-stats-row .stat-divider{background:var(--border-color,#ffffff14);flex-shrink:0;width:1px;height:28px}.profile-stats-row.icon-only .stat-item .stat-label span,.profile-stats-row.numbers-only .stat-item .stat-label i{display:none}.profile-stats-row.compact{gap:4px;padding:6px 0 4px}.profile-stats-row.compact .stat-item{padding:2px 8px}.profile-stats-row.compact .stat-item .stat-number{min-width:20px;font-size:14px}.profile-stats-row.compact .stat-item .stat-label{font-size:10px}.profile-stats-row.compact .stat-divider{height:20px}.profile-stats-row.large{gap:16px}.profile-stats-row.large .stat-item{padding:8px 20px}.profile-stats-row.large .stat-item .stat-number{min-width:40px;font-size:24px}.profile-stats-row.large .stat-item .stat-label{font-size:14px}.profile-stats-row.large .stat-divider{height:36px}@media (width<=768px){.profile-stats-row{gap:6px;padding:8px 0 4px}.profile-stats-row .stat-item{padding:3px 10px}.profile-stats-row .stat-item .stat-number{min-width:24px;font-size:16px}.profile-stats-row .stat-item .stat-label{font-size:11px}.profile-stats-row .stat-divider{height:24px}}@media (width<=480px){.profile-stats-row{flex-wrap:wrap;justify-content:center;gap:4px;padding:6px 0 4px}.profile-stats-row .stat-item{gap:4px;padding:2px 8px}.profile-stats-row .stat-item .stat-number{min-width:20px;font-size:14px}.profile-stats-row .stat-item .stat-label{font-size:10px}.profile-stats-row .stat-item .stat-label i{font-size:11px}.profile-stats-row .stat-divider{height:18px}}@media (width<=380px){.profile-stats-row .stat-item{padding:2px 6px}.profile-stats-row .stat-item .stat-number{min-width:16px;font-size:12px}.profile-stats-row .stat-item .stat-label{font-size:9px}.profile-stats-row .stat-item .stat-label i{font-size:10px}.profile-stats-row .stat-divider{height:14px}}.light-mode .profile-stats-row .stat-item{background:#fff;border-color:#e2e8f0}.light-mode .profile-stats-row .stat-item:hover{background:#f1f5f9;border-color:#0d9488}.light-mode .profile-stats-row .stat-item .stat-number{color:#1e293b}.light-mode .profile-stats-row .stat-item .stat-label{color:#64748b}.light-mode .profile-stats-row .stat-divider{background:#e2e8f0}@keyframes numberPop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.profile-stats-row .stat-item .stat-number.pop{animation:.5s numberPop}@keyframes statPulse{0%{transform:scale(1)}50%{background:var(--accent-glow,#438e821a);transform:scale(1.05)}to{transform:scale(1)}}.profile-stats-row .stat-item.pulse{animation:.5s statPulse}@media (prefers-reduced-motion:reduce){.profile-stats-row .stat-item .stat-number.pop,.profile-stats-row .stat-item.pulse{animation:none!important}.profile-stats-row .stat-item:hover{transform:none!important}}@media print{.profile-stats-row .stat-item{background:#f5f5f5!important;border:1px solid #ddd!important;padding:2px 8px!important}.profile-stats-row .stat-item .stat-number{color:#000!important}.profile-stats-row .stat-item .stat-label{color:#333!important}.profile-stats-row .stat-divider{background:#ddd!important}.profile-stats-row .stat-item:hover{transform:none!important}}.budget-type-selector{gap:8px;margin-bottom:12px;display:flex}.budget-type-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);padding:8px 16px;font-size:13px;font-weight:500}.budget-type-btn:hover:not(.active){border-color:var(--accent-primary);color:var(--text-primary)}.budget-type-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 0 20px var(--accent-glow)}.range-inputs{gap:12px;display:flex}.range-inputs .input-with-icon{flex:1}.range-inputs .input-with-icon .input-icon{color:var(--text-muted);font-size:11px;font-weight:600}.negotiable-toggle{border-top:1px solid var(--border-light);margin-top:12px;padding-top:8px}.toggle-label{cursor:pointer;color:var(--text-secondary);transition:color var(--transition-normal);align-items:center;gap:10px;font-size:14px;display:flex}.toggle-label:hover{color:var(--text-primary)}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0}.edit-input.readonly{opacity:.7;-webkit-user-select:none;user-select:none;background:var(--bg-tertiary)!important;cursor:not-allowed!important}.edit-input.readonly:focus{border-color:var(--border-color);box-shadow:none}.input-hint{color:var(--text-muted);white-space:nowrap;margin-left:8px;font-size:11px;font-weight:400}.input-hint i{margin-right:4px}.pb-row-twin{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=600px){.pb-row-twin{grid-template-columns:1fr;gap:12px}.range-inputs{flex-direction:column;gap:8px}}.edit-post-modal .edit-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;display:flex}.edit-post-modal .edit-modal-header h3{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.edit-post-modal .modal-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-normal);background:0 0;border:none;padding:4px 8px;font-size:24px}.edit-post-modal .modal-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.edit-post-modal .edit-form{padding:0 20px 20px}.edit-post-modal .pb-group{margin-bottom:16px}.edit-post-modal .pb-group label{color:var(--text-secondary);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.edit-post-modal .pb-group label .required-star{color:var(--status-danger);margin-left:2px}.edit-post-modal .pb-group .char-count{text-align:right;color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.input-with-icon .input-icon{color:var(--text-muted);pointer-events:none;z-index:1;font-size:14px;position:absolute;left:12px}.input-with-icon .input-icon-right{color:var(--text-muted);pointer-events:none;z-index:1;font-size:13px;position:absolute;right:12px}.input-with-icon .edit-input.with-icon{padding-left:36px;padding-right:12px}.input-with-icon .edit-input.with-icon-right{padding-left:12px;padding-right:56px}.edit-images-section{margin-top:8px}.edit-images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-bottom:12px;display:grid}.edit-image-item{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tertiary);position:relative;overflow:hidden}.edit-image-item img{object-fit:cover;width:100%;height:100%}.edit-image-item .remove-image-btn{color:#fff;cursor:pointer;width:24px;height:24px;transition:all var(--transition-normal);background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:4px;right:4px}.edit-image-item .remove-image-btn:hover{background:var(--status-danger);transform:scale(1.1)}.edit-image-item .image-order-badge{color:#fff;border-radius:var(--radius-full);background:#000000b3;padding:2px 8px;font-size:10px;position:absolute;bottom:4px;left:4px}.upload-drop-zone-small{border:2px dashed var(--border-color);border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--bg-tertiary);padding:24px}.upload-drop-zone-small:hover{border-color:var(--accent-primary);background:var(--bg-hover)}.upload-drop-zone-small i{color:var(--accent-primary);margin-bottom:8px;font-size:28px;display:block}.upload-drop-zone-small p{color:var(--text-secondary);margin:0 0 4px;font-size:14px}.upload-drop-zone-small span{color:var(--text-muted);font-size:12px}.image-hint{color:var(--text-muted);margin-top:6px;font-size:12px;display:block}.image-hint i{color:var(--accent-primary);margin-right:4px}@media (width<=480px){.edit-post-modal .edit-modal-header h3{font-size:16px}.edit-post-modal .edit-form{padding:0 12px 16px}.edit-image-item{min-height:80px}.upload-drop-zone-small{padding:16px}.upload-drop-zone-small i{font-size:20px}}.status-banner{background:var(--bg-secondary,#1a1f2e);border:1px solid var(--border-color,#438e8226);box-shadow:0 4px 20px var(--shadow-color,#0000001a);border-radius:16px;align-items:flex-start;gap:16px;margin-bottom:16px;padding:18px 20px;transition:all .3s;display:flex}.status-banner:hover{box-shadow:0 8px 30px var(--shadow-color,#00000026);transform:translateY(-2px)}.banner-icon{background:#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;display:flex}.banner-content{flex:1;min-width:0}.banner-content strong{color:var(--text-primary,#f8fafc);margin-bottom:4px;font-size:16px;font-weight:700;display:block}.banner-content p{color:var(--text-secondary,#94a3b8);margin:4px 0;font-size:14px;line-height:1.5}.banner-content .sub-text{color:var(--text-muted,#64748b);margin-top:4px;font-size:13px}.status-banner.success{background:linear-gradient(135deg,#10b9811f,#0596690f);border-color:#10b98140}.status-banner.success .banner-icon{background:#10b98126}.status-banner.success strong{color:#10b981}.status-banner.error{background:linear-gradient(135deg,#ef44441f,#dc26260f);border-color:#ef444440}.status-banner.error .banner-icon{background:#ef444426}.status-banner.error strong{color:#ef4444}.status-banner.pending{background:linear-gradient(135deg,#f59e0b1f,#d977060f);border-color:#f59e0b40}.status-banner.pending .banner-icon{background:#f59e0b26}.status-banner.pending strong{color:#f59e0b}.status-banner.info{background:linear-gradient(135deg,#3b82f61f,#2563eb0f);border-color:#3b82f640}.status-banner.info .banner-icon{background:#3b82f626}.status-banner.info strong{color:#3b82f6}.access-badges{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.access-badges .badge{color:var(--text-secondary,#94a3b8);background:#ffffff0f;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge.verified{color:#10b981;background:#10b98126;border-color:#10b98133}.badge.success{color:#10b981;background:#10b9811a;border-color:#10b98126}.badge.pending{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b33}.badge.info{color:#3b82f6;background:#3b82f626;border-color:#3b82f633}.profile-progress-wrapper{background:var(--bg-secondary,#1a1f2e);border:1px solid var(--border-color,#438e8226);box-shadow:0 4px 20px var(--shadow-color,#0000001a);border-radius:16px;margin-bottom:16px;padding:20px 24px;transition:all .3s}.profile-progress-wrapper:hover{box-shadow:0 8px 30px var(--shadow-color,#00000026);transform:translateY(-2px)}.progress-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.progress-title{color:var(--text-primary,#f8fafc);font-size:15px;font-weight:600}.progress-percent{color:var(--accent-primary,#438e82);background:#438e821f;border-radius:8px;padding:2px 12px;font-size:20px;font-weight:800}.progress-bar{background:var(--bg-tertiary,#2a3142);border-radius:10px;width:100%;height:8px;margin-bottom:16px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-primary,#438e82), var(--accent-secondary,#4fb3a3));border-radius:10px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.progress-steps{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.progress-steps .step{background:var(--bg-tertiary,#2a3142);color:var(--text-muted,#64748b);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:80px;padding:6px 12px;font-size:13px;transition:all .3s;display:flex}.progress-steps .step .step-icon{font-size:14px}.progress-steps .step .step-label{font-weight:500}.progress-steps .step .step-check{margin-left:auto;font-size:12px}.progress-steps .step.done{color:#10b981;background:#10b98126;border:1px solid #10b98133}.progress-steps .step.active{color:var(--accent-primary,#438e82);background:#438e8226;border:1px solid #438e8240;animation:1.5s ease-in-out infinite pulse-step}@keyframes pulse-step{0%,to{opacity:1}50%{opacity:.6}}.progress-hint{background:var(--bg-tertiary,#2a3142);border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;display:flex}.progress-hint .hint-icon{flex-shrink:0;font-size:18px}.progress-hint p{color:var(--text-secondary,#94a3b8);margin:0;font-size:13px;line-height:1.4}.progress-actions{flex-wrap:wrap;gap:10px;display:flex}.progress-actions .btn-continue{background:linear-gradient(135deg, var(--accent-primary,#438e82), var(--accent-secondary,#4fb3a3));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.progress-actions .btn-continue:hover{transform:translateY(-2px);box-shadow:0 8px 25px #438e8259}.progress-actions .btn-continue:active{transform:scale(.96)}.btn-support{color:#3b82f6;cursor:pointer;background:#3b82f626;border:1px solid #3b82f633;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .3s;display:inline-flex}.btn-support:hover{background:#3b82f640;transform:translateY(-1px)}.dark-mode .status-banner,.dark-mode .profile-progress-wrapper{background:var(--bg-secondary,#1a1f2e)}.dark-mode .progress-steps .step{background:var(--bg-tertiary,#2a3142);color:var(--text-muted,#64748b)}.dark-mode .progress-hint{background:var(--bg-tertiary,#2a3142)}.light-mode .status-banner{background:#fff;border-color:#e2e8f0}.light-mode .status-banner.success{background:#f0fdf4;border-color:#bbf7d0}.light-mode .status-banner.error{background:#fef2f2;border-color:#fecaca}.light-mode .status-banner.pending{background:#fffbeb;border-color:#fde68a}.light-mode .status-banner.info{background:#eff6ff;border-color:#bfdbfe}.light-mode .profile-progress-wrapper{background:#fff;border-color:#e2e8f0}.light-mode .progress-steps .step{color:#64748b;background:#f1f5f9}.light-mode .progress-steps .step.done{color:#16a34a;background:#dcfce7}.light-mode .progress-steps .step.active{color:#0d9488;background:#ccfbf1}.light-mode .progress-hint{background:#f1f5f9}.light-mode .banner-content strong{color:#1e293b}.light-mode .banner-content p{color:#475569}.light-mode .progress-title{color:#1e293b}@media (width<=768px){.status-banner{text-align:center;flex-direction:column;align-items:center;padding:16px}.banner-icon{width:44px;height:44px;font-size:28px}.banner-content strong{font-size:15px}.banner-content p{font-size:13px}.progress-steps{flex-direction:column;gap:6px}.progress-steps .step{justify-content:flex-start;padding:8px 14px}.profile-progress-wrapper{padding:16px 18px}.progress-percent{font-size:18px}}@media (width<=480px){.status-banner{border-radius:12px;gap:12px;padding:14px}.banner-icon{width:40px;height:40px;font-size:24px}.banner-content strong{font-size:14px}.banner-content p{font-size:12px}.profile-progress-wrapper{border-radius:12px;padding:14px 16px}.progress-header{flex-direction:column;align-items:flex-start;gap:4px}.progress-percent{padding:0 10px;font-size:16px}.progress-title{font-size:14px}.progress-steps .step{padding:6px 10px;font-size:12px}.progress-hint p{font-size:12px}.progress-actions .btn-continue{justify-content:center;width:100%;padding:10px 16px;font-size:13px}.access-badges{justify-content:center}.access-badges .badge{padding:3px 10px;font-size:11px}.btn-support{justify-content:center;width:100%}}@media (width>=1200px){.status-banner{padding:22px 28px}.profile-progress-wrapper{padding:24px 32px}.progress-steps .step{padding:8px 16px;font-size:14px}}.withdraw-container{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding:20px 20px 100px}.withdraw-wrapper{max-width:800px;margin:0 auto}.withdraw-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.withdraw-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.withdraw-header h1{align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}.withdraw-header h1 i{color:var(--status-warning)}.balance-summary{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.balance-card,.pending-card{background:var(--bg-secondary);border:1px solid var(--border-color,var(--status-success-bg));border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex}.balance-icon,.pending-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.balance-icon{background:var(--status-success-bg);color:var(--status-success)}.pending-icon{background:var(--status-warning-bg);color:var(--status-warning)}.balance-info,.pending-info{flex:1}.balance-label,.pending-label{color:var(--text-muted);font-size:12px;display:block}.balance-amount,.pending-amount{color:var(--text-primary);font-size:20px;font-weight:700}.withdraw-form-card{background:var(--bg-secondary);border:1px solid var(--border-color,var(--status-success-bg));border-radius:16px;margin-bottom:24px;padding:24px}.withdraw-form-card h3{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 20px;font-size:18px;font-weight:700;display:flex}.withdraw-form-card h3 i{color:var(--status-warning)}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon i{color:var(--text-muted);font-size:14px;position:absolute;left:14px}.input-with-icon input{border:1px solid var(--border-color,var(--status-success-bg));background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:12px 16px 12px 40px;font-size:15px;transition:all .3s}.input-with-icon input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow,var(--status-success-bg))}.input-with-icon input::placeholder{color:var(--text-muted)}.form-group small{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.method-option{border:2px solid var(--border-color,var(--status-success-bg));cursor:pointer;background:var(--bg-tertiary);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .3s;display:flex}.method-option input{display:none}.method-option i{color:var(--text-muted);font-size:24px}.method-option span{color:var(--text-secondary);font-size:12px;font-weight:600}.method-option:hover{border-color:var(--accent-primary)}.method-option.active{border-color:var(--accent-primary);background:var(--hover-bg,var(--status-success-bg))}.method-option.active i{color:var(--accent-primary)}.method-option.active span{color:var(--text-primary)}.fee-info{background:var(--bg-tertiary);border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.fee-info i{color:var(--status-success);margin-top:2px;font-size:20px}.fee-info strong{color:var(--text-primary);font-size:14px;display:block}.fee-info p{color:var(--text-secondary);margin:0;font-size:13px}.submit-btn{background:linear-gradient(135deg, var(--status-warning), var(--status-warning));width:100%;color:var(--text-inverse);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px var(--status-warning-bg);transform:translateY(-2px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.withdraw-history{background:var(--bg-secondary);border:1px solid var(--border-color,var(--status-success-bg));border-radius:16px;padding:24px}.withdraw-history h3{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 16px;font-size:18px;font-weight:700;display:flex}.withdraw-history h3 i{color:var(--accent-primary)}.no-history{text-align:center;color:var(--text-muted);padding:40px 20px}.no-history i{margin-bottom:12px;font-size:40px;display:block}.history-item{background:var(--bg-tertiary);border:1px solid var(--border-color,var(--status-success-bg));cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:all .3s;display:flex}.history-item:hover{border-color:var(--border-color,var(--status-success-bg))}.history-item.status-completed .history-icon{background:var(--status-success-bg);color:var(--status-success)}.history-item.status-pending .history-icon{background:var(--status-warning-bg);color:var(--status-warning)}.history-item.status-processing .history-icon{background:var(--status-info-bg);color:var(--status-info)}.history-item.status-rejected .history-icon{background:var(--status-danger-bg);color:var(--status-danger)}.history-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.history-amount{color:var(--text-primary);font-size:16px;font-weight:700}.history-status{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600}.history-status.status-completed{color:var(--status-success);background:var(--status-success-bg)}.history-status.status-pending{color:var(--status-warning);background:var(--status-warning-bg)}.history-status.status-processing{color:var(--status-info);background:var(--status-info-bg)}.history-status.status-rejected{color:var(--status-danger);background:var(--status-danger-bg)}.history-meta{color:var(--text-muted);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.history-meta i{margin-right:4px}.modal-overlay{background:var(--shadow-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.details-modal{background:var(--bg-secondary);border:1px solid var(--border-color,var(--status-success-bg));width:100%;max-width:500px;max-height:90vh;box-shadow:0 20px 60px var(--shadow-color);border-radius:20px;overflow-y:auto}.details-modal .modal-header{border-bottom:1px solid var(--border-color,var(--status-success-bg));justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.details-modal .modal-header h3{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.close-btn{background:var(--hover-bg,var(--status-success-bg));width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;font-size:20px;transition:all .3s}.close-btn:hover{background:var(--status-danger-bg);color:var(--status-danger);transform:rotate(90deg)}.details-modal .modal-body{padding:24px}.detail-row{border-bottom:1px solid var(--border-color,var(--status-success-bg));justify-content:space-between;padding:8px 0;display:flex}.detail-row span{color:var(--text-secondary);font-size:14px}.detail-row strong{color:var(--text-primary);font-size:14px}.status-badge.status-completed{color:var(--status-success);background:var(--status-success-bg)}.status-badge.status-pending{color:var(--status-warning);background:var(--status-warning-bg)}.status-badge.status-processing{color:var(--status-info);background:var(--status-info-bg)}.status-badge.status-rejected{color:var(--status-danger);background:var(--status-danger-bg)}.tx-id{color:var(--status-warning);font-family:monospace}@media (width<=1024px){.withdraw-wrapper{max-width:100%}}@media (width<=768px){.withdraw-container{padding:12px 12px 100px}.withdraw-header h1{font-size:20px}.balance-summary{grid-template-columns:1fr 1fr;gap:12px}.balance-card,.pending-card{padding:16px}.balance-amount,.pending-amount{font-size:18px}.method-options{grid-template-columns:repeat(2,1fr)}.withdraw-form-card,.withdraw-history{padding:18px}.history-item{padding:12px 14px}.history-meta{gap:10px;font-size:11px}.details-modal{margin:10px}.details-modal .modal-header h3{font-size:18px}}@media (width<=480px){.withdraw-container{padding:8px 8px 90px}.withdraw-header h1{font-size:18px}.balance-summary{grid-template-columns:1fr;gap:10px}.balance-card,.pending-card{padding:14px}.balance-amount,.pending-amount{font-size:16px}.method-options{grid-template-columns:1fr 1fr;gap:8px}.method-option{padding:10px 6px}.method-option i{font-size:20px}.method-option span{font-size:11px}.withdraw-form-card{border-radius:12px;padding:14px}.withdraw-form-card h3{font-size:16px}.withdraw-history{border-radius:12px;padding:14px}.withdraw-history h3{font-size:16px}.history-item{flex-wrap:wrap;gap:10px;padding:10px 12px}.history-header{flex-wrap:wrap;gap:4px}.history-amount{font-size:14px}.history-status{padding:1px 8px;font-size:10px}.history-meta{gap:8px;font-size:10px}.submit-btn{padding:12px;font-size:14px}.details-modal .modal-header h3{font-size:16px}.details-modal .modal-body{padding:16px 20px}.detail-row{padding:6px 0;font-size:13px}.detail-row span,.detail-row strong{font-size:13px}.fee-info{text-align:center;flex-direction:column;align-items:center}.input-with-icon input{padding:10px 12px 10px 36px;font-size:14px}.no-history{padding:30px 16px}.no-history i{font-size:32px}}.light-mode .withdraw-container{background:var(--bg-primary,var(--text-primary))}.light-mode .withdraw-form-card,.light-mode .withdraw-history,.light-mode .balance-card,.light-mode .pending-card{background:var(--bg-secondary,var(--text-inverse));border-color:var(--border-color)}.light-mode .input-with-icon input{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary,var(--bg-tertiary))}.light-mode .input-with-icon input:focus{border-color:var(--accent-primary)}.light-mode .method-option{background:var(--bg-tertiary);border-color:var(--border-color)}.light-mode .method-option span{color:var(--text-secondary,var(--text-muted))}.light-mode .method-option.active{border-color:var(--accent-primary);background:var(--status-success-bg)}.light-mode .method-option.active span{color:var(--text-primary,var(--bg-tertiary))}.light-mode .history-item{background:var(--bg-tertiary)}.light-mode .history-amount,.light-mode .withdraw-form-card h3,.light-mode .withdraw-history h3{color:var(--text-primary,var(--bg-tertiary))}.light-mode .fee-info{background:var(--bg-tertiary)}.light-mode .fee-info strong{color:var(--text-primary,var(--bg-tertiary))}.light-mode .fee-info p{color:var(--text-secondary,var(--text-muted))}.light-mode .details-modal{background:var(--bg-secondary,var(--text-inverse))}.light-mode .details-modal .modal-header{border-color:var(--border-color)}.light-mode .details-modal .modal-header h3,.light-mode .detail-row strong{color:var(--text-primary,var(--bg-tertiary))}.light-mode .history-status.status-completed{color:var(--status-success);background:var(--status-success-bg)}.light-mode .history-status.status-pending{color:var(--status-warning);background:var(--status-danger-bg)}.light-mode .history-status.status-processing{color:var(--status-info);background:var(--status-info-bg)}.light-mode .history-status.status-rejected{color:var(--status-danger);background:var(--status-danger-bg)}.light-mode .status-badge.status-completed{color:var(--status-success);background:var(--status-success-bg)}.light-mode .status-badge.status-pending{color:var(--status-warning);background:var(--status-danger-bg)}.light-mode .status-badge.status-processing{color:var(--status-info);background:var(--status-info-bg)}.light-mode .status-badge.status-rejected{color:var(--status-danger);background:var(--status-danger-bg)}.light-mode .no-history,.light-mode .history-meta{color:var(--text-secondary,var(--text-muted))}.transactions-container{min-height:100vh;padding:20px}.transactions-wrapper{max-width:900px;margin:0 auto}.transactions-loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.loading-spinner{border:4px solid var(--border-color);border-top:4px solid var(--accent-primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.transactions-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:all .3s;display:flex}.back-btn:hover{background:var(--bg-tertiary);color:var(--bg-tertiary)}.transactions-header h1{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.transactions-header h1 i{color:var(--accent-primary)}.export-btn{background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .3s;display:flex}.export-btn:hover{background:var(--border-color);color:var(--bg-tertiary)}.search-bar input{border:2px solid var(--border-color);background:var(--text-inverse);box-sizing:border-box;border-radius:12px;width:100%;padding:12px 16px 12px 42px;font-size:15px;transition:all .3s}.clear-search{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;transition:all .3s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-search:hover{color:var(--status-danger);background:var(--accent-primary)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.stat-card{background:var(--text-inverse);box-shadow:0 1px 3px var(--shadow-color);border:1px solid var(--bg-tertiary);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.stat-card .stat-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.stat-card.credit .stat-icon{background:var(--status-success-bg);color:var(--status-success)}.stat-card.debit .stat-icon{background:var(--status-danger-bg);color:var(--status-danger)}.stat-card.withdraw .stat-icon{background:var(--status-warning-bg);color:var(--status-warning)}.stat-card.pending .stat-icon{background:var(--status-info-bg);color:var(--status-info)}.stat-info{flex:1;min-width:0}.stat-label{color:var(--text-secondary);margin-bottom:2px;font-size:12px;display:block}.filter-section{background:var(--text-inverse);box-shadow:0 1px 3px var(--shadow-color);border:1px solid var(--bg-tertiary);border-radius:12px;margin-bottom:20px;padding:16px}.filter-group{margin-bottom:12px}.filter-group:last-of-type{margin-bottom:0}.filter-group label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.filter-buttons{flex-wrap:wrap;gap:6px;display:flex}.filter-btn{border:2px solid var(--border-color);background:var(--text-inverse);cursor:pointer;color:var(--text-muted);border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;transition:all .3s;display:inline-flex}.filter-btn:hover{border-color:var(--text-secondary);background:var(--text-primary)}.filter-btn.active{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--accent-primary)}.filter-count{background:var(--bg-tertiary);color:var(--text-muted);border-radius:12px;padding:1px 8px;font-size:11px;font-weight:600}.filter-btn.active .filter-count{background:var(--accent-primary);color:var(--accent-primary)}.status-filters .filter-btn{padding:4px 12px;font-size:12px}.date-inputs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.date-inputs input[type=date]{border:2px solid var(--border-color);color:var(--text-muted);background:var(--text-inverse);border-radius:8px;padding:6px 12px;font-size:13px}.date-inputs input[type=date]:focus{border-color:var(--accent-primary);outline:none}.date-inputs span{color:var(--text-secondary);font-size:13px}.clear-filters-btn{background:var(--accent-primary);border:1px solid var(--accent-primary);color:var(--status-danger);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:6px 16px;font-size:13px;transition:all .3s;display:inline-flex}.clear-filters-btn:hover{background:var(--accent-primary)}.result-count{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.filtered-info{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:12px;padding:2px 10px;font-size:12px}.transactions-list{flex-direction:column;gap:12px;display:flex}.transaction-card{background:var(--text-inverse);box-shadow:0 1px 3px var(--shadow-color);border:1px solid var(--bg-tertiary);border-radius:12px;gap:14px;padding:16px;transition:all .3s;display:flex}.transaction-card:hover{box-shadow:0 4px 12px var(--shadow-color);border-color:var(--border-color)}.tx-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tx-icon i{font-size:20px}.tx-content{flex:1;min-width:0}.tx-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.tx-header h4{margin:0;font-size:15px;font-weight:600}.tx-time{color:var(--text-secondary);white-space:nowrap;font-size:12px}.tx-description{color:var(--text-muted);margin:2px 0 10px;font-size:13px}.tx-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.tx-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tx-meta span{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:inline-flex}.tx-method,.tx-ref{background:var(--text-primary);border-radius:4px;padding:2px 10px}.tx-status{text-transform:capitalize;border-radius:4px;padding:2px 10px;font-size:11px;font-weight:500}.tx-status.completed{color:var(--status-success);background:var(--status-success-bg)}.tx-status.pending{color:var(--status-warning);background:var(--status-warning-bg)}.tx-status.failed{color:var(--status-danger);background:var(--status-danger-bg)}.tx-status.processing{color:var(--status-info);background:var(--status-info-bg)}.tx-status.cancelled{color:var(--accent-primary);background:var(--accent-primary)}.no-transactions{text-align:center;background:var(--text-inverse);border:1px solid var(--bg-tertiary);border-radius:12px;padding:60px 20px}.no-transactions i{color:var(--border-color);margin-bottom:16px;font-size:64px}.no-transactions h3{color:var(--bg-tertiary);margin-bottom:8px}.no-transactions p{color:var(--text-secondary);margin-bottom:20px}.browse-btn{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-primary) 100%);color:var(--text-inverse);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:15px;transition:all .3s;display:inline-flex}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:12px;display:flex}.page-btn{border:2px solid var(--border-color);background:var(--text-inverse);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;transition:all .3s;display:flex}.page-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.page-info{color:var(--text-secondary);font-size:14px}@media (width<=768px){.transactions-container{padding:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}.transactions-header h1{font-size:20px}.filter-btn{padding:4px 10px;font-size:12px}.filter-buttons{gap:4px}.tx-footer{flex-direction:column;align-items:flex-start}.tx-amount{align-self:flex-end}.date-inputs{flex-direction:row}.date-inputs input[type=date]{flex:1;min-width:100px}}@media (width<=480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px}.stat-value{font-size:15px}.transaction-card{flex-direction:row;padding:12px}.tx-header{flex-direction:column;align-items:flex-start}}.payment-container{background:var(--bg-primary);justify-content:center;align-items:center;max-width:560px;min-height:100vh;margin:0 auto;padding:20px 16px;display:flex}.payment-card{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;box-shadow:0 8px 40px var(--shadow-color);border:1px solid var(--border-color);transition:all var(--transition-normal);padding:24px 20px}.payment-loading{background:var(--bg-primary);min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{border:3px solid var(--bg-tertiary);border-top:3px solid var(--accent-primary);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite spin}.payment-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;display:flex}.payment-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.payment-header h2 i{color:var(--accent-primary);margin-right:8px}.back-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.back-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.role-badge{border-radius:var(--radius-full);padding:4px 12px;font-size:12px;font-weight:600}.role-badge.buyer{color:#3b82f6;background:#3b82f615;border:1px solid #3b82f630}.role-badge.seller{color:#8b5cf6;background:#8b5cf615;border:1px solid #8b5cf630}.payment-error-state{text-align:center;padding:40px 20px}.payment-error-state h3{color:var(--text-primary);margin:16px 0 8px;font-size:20px}.payment-error-state p{color:var(--text-secondary);font-size:14px;line-height:1.6}.payment-error{border-radius:var(--radius-md);color:#ef4444;background:#ef444415;border:1px solid #ef444430;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.payment-error i{font-size:18px}.error-close{color:#ef4444;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px 8px;font-size:16px}.payment-steps{justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 8px;display:flex}.step{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.step-number{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-muted);border:2px solid var(--border-color);transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.step.active .step-number{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.step-label{color:var(--text-muted);transition:all var(--transition-normal);font-size:11px;font-weight:500}.step.active .step-label{color:var(--text-primary)}.step-line{background:var(--border-color);height:2px;transition:all var(--transition-normal);flex:1;margin:0 4px}.step-line.active{background:var(--accent-primary)}.payment-details{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:20px;padding:16px 18px}.payment-details h3{color:var(--text-secondary);letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.detail-row{color:var(--text-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;display:flex}.detail-row strong{color:var(--text-primary);font-weight:600}.detail-row.highlight strong{color:var(--accent-primary);font-size:16px}.payment-options{flex-direction:column;gap:12px;margin-top:8px;display:flex}.pay-option-btn{border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;gap:12px;padding:14px 20px;font-size:15px;font-weight:600;display:flex;position:relative}.pay-option-btn:hover:not(:disabled){box-shadow:0 8px 30px var(--shadow-color);transform:translateY(-2px)}.pay-option-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.pay-option-btn i{font-size:20px}.pay-option-btn.send-money{border-color:var(--accent-primary);background:var(--accent-glow)}.pay-option-btn.send-money:hover:not(:disabled){background:var(--accent-primary);color:#fff}.pay-option-btn.send-money:hover:not(:disabled) i{color:#fff}.pay-option-btn.deposit{background:#f59e0b15;border-color:#f59e0b}.pay-option-btn.deposit:hover:not(:disabled){color:#fff;background:#f59e0b}.pay-option-btn.deposit i{color:#f59e0b}.pay-option-btn.deposit:hover:not(:disabled) i{color:#fff}.secure-note{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.secure-note i{color:var(--accent-primary);font-size:16px}.payment-not-authorized{text-align:center;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px dashed var(--border-color);padding:30px 20px}.payment-not-authorized i{color:#f59e0b;margin-bottom:12px;font-size:32px}.payment-not-authorized p{color:var(--text-secondary);margin:4px 0;font-size:14px;line-height:1.6}.processing-section{text-align:center;padding:40px 20px}.processing-section .spinner{border:4px solid var(--bg-tertiary);border-top:4px solid var(--accent-primary);border-radius:50%;width:48px;height:48px;margin:0 auto 20px;animation:.8s linear infinite spin}.processing-section h3{color:var(--text-primary);margin:0 0 8px;font-size:18px}.processing-section p{color:var(--text-secondary);margin:0 0 4px;font-size:14px}.processing-section small{color:var(--text-muted);font-size:12px}.confirmation-section{text-align:center;padding:20px 16px}.success-icon{color:#10b981;margin-bottom:12px;font-size:56px}.confirmation-section h3{color:var(--text-primary);margin:0 0 4px;font-size:20px}.confirmation-section>p{color:var(--text-secondary);margin:0 0 20px;font-size:14px}.transaction-details{background:var(--bg-tertiary);border-radius:var(--radius-md);text-align:left;border:1px solid var(--border-color);margin-bottom:20px;padding:16px 18px}.tx-row{color:var(--text-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;display:flex}.tx-row:last-child{border-bottom:none}.tx-row .tx-id{background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-primary);padding:2px 10px;font-family:monospace;font-size:12px}.status-success{color:#10b981;font-weight:600}.status-success i{margin-right:4px}.action-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.view-deal-btn,.go-home-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex}.view-deal-btn{background:var(--accent-primary);color:#fff}.view-deal-btn:hover{box-shadow:0 8px 30px var(--shadow-glow);transform:translateY(-2px)}.go-home-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.go-home-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}@media (width<=640px){.payment-container{padding:12px 8px}.payment-card{border-radius:var(--radius-md);padding:16px 14px}.payment-header{flex-flow:wrap}.payment-header h2{font-size:16px}.payment-steps{padding:0 4px}.step-number{width:28px;height:28px;font-size:11px}.step-label{font-size:10px}.payment-details{padding:12px 14px}.detail-row{padding:5px 0;font-size:13px}.pay-option-btn{padding:12px 16px;font-size:14px}.pay-option-btn i{font-size:18px}.confirmation-section{padding:16px 12px}.success-icon{font-size:44px}.action-buttons{flex-direction:column}.view-deal-btn,.go-home-btn{justify-content:center;width:100%}.transaction-details{padding:12px 14px}.tx-row{font-size:13px}.payment-error{padding:10px 14px;font-size:13px}}@media (width<=400px){.payment-card{padding:12px 10px}.payment-header h2{font-size:14px}.back-btn{padding:6px 12px;font-size:12px}.role-badge{padding:3px 10px;font-size:10px}.payment-steps{gap:4px}.step-number{width:24px;height:24px;font-size:10px}.pay-option-btn{padding:10px 14px;font-size:13px}.detail-row{font-size:12px}.detail-row.highlight strong{font-size:14px}}@media (prefers-reduced-motion:reduce){.pay-option-btn,.back-btn,.view-deal-btn,.go-home-btn{transition:none}.pay-option-btn:hover:not(:disabled){transform:none}.loading-spinner,.processing-section .spinner{animation-duration:.01ms}}@media print{.payment-container{background:#fff;padding:20px}.payment-card{box-shadow:none;border:1px solid #ddd}.back-btn,.pay-option-btn,.view-deal-btn,.go-home-btn,.error-close,.secure-note{display:none}.payment-header{border-bottom:2px solid #ddd}.payment-details{background:#f8f9fa;border:1px solid #ddd}.confirmation-section{page-break-inside:avoid}}.wallet-container-modern{background:var(--bg-primary);max-width:900px;min-height:100vh;margin:0 auto;padding:20px}.wallet-id-display{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;display:flex}.wallet-id-label{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.wallet-id-value{color:var(--text-primary);font-family:monospace;font-size:14px;font-weight:600}.copy-wallet-id-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:6px;margin-left:auto;padding:4px 12px;font-size:12px;display:flex}.copy-wallet-id-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.wallet-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.wallet-section-header h3{color:var(--text-primary);align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.view-all-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);background:0 0;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:flex}.view-all-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-btn .filter-count{opacity:.7;margin-left:2px;font-size:11px}.filter-btn.active .filter-count{opacity:1}.transactions-list-modern{flex-direction:column;gap:10px;display:flex}.transaction-item-modern{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:16px;padding:14px 18px;display:flex}.transaction-item-modern:hover{border-color:var(--accent-primary);box-shadow:0 4px 20px var(--shadow-color);transform:translate(4px)}.tx-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.tx-details{flex:1;min-width:0}.tx-details h4{color:var(--text-primary);margin:0 0 2px;font-size:15px;font-weight:600}.tx-details .tx-date{color:var(--text-muted);margin:0;font-size:12px}.tx-details .tx-reference,.tx-details .tx-description{color:var(--text-secondary);margin-top:2px;font-size:12px;display:block}.tx-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.tx-amount{font-size:16px;font-weight:700}.tx-amount.credit{color:#10b981}.tx-amount.debit{color:#ef4444}.tx-status{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:500;display:flex}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state i{color:var(--text-muted);margin-bottom:16px;font-size:48px}.empty-state h3{color:var(--text-primary);margin-bottom:8px;font-size:20px}.empty-state p{max-width:400px;margin-bottom:16px}.empty-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.browse-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.browse-btn.secondary:hover{background:var(--bg-hover)}.wallet-footer{color:var(--text-muted);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:16px;padding:12px 0;font-size:13px;display:flex}.wallet-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}@media (width<=768px){.wallet-container-modern{padding:12px}.stats-bar{grid-template-columns:repeat(2,1fr);padding:12px 16px}.stat-value{font-size:16px}.wallet-id-display{flex-wrap:wrap;gap:8px}.copy-wallet-id-btn{justify-content:center;width:100%;margin-left:0}.transaction-item-modern{flex-wrap:wrap;padding:12px 14px}.tx-right{border-top:1px solid var(--border-light);flex-direction:row;justify-content:space-between;width:100%;padding-top:8px}.filter-section{gap:6px}.filter-btn{padding:4px 10px;font-size:12px}.wallet-section-header h3{font-size:16px}.view-all-btn{padding:4px 10px;font-size:12px}.details-modal{max-width:100%;margin:10px}.empty-actions{flex-direction:column;width:100%}.empty-actions .browse-btn{justify-content:center;width:100%}}@media (width<=480px){.stats-bar{grid-template-columns:1fr 1fr;gap:8px}.stat-item{text-align:center}.stat-value{font-size:14px}.wallet-id-value{word-break:break-all;font-size:12px}.transaction-item-modern{flex-direction:column;align-items:stretch;padding:10px 12px}.tx-right{border-top:1px solid var(--border-light);flex-direction:row;justify-content:space-between;width:100%;padding-top:6px}.tx-amount{font-size:14px}.filter-btn{padding:4px 8px;font-size:11px}.modal-body{padding:14px}.detail-row{flex-direction:column;align-items:flex-start;gap:4px}.detail-row span:last-child{text-align:left}.wallet-footer{text-align:center;flex-direction:column;gap:8px}}.wallet-actions-module{margin-bottom:24px}.balance-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);margin-bottom:20px;padding:20px 24px;position:relative;overflow:hidden}.balance-card:before{content:"";background:var(--accent-glow);opacity:.1;pointer-events:none;border-radius:50%;width:200px;height:200px;position:absolute;top:-50%;right:-20%}.balance-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.balance-label{color:var(--text-secondary);font-size:14px;font-weight:500}.refresh-btn-small{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-normal);background:0 0;border:none;padding:4px 8px;font-size:14px}.refresh-btn-small:hover{background:var(--bg-hover);color:var(--text-primary);transform:rotate(45deg)}.refresh-btn-small:active{transform:rotate(90deg)}.balance-value{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:6px;font-size:32px;font-weight:700;display:flex}.balance-value i{color:var(--accent-primary);font-size:28px}.wallet-id-row{border-top:1px solid var(--border-light);align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.wallet-id-label{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:monospace;font-size:12px;overflow:hidden}.copy-id-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-normal);background:0 0;border:none;padding:4px 8px;font-size:13px}.copy-id-btn:hover{background:var(--bg-hover);color:var(--accent-primary)}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.action-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left;align-items:center;gap:14px;width:100%;padding:14px 18px;font-family:inherit;display:flex;position:relative;overflow:hidden}.action-card:hover{border-color:var(--action-color,var(--accent-primary));box-shadow:0 8px 30px var(--shadow-color);transform:translateY(-3px)}.action-card:active{transform:scale(.98)}.action-card:after{content:"";background:var(--action-color,var(--accent-primary));opacity:0;transition:opacity var(--transition-normal);pointer-events:none;position:absolute;inset:0}.action-card:hover:after{opacity:.03}.action-icon{width:44px;height:44px;transition:all var(--transition-normal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.action-card:hover .action-icon{transform:scale(1.05)}.action-info{flex:1;min-width:0}.action-info h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.action-info p{color:var(--text-muted);margin:2px 0 0;font-size:12px}.action-arrow{color:var(--text-muted);transition:all var(--transition-normal);font-size:14px}.action-card:hover .action-arrow{color:var(--action-color,var(--accent-primary));transform:translate(4px)}.more-actions-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.more-actions-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:12px 18px;font-size:13px;font-weight:500;display:flex}.more-actions-grid{grid-template-columns:1fr;gap:0;display:grid}.more-action-item{cursor:pointer;transition:all var(--transition-normal);border-bottom:1px solid var(--border-light);text-align:left;background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;gap:14px;width:100%;padding:12px 18px;font-family:inherit;display:flex}.more-action-item:last-child{border-bottom:none}.more-action-item:hover{background:var(--bg-hover);transform:translate(4px)}.more-action-item:active{transform:scale(.99)}.more-action-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.more-action-info{flex:1;min-width:0}.more-action-info h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:500}.more-action-info p{color:var(--text-muted);margin:2px 0 0;font-size:12px}.more-action-item>i{color:var(--text-muted);transition:all var(--transition-normal);font-size:14px}.more-action-item:hover>i{color:var(--text-primary);transform:translate(4px)}@media (width<=768px){.balance-value{font-size:26px}.actions-grid{grid-template-columns:repeat(2,1fr);gap:10px}.action-card{text-align:center;flex-direction:column;gap:8px;padding:12px 14px}.action-icon{width:40px;height:40px;font-size:16px}.action-info{text-align:center}.action-arrow{display:none}.more-action-item{padding:10px 14px}.wallet-id-label{font-size:11px}}@media (width<=480px){.balance-card{padding:16px}.balance-value,.balance-value i{font-size:22px}.actions-grid{grid-template-columns:1fr 1fr;gap:8px}.action-card{padding:10px 12px}.action-icon{width:36px;height:36px;font-size:14px}.action-info h4{font-size:12px}.action-info p{display:none}.more-action-item{padding:8px 12px}.more-action-info h4{font-size:13px}.wallet-id-row{flex-wrap:wrap}.wallet-id-label{width:100%;font-size:10px}.copy-id-btn{padding:2px 6px;font-size:11px}}@media (prefers-reduced-motion:reduce){.action-card,.more-action-item,.refresh-btn-small{transition:none!important}.action-card:hover,.more-action-item:hover,.refresh-btn-small:hover{transform:none!important}}@media (prefers-contrast:high){.action-card{border:2px solid var(--border-color)}.action-card:hover{border-color:var(--action-color,var(--accent-primary))}.more-action-item{border-bottom:2px solid var(--border-color)}}.action-card:focus-visible,.more-action-item:focus-visible,.refresh-btn-small:focus-visible,.copy-id-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.deposit-container{background:var(--bg-primary);justify-content:center;align-items:flex-start;min-height:100vh;padding:20px 16px 40px;display:flex}.deposit-card{background:var(--bg-secondary);border-radius:var(--radius-lg,16px);border:1px solid var(--border-color);width:100%;max-width:520px;box-shadow:0 8px 40px var(--shadow-color);transition:all var(--transition-normal);padding:24px}.deposit-card:hover{box-shadow:0 12px 60px var(--shadow-color)}.back-btn-simple{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:none;align-items:center;gap:8px;padding:8px 0;font-size:14px;font-weight:500;display:inline-flex}.back-btn-simple:hover{color:var(--accent-primary);transform:translate(-4px)}.deposit-header{margin:8px 0 20px}.deposit-header h2{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 4px;font-size:24px;font-weight:700;display:flex}.deposit-header h2 i{color:#3b82f6}.deposit-header p{color:var(--text-muted);margin:0;font-size:14px}.status-message{border-radius:var(--radius-md,12px);align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s fadeIn;display:flex}.status-message.processing{background:var(--status-info-bg);color:var(--status-info)}.status-message.success{background:var(--status-success-bg);color:var(--status-success)}.status-message.error{background:var(--status-danger-bg);color:var(--status-danger)}.error-message{background:var(--status-danger-bg);color:var(--status-danger);border-radius:var(--radius-md,12px);border-left:3px solid var(--status-danger);align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;animation:.4s shake;display:flex}.amount-presets{margin-bottom:16px}.amount-presets label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.preset-buttons{flex-wrap:wrap;gap:8px;display:flex}.preset-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm,8px);cursor:pointer;transition:all var(--transition-normal);padding:6px 14px;font-size:13px;font-weight:500}.preset-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.preset-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 15px var(--shadow-glow)}.input-group label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:500;display:flex}.input-group label i{color:var(--accent-primary);font-size:14px}.input-group input,.input-group textarea{background:var(--bg-tertiary);width:100%;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm,8px);transition:all var(--transition-normal);outline:none;padding:10px 14px;font-size:14px}.input-group input:focus,.input-group textarea:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.input-group input:disabled,.input-group textarea:disabled{opacity:.6;cursor:not-allowed}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--text-muted)}.input-group textarea{resize:vertical;min-height:60px;font-family:inherit}.input-hint{color:var(--text-muted);align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.input-hint i{font-size:12px}.method-options{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;display:grid}.method-label{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-sm,8px);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-normal);text-align:center;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.method-label:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.method-label.active{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary)}.method-label input[type=radio]{display:none}.method-label i{font-size:16px}.method-label:disabled{opacity:.5;cursor:not-allowed}.bank-details-section{margin-bottom:16px}.bank-details-section h4{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600;display:flex}.bank-details-section h4 i{color:var(--accent-primary)}.bank-info-card{background:var(--bg-tertiary);border-radius:var(--radius-md,12px);border:1px solid var(--border-color);padding:14px 16px}.bank-info-row{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.bank-info-row:last-child{border-bottom:none}.bank-info-row span{color:var(--text-muted)}.bank-info-row strong{color:var(--text-primary)}.file-upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md,12px);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--bg-tertiary);justify-content:center;align-items:center;min-height:120px;padding:20px;display:flex;position:relative}.file-upload-area:hover{border-color:var(--accent-primary);background:var(--bg-hover)}.file-upload-area .file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.file-upload-placeholder{color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;display:flex}.file-upload-placeholder i{color:var(--accent-primary);font-size:36px}.file-upload-placeholder p{margin:0;font-size:14px}.file-upload-placeholder small{font-size:12px}.file-upload-preview{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.receipt-preview{border-radius:var(--radius-sm,8px);object-fit:cover;border:1px solid var(--border-color);max-width:150px;max-height:150px}.file-name-display{background:var(--bg-secondary);border-radius:var(--radius-sm,8px);border:1px solid var(--border-color);align-items:center;gap:8px;padding:8px 16px;display:flex}.file-name-display i{color:var(--status-danger);font-size:24px}.file-name-display span{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:13px;overflow:hidden}.remove-file-btn{background:var(--status-danger-bg);width:28px;height:28px;color:var(--status-danger);cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.remove-file-btn:hover{background:var(--status-danger);color:#fff}.remove-file-btn:disabled{opacity:.5;cursor:not-allowed}.payment-instructions{background:var(--bg-tertiary);border-radius:var(--radius-md,12px);border:1px solid var(--border-color);margin:16px 0;padding:16px 20px}.payment-instructions h4{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:600;display:flex}.payment-instructions h4 i{color:var(--status-info)}.payment-instructions ol{color:var(--text-secondary);margin:0;padding-left:20px;font-size:13px;line-height:1.8}.payment-instructions ol li strong{color:var(--text-primary)}.deposit-btn{border-radius:var(--radius-md,12px);color:#fff;cursor:pointer;width:100%;transition:all var(--transition-normal);background:var(--gradient-primary);border:none;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:14px 20px;font-size:16px;font-weight:600;display:flex}.deposit-btn:hover:not(:disabled){box-shadow:0 8px 30px var(--shadow-glow);transform:translateY(-2px)}.deposit-btn:active:not(:disabled){transform:translateY(0)}.deposit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.deposit-btn.loading{background:var(--bg-tertiary);color:var(--text-muted)}.deposit-btn i{font-size:16px}.deposit-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:6px;margin-top:16px;padding-top:16px;display:flex}.deposit-footer p{color:var(--text-muted);align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.deposit-footer p i{font-size:13px}.deposit-footer .footer-note{color:var(--text-muted);font-size:12px}@media (width<=768px){.deposit-card{padding:16px}.deposit-header h2{font-size:20px}.method-options{grid-template-columns:repeat(2,1fr)}.method-label{padding:8px 10px;font-size:12px}.preset-buttons{gap:6px}.preset-btn{padding:5px 12px;font-size:12px}.bank-info-card{padding:12px}.bank-info-row{flex-wrap:wrap;gap:2px;font-size:12px}.payment-instructions{padding:12px 14px}.payment-instructions ol{padding-left:16px;font-size:12px}.deposit-btn{padding:12px 16px;font-size:14px}.file-upload-area{min-height:100px;padding:16px}.receipt-preview{max-width:100px;max-height:100px}}@media (width<=480px){.deposit-container{padding:12px 8px 30px}.deposit-card{padding:12px}.deposit-header h2{font-size:18px}.deposit-header p{font-size:13px}.method-options{grid-template-columns:1fr 1fr;gap:6px}.method-label{padding:6px 8px;font-size:11px}.method-label i{font-size:14px}.input-group input,.input-group textarea{padding:8px 12px;font-size:13px}.bank-info-row{flex-direction:column;align-items:flex-start;gap:0;padding:4px 0}.bank-info-row strong{font-size:13px}.preset-btn{padding:4px 10px;font-size:11px}.status-message,.error-message{padding:10px 14px;font-size:13px}}@media (prefers-reduced-motion:reduce){.status-message,.error-message,.deposit-btn,.back-btn-simple,.preset-btn,.method-label,.file-upload-area{transition:none!important;animation:none!important}}@media print{.deposit-container{background:#fff;padding:20px}.deposit-card{box-shadow:none;border:1px solid #ddd}.deposit-btn,.back-btn-simple,.remove-file-btn{display:none!important}.file-upload-area{border:1px solid #ddd}}.dark-mode .deposit-card,.dark-mode .bank-info-card,.dark-mode .file-upload-area{background:var(--bg-secondary)}.dark-mode .file-upload-area:hover{background:var(--bg-hover)}.light-mode .deposit-card{background:#fff}.light-mode .bank-info-card,.light-mode .file-upload-area{background:#f8fafc}.light-mode .file-upload-area:hover{background:#f1f5f9}.light-mode .payment-instructions{background:#f8fafc}.bank-transfer-active .deposit-card{border-color:var(--accent-primary)}.bank-transfer-active .deposit-header h2 i{color:var(--accent-primary)}.bank-transfer-badge{background:var(--accent-glow);color:var(--accent-primary);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.bank-info-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 20px var(--shadow-glow);transition:all var(--transition-normal)}.receipt-upload-success{color:var(--status-success);align-items:center;gap:6px;font-size:13px;display:flex}.receipt-upload-success i{font-size:16px}.file-upload-area.dragover{border-color:var(--accent-primary);background:var(--accent-glow);transform:scale(1.02)}.file-upload-area .upload-progress{background:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:4px;margin-top:8px;overflow:hidden}.file-upload-area .upload-progress-bar{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width .3s}.deposit-btn.success{animation:.5s successPulse}@keyframes checkmark{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.status-message.success i{animation:.5s checkmark}.profilecard-container{background:var(--bg-primary);justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.profilecard-wrapper{width:100%;max-width:520px}.back-btn-simple{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.profile-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 20px var(--shadow-color);transition:all var(--transition-normal);flex-direction:column;width:100%;padding:24px;display:flex;position:relative;overflow:hidden}.profile-card:hover{box-shadow:0 8px 40px var(--shadow-color)}.profile-card:before{content:"";background:var(--accent-glow);opacity:.05;pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-30%}.card-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.card-avatar{background:var(--bg-tertiary);width:72px;height:72px;color:var(--text-muted);border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:32px;display:flex;position:relative;overflow:hidden}.card-avatar img{object-fit:cover;width:100%;height:100%}.avatar-initials{color:var(--text-primary);font-size:24px;font-weight:700}.verified-badge{color:#10b981;background:var(--bg-secondary);border-radius:50%;padding:2px;font-size:18px;position:absolute;bottom:0;right:0}.card-user-info{flex:1;min-width:0}.name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.name-row h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.level-badge{border-radius:var(--radius-full);white-space:nowrap;padding:2px 10px;font-size:11px;font-weight:600}.card-role{color:var(--text-secondary);margin:2px 0 4px;font-size:14px}.card-rating{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.card-rating .fa-star.filled,.card-rating .fa-star-half-stroke.filled{color:#fbbf24}.card-rating .fa-regular.fa-star{color:var(--text-muted)}.rating-score{color:var(--text-primary);font-size:14px;font-weight:600}.rating-total{color:var(--text-muted);font-size:12px}.trust-card-id{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;display:flex}.id-label{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.id-value{color:var(--text-primary);flex:1;font-family:monospace;font-size:13px;font-weight:600}.copy-id-btn-small{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-normal);background:0 0;border:none;padding:4px 8px;font-size:14px}.copy-id-btn-small:hover{background:var(--bg-hover);color:var(--accent-primary)}.card-trust-score{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:20px;margin-bottom:12px;padding:16px;display:flex}.trust-score-circle{flex-shrink:0;width:80px;height:80px;position:relative}.trust-score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.trust-bg{fill:none;stroke:var(--bg-secondary);stroke-width:8px}.trust-progress{fill:none;stroke:var(--accent-primary);stroke-width:8px;stroke-linecap:round;transition:stroke-dasharray 1.5s}.trust-score-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trust-number{color:var(--text-primary);font-size:18px;font-weight:700;display:block}.trust-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px;display:block}.trust-stats{flex:1;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.trust-stat{text-align:center}.stat-number{color:var(--text-primary);font-size:16px;font-weight:700;display:block}.card-stats-row{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);justify-content:space-around;margin-bottom:12px;padding:8px 0;display:flex}.stat-mini{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.stat-mini i{font-size:12px}.card-verification{margin-bottom:14px}.card-verification h4{color:var(--text-secondary);margin:0 0 8px;font-size:13px;font-weight:600}.badges-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.badge-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-normal);border:1px solid #0000;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;font-size:10px;display:flex}.badge-item i{font-size:16px}.badge-item.verified{color:#10b981;background:#10b9810d;border-color:#10b98133}.badge-item.pending{color:#f59e0b;background:#f59e0b0d;border-color:#f59e0b33}.badge-item:hover{transform:translateY(-2px)}.card-qr-section{flex-direction:column;align-items:center;margin-bottom:14px;display:flex}.qr-toggle-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:8px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.qr-toggle-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.qr-toggle-btn:active{transform:scale(.97)}.qr-display{text-align:center;margin-top:10px;animation:.3s fadeIn}.qr-display canvas{border-radius:var(--radius-sm);box-shadow:0 4px 15px var(--shadow-color);background:#fff;padding:8px}.qr-hint{color:var(--text-muted);margin-top:6px;font-size:12px}.card-public-url{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:8px;margin-bottom:14px;padding:8px 12px;display:flex}.card-public-url i{color:var(--text-muted);font-size:14px}.url-text{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;word-break:break-all;flex:1;font-size:12px;overflow:hidden}.copy-url-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-normal);background:0 0;border:none;padding:4px 8px;font-size:14px}.copy-url-btn:hover{background:var(--bg-hover);color:var(--accent-primary)}.card-footerr{color:var(--text-muted);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:14px;padding:10px 0;font-size:11px;display:flex}.member-since i,.card-version i{margin-right:4px}.card-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:12px;display:flex}.action-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;flex:0 auto;justify-content:center;align-items:center;gap:6px;min-width:100px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.action-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-2px)}.action-btn:active{transform:scale(.97)}.action-btn.share{background:var(--gradient-primary);color:#fff;border-color:var(--accent-primary)}.action-btn.share:hover{box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}.card-verified-by{color:var(--text-muted);border-top:1px solid var(--border-light);justify-content:center;align-items:center;gap:6px;padding-top:10px;font-size:11px;display:flex}.card-verified-by i{color:var(--accent-primary)}.profilecard-loading,.profilecard-error{min-height:60vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.profilecard-error i{color:var(--status-danger);font-size:48px}.profilecard-error p{font-size:16px}.retry-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600}.retry-btn:hover{box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}.profilecard-footer{text-align:center;margin-top:16px}.profilecard-footer p{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}@media (width<=768px){.profilecard-container{padding:12px}.profile-card{padding:18px}.card-header{gap:12px}.card-avatar{width:60px;height:60px;font-size:26px}.name-row h2{font-size:18px}.trust-stats{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:14px}.badges-grid{grid-template-columns:repeat(2,1fr)}.card-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}.card-footerr{text-align:center;flex-direction:column;align-items:center}.trust-card-id{flex-wrap:wrap}.id-value{word-break:break-all;font-size:11px}.card-public-url{flex-wrap:wrap}.url-text{white-space:normal;font-size:11px}.card-stats-row{flex-wrap:wrap;justify-content:center;gap:6px}.stat-mini{font-size:11px}}@media (width<=480px){.profilecard-container{padding:8px}.profile-card{border-radius:var(--radius-md);padding:14px}.card-header{text-align:center;flex-direction:column;gap:10px}.card-avatar{width:64px;height:64px}.name-row{justify-content:center}.name-row h2{font-size:17px}.card-rating{justify-content:center}.card-trust-score{flex-direction:column;align-items:center;gap:12px;padding:12px}.trust-score-circle{width:70px;height:70px}.trust-number{font-size:16px}.trust-stats{grid-template-columns:repeat(2,1fr);width:100%}.qr-display canvas{width:150px;height:150px}.card-footerr{font-size:10px}.card-verified-by{text-align:center;flex-wrap:wrap;font-size:10px}.level-badge{padding:1px 8px;font-size:10px}}[data-theme=dark] .profile-card,[data-theme=dark] .card-avatar{border-color:var(--border-color)}[data-theme=dark] .trust-bg{stroke:var(--bg-secondary)}[data-theme=dark] .qr-display canvas{background:#fff}.light-mode .profile-card{background:#fff;border-color:#e2e8f0}.light-mode .card-avatar{border-color:#e2e8f0}.light-mode .trust-bg{stroke:#f1f5f9}.light-mode .trust-progress{stroke:#0d9488}.light-mode .badge-item.verified{background:#10b9810d}.light-mode .badge-item.pending{background:#f59e0b0d}.light-mode .action-btn.share{background:linear-gradient(135deg,#0d9488,#0f766e)}.light-mode .qr-display canvas{background:#fff;box-shadow:0 4px 15px #00000014}.light-mode .profile-card:before{background:#0d94880d}@media (prefers-reduced-motion:reduce){.profile-card,.back-btn-simple,.action-btn,.badge-item,.qr-toggle-btn,.qr-display,.retry-btn{transition:none!important;animation:none!important}.action-btn.share:hover,.retry-btn:hover,.badge-item:hover{transform:none!important}.qr-display{animation:none!important}.trust-progress{transition:none!important}}@media (prefers-contrast:high){.profile-card{border:2px solid var(--text-primary)}.badge-item.verified{border-color:#10b981}.badge-item.pending{border-color:#f59e0b}.action-btn{border:2px solid var(--border-color)}.action-btn.share{border-color:var(--accent-primary)}}.back-btn-simple:focus-visible,.action-btn:focus-visible,.qr-toggle-btn:focus-visible,.retry-btn:focus-visible,.copy-id-btn-small:focus-visible,.copy-url-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sendmoney-container{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);justify-content:center;align-items:center;padding:20px;display:flex}.sendmoney-card{background:var(--bg-secondary);border:1px solid var(--border-color,var(--status-success-bg));width:100%;max-width:480px;box-shadow:0 20px 60px var(--shadow-color);border-radius:20px;padding:30px}.sendmoney-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:14px;transition:color .3s;display:flex}.back-btn:hover{color:var(--text-primary)}.sendmoney-header h2{align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;display:flex}.sendmoney-header h2 i{color:var(--status-info)}.balance-display{background:var(--bg-tertiary);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 20px;display:flex}.balance-label{color:var(--text-secondary);font-size:14px}.balance-amount{color:var(--text-primary);font-size:22px;font-weight:800}.sendmoney-error{background:var(--status-danger-bg);border:1px solid var(--status-danger-bg);color:var(--status-danger);border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:14px;display:flex}.sendmoney-error i{font-size:16px}.input-group{margin-bottom:16px}.input-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.receiver-input-group{gap:10px;display:flex}.receiver-input-group input{border:1px solid var(--border-color,var(--status-success-bg));background:var(--bg-tertiary);color:var(--text-primary);border-radius:10px;outline:none;flex:1;padding:12px 16px;font-size:14px;transition:all .3s}.receiver-input-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow,var(--status-success-bg))}.receiver-input-group input::placeholder{color:var(--text-muted)}.receiver-input-group input:disabled{opacity:.5;cursor:not-allowed}.find-btn{background:var(--accent-primary);color:var(--text-inverse);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;min-width:48px;padding:12px 18px;transition:all .3s;display:flex}.find-btn:hover:not(:disabled){background:var(--accent-secondary)}.find-btn:disabled{opacity:.5;cursor:not-allowed}.receiver-found{background:var(--status-success-bg);border:1px solid var(--status-success-bg);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:14px;display:flex}.receiver-found i{color:var(--status-success)}.receiver-found strong{color:var(--text-primary)}.amount-input-group{align-items:center;display:flex;position:relative}.currency-icon{color:var(--text-muted);font-size:16px;font-weight:700;position:absolute;left:14px}.amount-input-group input{border:1px solid var(--border-color,var(--status-success-bg));background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:12px 16px 12px 36px;font-size:15px;transition:all .3s}.amount-input-group input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow,var(--status-success-bg))}.amount-input-group input::placeholder{color:var(--text-muted)}.amount-input-group input:disabled{opacity:.5;cursor:not-allowed}.amount-hint{color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.preset-amounts{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.preset-btn{border:1px solid var(--border-color,var(--status-success-bg));color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .3s}.preset-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--text-primary)}.preset-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse)}.preset-btn:disabled{opacity:.3;cursor:not-allowed}.input-group textarea{border:1px solid var(--border-color,var(--status-success-bg));background:var(--bg-tertiary);width:100%;color:var(--text-primary);resize:vertical;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.input-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow,var(--status-success-bg))}.input-group textarea::placeholder{color:var(--text-muted)}.input-group textarea:disabled{opacity:.5;cursor:not-allowed}.char-count{text-align:right;color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.send-summary{background:var(--bg-tertiary);border-radius:12px;margin-bottom:16px;padding:14px 18px}.summary-row{color:var(--text-secondary);justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.summary-row strong{color:var(--text-primary)}.summary-row.total{border-top:1px solid var(--border-color,var(--status-success-bg));margin-top:4px;padding-top:8px;font-size:16px;font-weight:700}.summary-row.total strong{color:var(--status-warning)}.send-btn{background:linear-gradient(135deg, var(--status-info), var(--status-info));width:100%;color:var(--text-inverse);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.send-btn:hover:not(:disabled){box-shadow:0 8px 25px var(--status-info-bg);transform:translateY(-2px)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn.loading{opacity:.8}.sendmoney-footer{text-align:center;border-top:1px solid var(--border-color,var(--status-success-bg));margin-top:16px;padding-top:16px}.sendmoney-footer p{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.sendmoney-footer i{color:var(--status-success)}.sendmoney-loading{background:var(--bg-primary);min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}@media (width<=768px){.sendmoney-card{border-radius:16px;padding:20px}.sendmoney-header h2,.balance-amount{font-size:18px}.preset-amounts{gap:6px}.preset-btn{padding:4px 10px;font-size:12px}.receiver-input-group{flex-direction:column}.find-btn{width:100%;padding:10px}}@media (width<=480px){.sendmoney-card{border-radius:12px;padding:16px}.sendmoney-header h2{font-size:16px}.sendmoney-header{gap:10px}.balance-display{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 16px}.balance-amount{font-size:20px}.receiver-input-group input,.amount-input-group input{padding:10px 12px;font-size:14px}.amount-input-group input{padding-left:32px}.currency-icon{font-size:14px;left:10px}.preset-amounts{gap:4px}.preset-btn{padding:4px 8px;font-size:11px}.send-btn{padding:12px;font-size:14px}.send-summary{padding:12px 14px}.summary-row{font-size:13px}.summary-row.total{font-size:15px}.receiver-found{padding:6px 10px;font-size:13px}}.light-mode .sendmoney-card{background:var(--bg-secondary,var(--text-inverse))}.light-mode .receiver-input-group input,.light-mode .amount-input-group input,.light-mode .input-group textarea{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary,var(--bg-tertiary))}.light-mode .receiver-input-group input:focus,.light-mode .amount-input-group input:focus,.light-mode .input-group textarea:focus{border-color:var(--accent-primary)}.light-mode .balance-display{background:var(--bg-tertiary)}.light-mode .balance-amount{color:var(--text-primary,var(--bg-tertiary))}.light-mode .send-summary{background:var(--bg-tertiary)}.light-mode .summary-row strong{color:var(--text-primary,var(--bg-tertiary))}.light-mode .preset-btn{color:var(--text-secondary,var(--text-muted))}.light-mode .preset-btn.active{background:var(--accent-primary);color:var(--text-inverse)}.light-mode .receiver-found{background:var(--status-success-bg)}.light-mode .sendmoney-error{background:var(--status-danger-bg)}.light-mode .sendmoney-footer{border-color:var(--border-color)}.back-btn-simple:active{transform:scale(.97)}.bankaccount-container{background:var(--bg-primary);justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.bankaccount-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:700px;box-shadow:0 4px 20px var(--shadow-color);padding:24px}.bankaccount-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.bankaccount-header h2{color:var(--text-primary);align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.bankaccount-header h2 i{color:var(--accent-primary)}.add-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;display:flex}.add-btn:hover{box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}.no-account{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.no-account i{color:var(--text-muted);margin-bottom:16px;font-size:48px}.no-account h3{color:var(--text-primary);margin-bottom:8px;font-size:20px}.no-account p{margin-bottom:20px}.add-account-btn{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex}.add-account-btn:hover{box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}.accounts-list{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.account-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);align-items:center;gap:16px;padding:16px 18px;display:flex}.account-item.default{border-color:var(--accent-primary);background:var(--accent-glow)}.account-item:hover{border-color:var(--accent-primary);transform:translate(4px)}.account-icon{background:var(--bg-secondary);width:44px;height:44px;color:var(--accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative}.default-badge{background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;font-size:8px;font-weight:700;position:absolute;bottom:-4px;right:-4px}.account-details{flex:1;min-width:0}.account-details h4{color:var(--text-primary);margin:0 0 2px;font-size:15px;font-weight:600}.account-number{color:var(--text-secondary);margin:0 0 2px;font-family:monospace;font-size:13px}.account-holder{color:var(--text-muted);margin:0 0 4px;font-size:13px}.account-added{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.account-actions{flex-shrink:0;gap:6px;display:flex}.set-default-btn,.delete-btn{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;font-size:14px;display:flex}.set-default-btn{color:var(--text-muted);background:0 0}.set-default-btn:hover{background:var(--bg-hover);color:var(--accent-primary)}.delete-btn{color:var(--text-muted);background:0 0}.delete-btn:hover{background:var(--status-danger-bg);color:var(--status-danger)}.add-account-form{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:20px;padding:20px}.form-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.form-header h3{color:var(--text-primary);align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.close-form-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:none;padding:4px 8px;font-size:20px}.close-form-btn:hover{color:var(--text-primary)}.form-group{margin-bottom:14px}.form-group label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.form-group input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition-normal);padding:10px 14px;font-size:14px}.form-group input:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring);outline:none}.form-group.checkbox{margin-bottom:16px}.checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.form-actions{justify-content:flex-end;gap:10px;display:flex}.cancel-btn,.save-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;padding:10px 24px;font-size:14px;font-weight:600}.cancel-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-btn:hover{background:var(--bg-hover)}.save-btn{background:var(--gradient-primary);color:#fff}.save-btn:hover:not(:disabled){box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.bankaccount-footer{border-top:1px solid var(--border-color);text-align:center;margin-top:16px;padding-top:16px}.bankaccount-footer p{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.loading-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}@media (width<=768px){.bankaccount-container{padding:12px}.bankaccount-card{padding:16px}.bankaccount-header h2{font-size:18px}.account-item{flex-wrap:wrap;gap:10px;padding:12px 14px}.account-actions{border-top:1px solid var(--border-light);justify-content:flex-end;width:100%;padding-top:8px}.form-actions{flex-direction:column}.form-actions button{justify-content:center;width:100%}}@media (width<=480px){.bankaccount-header{flex-direction:column;align-items:stretch}.add-btn{justify-content:center;width:100%}.account-item{text-align:center;flex-direction:column;align-items:stretch}.account-icon{margin:0 auto}.account-actions{justify-content:center}.no-account{padding:40px 16px}.no-account i{font-size:36px}}.paymenthistory-container{background:var(--bg-primary);min-height:100vh;padding:20px}.paymenthistory-card{max-width:900px;margin:0 auto}.pending-banner{background:var(--status-warning-bg);border:1px solid var(--status-warning);border-radius:var(--radius-md);color:var(--text-primary);align-items:center;gap:12px;margin-bottom:16px;padding:12px 20px;display:flex}.pending-banner i{color:var(--status-warning);font-size:18px}.paymenthistory-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.paymenthistory-header h2{color:var(--text-primary);align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.pending-badge{background:var(--status-danger);color:#fff;border-radius:var(--radius-full);padding:2px 10px;font-size:12px;font-weight:700}.header-actions{gap:8px;display:flex}.refresh-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:flex}.refresh-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.search-bar{margin-bottom:16px;position:relative}.search-bar input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-normal);padding:10px 20px 10px 44px;font-size:14px}.search-bar input:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring);outline:none}.search-bar i{color:var(--text-muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.clear-search{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-search:hover{color:var(--text-primary)}.stats-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;padding:16px 20px;display:grid}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.stat-value.positive{color:#10b981}.stat-value.negative{color:#ef4444}.stat-value.pending-count{color:#f59e0b}.filter-section{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filter-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:flex}.filter-btn:hover{background:var(--bg-hover)}.filter-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.clear-filters-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex}.clear-filters-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.result-count{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.history-list{flex-direction:column;gap:10px;display:flex}.history-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:16px;padding:14px 18px;display:flex}.history-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 20px var(--shadow-color);transform:translate(4px)}.history-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.history-details{flex:1;min-width:0}.history-details h4{color:var(--text-primary);margin:0 0 2px;font-size:15px;font-weight:600}.history-details p{color:var(--text-muted);margin:0;font-size:12px}.history-details .reference,.history-details .note{color:var(--text-secondary);margin-top:2px;font-size:12px;display:block}.history-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.history-amount{font-size:16px;font-weight:700}.history-amount.credit{color:#10b981}.history-amount.debit{color:#ef4444}.history-status{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:500;display:flex}.empty-history{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-history i{color:var(--text-muted);margin-bottom:16px;font-size:48px}.empty-history h3{color:var(--text-primary);margin-bottom:8px;font-size:20px}.empty-history p{max-width:400px;margin-bottom:16px}.browse-btn{background:var(--accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex}.browse-btn:hover{box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}.history-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:16px;padding:12px;font-size:13px}.modal-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.details-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:500px;max-height:90vh;animation:.3s modalSlideUp;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{color:var(--text-primary);align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.close-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:none;padding:4px 8px;font-size:20px}.close-btn:hover{color:var(--text-primary)}.modal-body{flex-direction:column;gap:12px;padding:20px;display:flex}.detail-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:var(--text-secondary);font-size:14px}.detail-row span:last-child{color:var(--text-primary);text-align:right;font-size:14px;font-weight:500}.credit-text{color:#10b981}.debit-text{color:#ef4444}.type-badge{border-radius:var(--radius-full);background:var(--bg-tertiary);padding:2px 12px;font-size:12px;font-weight:500}.status-badge{border-radius:var(--radius-full);padding:2px 12px;font-size:12px;font-weight:500}.tx-id{color:var(--accent-primary);font-family:monospace;font-size:13px}.admin-remark-text{font-style:italic;color:var(--status-warning)!important}.paymenthistory-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}@media (width<=768px){.paymenthistory-container{padding:12px}.stats-bar{grid-template-columns:repeat(2,1fr);padding:12px 16px}.stat-value{font-size:16px}.history-item{flex-wrap:wrap;padding:12px 14px}.history-right{border-top:1px solid var(--border-light);flex-direction:row;justify-content:space-between;width:100%;padding-top:8px}.filter-section{gap:6px}.filter-btn{padding:4px 10px;font-size:12px}.paymenthistory-header h2{font-size:18px}.details-modal{max-width:100%;margin:10px}}@media (width<=480px){.stats-bar{grid-template-columns:1fr 1fr;gap:8px}.stat-item{text-align:center}.stat-value{font-size:14px}.history-item{flex-direction:column;align-items:stretch;padding:10px 12px}.history-right{border-top:1px solid var(--border-light);flex-direction:row;justify-content:space-between;width:100%;padding-top:6px}.history-amount{font-size:14px}.filter-btn{padding:4px 8px;font-size:11px}.modal-body{padding:14px}.detail-row{flex-direction:column;align-items:flex-start;gap:4px}.detail-row span:last-child{text-align:left}}.referral-container{background:var(--bg-primary);justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.referral-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:700px;box-shadow:0 4px 20px var(--shadow-color);padding:24px}.back-btn-simple{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.back-btn-simple:hover{background:var(--bg-hover);transform:translate(-2px)}.referral-header h2{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:4px;font-size:24px;font-weight:700;display:flex}.referral-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.referral-badge-display{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.badge-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.badge-info h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.badge-info p{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.referral-stats{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;padding:16px;display:grid}.stat-item{text-align:center}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;display:block}.stat-value{color:var(--text-primary);font-size:22px;font-weight:700}.stat-divider{display:none}.next-badge-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:20px;padding:14px 16px}.next-badge-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.next-badge-name{color:var(--text-primary);font-weight:600}.badge-progress{background:var(--bg-secondary);border-radius:9999px;width:100%;height:6px;overflow:hidden}.badge-progress-bar{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));border-radius:9999px;height:100%;transition:width .5s}.badge-progress-text{color:var(--text-muted);text-align:center;margin-top:6px;font-size:12px}.referral-code-section,.referral-link-section{margin-bottom:14px}.section-label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:500;display:flex}.code-box,.link-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.code-text{color:var(--text-primary);letter-spacing:2px;font-family:monospace;font-size:20px;font-weight:700}.link-text{color:var(--text-secondary);word-break:break-all;flex:1;font-size:13px}.copy-btn{background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);border:none;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:flex}.copy-btn:hover{box-shadow:0 4px 15px var(--shadow-glow);transform:scale(1.02)}.copy-btn:active{transform:scale(.97)}.share-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:12px 20px;font-size:16px;font-weight:600;display:flex}.share-btn:hover:not(:disabled){box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}.share-btn:disabled{opacity:.6;cursor:not-allowed}.referral-info{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:20px;padding:16px}.referral-info h4{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 10px;font-size:15px;font-weight:600;display:flex}.referral-info ul{margin:0;padding:0;list-style:none}.referral-info ul li{color:var(--text-secondary);border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.referral-info ul li:last-child{border-bottom:none}.referral-info ul li i{width:20px;color:var(--accent-primary)}.referral-list-section{margin-bottom:20px}.referral-list-section h4{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600;display:flex}.referral-list{flex-direction:column;gap:8px;display:flex}.referral-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-normal);align-items:center;gap:12px;padding:10px 14px;display:flex}.referral-item:hover{border-color:var(--accent-primary)}.ref-avatar{background:var(--bg-secondary);width:36px;height:36px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ref-info{flex:1}.ref-name{color:var(--text-primary);font-size:14px;font-weight:500;display:block}.ref-date{color:var(--text-muted);font-size:12px}.ref-status{border-radius:var(--radius-full);padding:2px 10px;font-size:12px;font-weight:500}.ref-status.registered{color:#94a3b8;background:#94a3b826}.ref-status.verified{color:#3b82f6;background:#3b82f626}.ref-status.active{color:#10b981;background:#10b98126}.leaderboard-coming{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;margin-bottom:16px;padding:16px}.leaderboard-coming h4{color:var(--text-primary);justify-content:center;align-items:center;gap:8px;margin:0 0 6px;font-size:15px;font-weight:600;display:flex}.coming-soon{color:var(--accent-primary);margin:4px 0;font-size:20px;font-weight:700}.leaderboard-hint{color:var(--text-muted);margin:0;font-size:13px}.referral-footer{border-top:1px solid var(--border-color);text-align:center;padding-top:16px}.referral-footer p{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.referral-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}@media (width<=768px){.referral-container{padding:12px}.referral-card{padding:16px}.referral-stats{grid-template-columns:repeat(2,1fr)}.stat-divider{display:none}.code-box,.link-box{flex-direction:column;align-items:stretch}.code-text{text-align:center;font-size:18px}.link-text{text-align:center;font-size:12px}.copy-btn{justify-content:center}.referral-badge-display{text-align:center;flex-direction:column}}@media (width<=480px){.referral-stats{grid-template-columns:1fr 1fr;gap:8px}.stat-value{font-size:18px}.referral-header h2{font-size:20px}.badge-icon{width:48px;height:48px;font-size:24px}.badge-info h3{font-size:16px}}body{font-family:Bensen Handwriting,sans-serif}.announcement-overlay{z-index:10000;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:20px;animation:.3s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}.announcement-popup{background:var(--modal-bg);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:0 20px 60px var(--shadow-color);border:1px solid var(--border-color);max-height:90vh;padding:32px 28px 24px;animation:.4s cubic-bezier(.34,1.56,.64,1) popupSlideUp;position:relative;overflow-y:auto}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.announcement-popup::-webkit-scrollbar{width:4px}.announcement-popup::-webkit-scrollbar-track{background:0 0}.announcement-popup::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-full)}.announcement-icon{width:56px;height:56px;transition:all var(--transition-normal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0 auto 16px;font-size:24px;display:flex}.announcement-icon i{font-size:24px}.announcement-title{color:var(--text-primary);text-align:center;margin:0 0 8px;font-family:Bensen Handwriting,sans-serif;font-size:30px;font-weight:300;line-height:1.3}.announcement-message{color:var(--text-secondary);text-align:center;white-space:pre-wrap;word-break:break-word;margin:0 0 16px;font-family:Bensen Handwriting,sans-serif;font-size:15px;line-height:1.6}.announcement-version{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;padding:8px 12px;font-size:12px;display:flex}.announcement-version span{align-items:center;gap:4px;display:inline-flex}.announcement-category{background:var(--bg-hover);border-radius:var(--radius-full);color:var(--text-secondary);text-transform:capitalize;padding:2px 10px;font-size:11px}.announcement-type-badge{border-radius:var(--radius-full);color:#fff;text-transform:uppercase;letter-spacing:.5px;padding:2px 12px;font-size:11px;font-weight:600}.announcement-checkbox{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-normal);margin-bottom:20px;padding:14px 16px}.announcement-checkbox:hover{border-color:var(--accent-primary);background:var(--bg-hover)}.announcement-checkbox label{cursor:pointer;color:var(--text-primary);align-items:flex-start;gap:10px;font-size:14px;font-weight:500;display:flex}.announcement-checkbox input[type=checkbox]{appearance:none;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--input-bg);cursor:pointer;width:18px;min-width:18px;height:18px;transition:all var(--transition-normal);flex-shrink:0;margin-top:1px;position:relative}.announcement-checkbox input[type=checkbox]:checked{background:var(--accent-primary);border-color:var(--accent-primary)}.announcement-checkbox input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.announcement-checkbox input[type=checkbox]:focus{box-shadow:var(--focus-ring);outline:none}.announcement-checkbox input[type=checkbox]:hover{border-color:var(--accent-primary)}.announcement-checkbox span{color:var(--text-primary);font-size:14px}.checkbox-hint{color:var(--text-muted);margin-top:6px;padding-left:28px;font-size:12px;line-height:1.4;display:block}.announcement-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:600;display:flex;position:relative;overflow:hidden}.announcement-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.announcement-btn:hover:before{left:100%}.announcement-btn:hover{box-shadow:0 8px 30px var(--shadow-glow);transform:translateY(-2px)}.announcement-btn:active{transform:translateY(0)scale(.98)}.announcement-btn i{font-size:16px}.announcement-footer{text-align:center;margin-top:16px}.announcement-footer p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}@media (width<=768px){.announcement-popup{border-radius:var(--radius-lg);max-width:100%;margin:16px;padding:24px 20px 20px}.announcement-icon{width:48px;height:48px;font-size:20px}.announcement-icon i{font-size:20px}.announcement-title{font-size:18px}.announcement-message{font-size:14px}.announcement-btn{padding:12px 20px;font-size:15px}.announcement-checkbox{padding:12px 14px}.announcement-checkbox label{font-size:13px}.announcement-version{padding:6px 10px;font-size:11px}}@media (width<=480px){.announcement-popup{border-radius:var(--radius-md);margin:12px;padding:20px 16px 16px}.announcement-icon{width:40px;height:40px;margin-bottom:12px;font-size:16px}.announcement-icon i,.announcement-title{font-size:16px}.announcement-message{margin-bottom:12px;font-size:13px}.announcement-version{flex-wrap:wrap;gap:6px;margin-bottom:16px;font-size:10px}.announcement-checkbox{margin-bottom:16px;padding:10px 12px}.announcement-checkbox label{gap:8px;font-size:12px}.announcement-checkbox input[type=checkbox]{width:16px;min-width:16px;height:16px}.checkbox-hint{padding-left:24px;font-size:11px}.announcement-btn{padding:10px 16px;font-size:14px}.announcement-footer p{font-size:11px}}.announcement-popup.type-info{border-top:3px solid var(--status-info)}.announcement-popup.type-success{border-top:3px solid var(--status-success)}.announcement-popup.type-warning{border-top:3px solid var(--status-warning)}.announcement-popup.type-danger{border-top:3px solid var(--status-danger)}.announcement-popup.type-feature{border-top:3px solid #8b5cf6}.announcement-popup.type-maintenance{border-top:3px solid #f97316}.announcement-btn:focus-visible,.announcement-checkbox input[type=checkbox]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.announcement-overlay,.announcement-popup{animation:none}.announcement-btn:before{display:none}.announcement-btn:hover{transform:none}}@media (prefers-contrast:high){.announcement-popup,.announcement-checkbox{border:2px solid var(--text-primary)}.announcement-btn{border:2px solid #fff}}@media print{.announcement-overlay{-webkit-backdrop-filter:none;background:0 0;padding:0;position:static}.announcement-popup{box-shadow:none;border:1px solid #ddd;max-height:none;overflow:visible}.announcement-btn,.announcement-checkbox,.announcement-footer{display:none}}:root{--bg-primary:#090d16;--bg-secondary:#0f1420;--bg-tertiary:#1a2030;--bg-card:#1e293b99;--bg-hover:#438e8214;--bg-dropdown:#0b111efa;--overlay-bg:#0000008c;--modal-bg:var(--bg-secondary);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#1e293b;--accent-primary:#438e82;--accent-secondary:#4fb3a3;--accent-light:#5fc7b7;--accent-dark:#2d6b5f;--accent-glow:#438e824d;--border-color:#438e8233;--border-light:#ffffff0f;--border-dark:#0003;--shadow-color:#0006;--shadow-light:#0003;--shadow-glow:#438e8226;--status-success:#10b981;--status-success-bg:#10b98126;--status-warning:#f59e0b;--status-warning-bg:#f59e0b26;--status-danger:#ef4444;--status-danger-bg:#ef444426;--status-info:#3b82f6;--status-info-bg:#3b82f626;--gradient-primary:linear-gradient(135deg, #438e82, #2d6b5f);--gradient-accent:linear-gradient(135deg, #438e82, #4fb3a3);--gradient-danger:linear-gradient(135deg, #ef4444, #dc2626);--gradient-success:linear-gradient(135deg, #10b981, #059669);--gradient-warning:linear-gradient(135deg, #f59e0b, #d97706);--glass-bg:#ffffff0d;--glass-border:#ffffff14;--scrollbar-bg:var(--bg-secondary);--scrollbar-thumb:var(--accent-primary);--icon-color:var(--text-secondary);--link-color:var(--accent-secondary);--focus-ring:0 0 0 3px var(--accent-glow);--navbar-height:72px;--sidebar-width:280px;--navbar-bg:var(--bg-secondary);--sidebar-bg:var(--bg-secondary);--card-bg:var(--bg-card);--input-bg:var(--bg-tertiary);--dropdown-bg:var(--bg-dropdown);--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px}.light-mode{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-hover:#f1f5f9;--bg-dropdown:#fff;--overlay-bg:#00000073;--modal-bg:var(--bg-secondary);--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#f8fafc;--accent-primary:#0d9488;--accent-secondary:#14b8a6;--accent-light:#2dd4bf;--accent-dark:#0f766e;--accent-glow:#0d948833;--border-color:#e2e8f0;--border-light:#0000000f;--border-dark:#0000001a;--shadow-color:#00000014;--shadow-light:#0000000a;--shadow-glow:#0d94881a;--status-success:#059669;--status-success-bg:#0596691a;--status-warning:#d97706;--status-warning-bg:#d977061a;--status-danger:#dc2626;--status-danger-bg:#dc26261a;--status-info:#2563eb;--status-info-bg:#2563eb1a;--gradient-primary:linear-gradient(135deg, #0d9488, #0f766e);--gradient-accent:linear-gradient(135deg, #0d9488, #14b8a6);--gradient-danger:linear-gradient(135deg, #dc2626, #b91c1c);--gradient-success:linear-gradient(135deg, #059669, #047857);--gradient-warning:linear-gradient(135deg, #d97706, #b45309);--glass-bg:#00000008;--glass-border:#0000000f;--scrollbar-bg:var(--bg-secondary);--scrollbar-thumb:var(--accent-primary);--icon-color:var(--text-secondary);--link-color:var(--accent-secondary);--focus-ring:0 0 0 3px var(--accent-glow);--navbar-height:72px;--sidebar-width:280px;--navbar-bg:var(--bg-secondary);--sidebar-bg:var(--bg-secondary);--card-bg:var(--bg-card);--input-bg:var(--bg-tertiary);--dropdown-bg:var(--bg-dropdown)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.bg-card{background:var(--bg-card)}.bg-accent{background:var(--accent-primary)}.bg-accent-glow{background:var(--accent-glow)}.bg-glass{background:var(--glass-bg)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--status-success)}.text-warning{color:var(--status-warning)}.text-danger{color:var(--status-danger)}.text-info{color:var(--status-info)}.border-primary{border-color:var(--border-color)}.border-accent{border-color:var(--accent-primary)}.border-glass{border-color:var(--glass-border)}.gradient-primary{background:var(--gradient-primary)}.gradient-accent{background:var(--gradient-accent)}.gradient-danger{background:var(--gradient-danger)}.gradient-success{background:var(--gradient-success)}.shadow-default{box-shadow:0 4px 20px var(--shadow-color)}.shadow-glow{box-shadow:0 0 30px var(--shadow-glow)}.glass-effect{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.scrollbar-custom::-webkit-scrollbar{width:6px}.scrollbar-custom::-webkit-scrollbar-track{background:var(--scrollbar-bg)}.scrollbar-custom::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.focus-ring:focus{box-shadow:var(--focus-ring);outline:none}.overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px)}.modal-content{background:var(--modal-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-color)}.navbar{height:var(--navbar-height);background:var(--navbar-bg)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg)}.icon{color:var(--icon-color)}.link{color:var(--link-color);transition:color var(--transition-normal);text-decoration:none}.link:hover{color:var(--accent-primary)}.btn-primary{background:var(--gradient-primary);color:#fff;transition:all var(--transition-normal);border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 24px;font-weight:600}.btn-primary:hover{opacity:.9;box-shadow:0 8px 25px var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);transition:all var(--transition-normal);border-radius:var(--radius-md);cursor:pointer;padding:10px 24px;font-weight:600}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.btn-danger{background:var(--gradient-danger);color:#fff;transition:all var(--transition-normal);border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 24px;font-weight:600}.btn-danger:hover{opacity:.9;transform:translateY(-2px)}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 20px var(--shadow-color);transition:all var(--transition-normal);padding:var(--space-lg,20px)}.card:hover{box-shadow:0 8px 40px var(--shadow-color);transform:translateY(-2px)}.input{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);width:100%;padding:10px 16px;font-size:14px}.input:focus{border-color:var(--accent-primary);box-shadow:var(--focus-ring)}.input::placeholder{color:var(--text-muted)}.dropdown{background:var(--dropdown-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 20px 60px var(--shadow-color);-webkit-backdrop-filter:blur(20px)}@media (width<=768px){:root{--navbar-height:64px;--sidebar-width:240px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px}}@media (width<=480px){:root{--navbar-height:56px;--sidebar-width:200px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}}@media print{:root{--bg-primary:#fff;--bg-secondary:#fff;--text-primary:#000;--text-secondary:#333;--text-muted:#666;--border-color:#ddd;--shadow-color:#0000000d}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:.01ms;--transition-normal:.01ms;--transition-slow:.01ms}}@media (prefers-contrast:high){:root{--text-primary:#000;--text-secondary:#000;--text-muted:#333;--border-color:#000;--accent-primary:#005f5f;--accent-secondary:#005f5f}}:root.light-mode,:root{--success:var(--status-success);--warning:var(--status-warning);--danger:var(--status-danger);--info:var(--status-info)}*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;width:100%;min-height:100vh}body{background:var(--bg-primary);color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}.main-app{background:var(--bg-primary);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.main-app>nav:first-child{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;position:sticky;top:0}.app-content{flex-grow:1;width:100%;max-width:1400px;margin:0 auto;padding:20px 24px}.loading-screen{background:var(--bg-primary);min-height:100vh;color:var(--accent-primary);flex-direction:column;justify-content:center;align-items:center;gap:20px;font-family:Plus Jakarta Sans,sans-serif;display:flex}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--accent-primary);opacity:.5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}@media (width<=768px){.app-content{padding:16px}}@media (width<=480px){.app-content{padding:12px}.loading-spinner{width:40px;height:40px}}.light-mode .main-app,.light-mode .loading-screen{background:var(--bg-primary)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn-primary:hover{background:var(--border-dark,var(--text-secondary));transform:translateY(-2px)}.btn-danger{background:var(--status-danger);color:var(--text-inverse);cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-danger:hover{background:var(--status-danger);box-shadow:0 8px 25px var(--status-danger-bg);transform:translateY(-2px)}