*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#64748b;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#06b6d4;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-dark:#0f172a;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-white:#fff;--border-color:#e2e8f0;--border-hover:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"Fira Code","SF Mono",Monaco,Consolas,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-secondary);color:#1e293b;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);line-height:1.6}#root{min-height:100vh}code{font-family:Fira Code,SF Mono,Monaco,Consolas,monospace;font-family:var(--font-mono)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-hover);border-radius:.25rem;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--secondary-color)}:focus{outline:2px solid #2563eb;outline:2px solid var(--primary-color);outline-offset:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:500;gap:var(--space-2);justify-content:center;position:relative;text-decoration:none;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn--primary{background-color:var(--primary-color);color:var(--text-white)}.btn--primary:hover:not(.btn--disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--secondary{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.btn--secondary:hover:not(.btn--disabled){background-color:var(--bg-tertiary);border-color:var(--border-hover)}.btn--success{background-color:var(--success-color);color:var(--text-white)}.btn--success:hover:not(.btn--disabled){background-color:#0d9488}.btn--danger{background-color:var(--danger-color);color:var(--text-white)}.btn--danger:hover:not(.btn--disabled){background-color:#dc2626}.btn--warning{background-color:var(--warning-color);color:var(--text-white)}.btn--warning:hover:not(.btn--disabled){background-color:#d97706}.btn--ghost{background-color:initial;color:var(--text-secondary)}.btn--ghost:hover:not(.btn--disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn--sm{padding:var(--space-1) var(--space-3)}.btn--md,.btn--sm{font-size:.875rem;line-height:1.25rem}.btn--md{padding:var(--space-2) var(--space-4)}.btn--lg{font-size:1rem;line-height:1.5rem;padding:var(--space-3) var(--space-6)}.btn--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn--loading .btn__content{opacity:.7}.btn__spinner{animation:spin 1s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;height:16px;width:16px}.btn__content{align-items:center;display:flex;gap:var(--space-2)}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .15s ease-in-out}.card--hover{cursor:pointer}.card--hover:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card--padding{padding:var(--space-6)}.card__header{margin-bottom:var(--space-4)}.card__header:last-child{margin-bottom:0}.card__title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--space-1) 0}.card__subtitle{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0}.card__content{flex:1 1}.card--bordered{border:2px solid var(--border-color)}.card--shadow-md{box-shadow:var(--shadow-md)}.card--shadow-lg{box-shadow:var(--shadow-lg)}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.input__label{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:500;gap:var(--space-1)}.input__required{color:var(--danger-color)}.input{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;line-height:1.25rem;padding:var(--space-3) var(--space-4);transition:all .15s ease-in-out;width:100%}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.input:hover:not(:focus):not(.input--disabled){border-color:var(--border-hover)}.input::placeholder{color:var(--text-muted)}.input--error,.input--error:focus{border-color:var(--danger-color)}.input--error:focus{box-shadow:0 0 0 3px #ef44441a}.input--disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.input--disabled,.input--disabled::placeholder{color:var(--text-muted)}.input__error{color:var(--danger-color);font-size:.75rem;margin-top:var(--space-1)}.select-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.select__label{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:500;gap:var(--space-1)}.select__required{color:var(--danger-color)}.select__container{position:relative}.select{-webkit-appearance:none;appearance:none;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.875rem;line-height:1.25rem;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);transition:all .15s ease-in-out;width:100%}.select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.select:hover:not(:focus):not(.select--disabled){border-color:var(--border-hover)}.select--error,.select--error:focus{border-color:var(--danger-color)}.select--error:focus{box-shadow:0 0 0 3px #ef44441a}.select--disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.select__arrow{color:var(--text-muted);pointer-events:none;position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);transition:transform .15s ease-in-out}.select:focus+.select__arrow{transform:translateY(-50%) rotate(180deg)}.select__error{color:var(--danger-color);font-size:.75rem;margin-top:var(--space-1)}.badge{align-items:center;border-radius:var(--radius-xl);display:inline-flex;font-weight:500;justify-content:center;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap}.badge--default{background-color:var(--bg-tertiary);color:var(--text-secondary)}.badge--primary{background-color:var(--primary-color);color:var(--text-white)}.badge--success{background-color:var(--success-color);color:var(--text-white)}.badge--danger{background-color:var(--danger-color);color:var(--text-white)}.badge--warning{background-color:var(--warning-color);color:var(--text-white)}.badge--info{background-color:var(--info-color);color:var(--text-white)}.badge--secondary{background-color:var(--secondary-color);color:var(--text-white)}.badge--outline{background-color:initial;border:1px solid var(--border-color);color:var(--text-secondary)}.badge--outline.badge--primary{border-color:var(--primary-color);color:var(--primary-color)}.badge--outline.badge--success{border-color:var(--success-color);color:var(--success-color)}.badge--outline.badge--danger{border-color:var(--danger-color);color:var(--danger-color)}.badge--outline.badge--warning{border-color:var(--warning-color);color:var(--warning-color)}.badge--xs{font-size:.65rem;line-height:1;padding:.15rem .4rem}.badge--sm{padding:var(--space-1) var(--space-2)}.badge--md,.badge--sm{font-size:.75rem;line-height:1rem}.badge--md{padding:var(--space-1) var(--space-3)}.badge--lg{font-size:.875rem;line-height:1.25rem;padding:var(--space-2) var(--space-4)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);justify-content:center}.loading{animation:spin 1s linear infinite;border-radius:50%}.loading--sm{border:2px solid;height:16px;width:16px}.loading--md{border:3px solid;height:24px;width:24px}.loading--lg{border:4px solid;height:32px;width:32px}.loading--xl{border:4px solid;height:48px;width:48px}.loading--primary{border-color:var(--primary-color);border-top-color:#0000}.loading--secondary{border-color:var(--secondary-color);border-top-color:#0000}.loading--success{border-color:var(--success-color);border-top-color:#0000}.loading--danger{border-color:var(--danger-color);border-top-color:#0000}.loading--warning{border-color:var(--warning-color);border-top-color:#0000}.loading--white{border-color:var(--text-white);border-top-color:#0000}.loading__text{color:var(--text-secondary);font-size:.875rem;margin:0;text-align:center}.loading--fullscreen{align-items:center;background-color:#ffffffe6;height:100vh;justify-content:center;left:0;top:0;width:100vw}.loading--fullscreen,.toast-container{display:flex;position:fixed;z-index:9999}.toast-container{flex-direction:column;gap:10px;max-width:400px;right:20px;top:20px}.toast{align-items:center;animation:toast-slide-in .3s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;justify-content:space-between;min-width:300px;padding:12px 16px;transition:transform .2s ease}.toast:hover{transform:translateY(-2px)}.toast--success{border-left:4px solid #10b981}.toast--error{border-left:4px solid #ef4444}.toast--warning{border-left:4px solid #f59e0b}.toast--info{border-left:4px solid #3b82f6}.toast__content{align-items:center;display:flex;flex:1 1;gap:8px}.toast__icon{flex-shrink:0;font-size:16px}.toast__message{color:var(--text-primary);font-size:14px;line-height:1.4}.toast__close{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:14px;line-height:1;margin-left:8px;padding:4px;transition:background-color .2s ease}.toast__close:hover{background:var(--bg-secondary);color:var(--text-primary)}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.toast-container{left:10px;max-width:none;right:10px;top:10px}.toast{min-width:auto}}.two-factor-setup{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:2rem}.two-factor-setup__card{max-width:500px;padding:2rem;width:100%}.two-factor-setup__header{margin-bottom:2rem;text-align:center}.two-factor-setup__title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.two-factor-setup__subtitle{color:var(--text-secondary);font-size:.9rem;margin:0}.two-factor-setup__step{width:100%}.two-factor-setup__step-header{margin-bottom:1.5rem;text-align:center}.two-factor-setup__step-header h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.two-factor-setup__step-header p{color:var(--text-secondary);font-size:.9rem;margin:0}.two-factor-setup__loading{color:var(--text-secondary);padding:2rem;text-align:center}.two-factor-setup__qr-section{margin-bottom:1.5rem;text-align:center}.two-factor-setup__qr-container{background:#fff;border:2px solid var(--border-color);border-radius:8px;display:inline-block;margin-bottom:1.5rem;padding:1rem}.two-factor-setup__qr-code{display:block;height:200px;width:200px}.two-factor-setup__qr-placeholder{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;font-size:.9rem;height:200px;justify-content:center;padding:1rem;text-align:center;width:200px}.two-factor-setup__manual-setup{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin-top:1rem;padding:1rem}.two-factor-setup__manual-title{color:var(--text-primary);font-size:.9rem;font-weight:500;margin:0 0 .5rem}.two-factor-setup__secret{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);display:block;font-family:Courier New,monospace;font-size:.8rem;margin:.5rem 0;padding:.5rem;word-break:break-all}.two-factor-setup__manual-note{color:var(--text-secondary);font-size:.8rem;margin:.5rem 0 0}.two-factor-setup__verify-form{width:100%}.two-factor-setup__field{margin-bottom:1rem}.two-factor-setup__field input{font-size:1.2rem;font-weight:600;letter-spacing:.2rem;text-align:center}.two-factor-setup__error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:6px;color:var(--error-text);font-size:.9rem;margin-bottom:1rem;padding:.75rem}.two-factor-setup__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.two-factor-setup__tips{background:var(--info-bg);border:1px solid var(--info-border);border-radius:6px;margin-top:1.5rem;padding:1rem}.two-factor-setup__tips h4{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .5rem}.two-factor-setup__tips ul{margin:0;padding-left:1.2rem}.two-factor-setup__tips li{color:var(--text-secondary);font-size:.8rem;margin-bottom:.25rem}@media (max-width:768px){.two-factor-setup{padding:1rem}.two-factor-setup__card{padding:1.5rem}.two-factor-setup__qr-code{height:150px;width:150px}.two-factor-setup__actions{flex-direction:column}}.login-page{align-items:center;background:linear-gradient(135deg,var(--bg-dark) 0,var(--bg-darker) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-page__container{max-width:400px;width:100%}.login-page__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:2rem}.login-page__header{margin-bottom:2rem;text-align:center}.login-page__title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.login-page__subtitle{color:var(--text-secondary);font-size:.9rem;margin:0}.login-page__form{gap:1rem}.login-page__field,.login-page__form{display:flex;flex-direction:column}.login-page__error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:6px;color:var(--error-text);font-size:.9rem;margin-bottom:.5rem;padding:.75rem}.login-page__submit{margin-top:1rem;width:100%}.login-page__footer{margin-top:2rem;text-align:center}.login-page__notice{color:var(--text-secondary);font-size:.8rem;margin:0 0 .5rem}.login-page__help{color:var(--text-muted);font-size:.8rem;font-style:italic;margin:0}.login-page__2fa-hint{color:var(--text-secondary);font-size:.8rem;margin:.5rem 0 0;text-align:center}.login-page__back{margin-top:.5rem}@media (max-width:480px){.login-page__card{padding:1.5rem}.login-page__title{font-size:1.3rem}}.two-factor-management{margin-bottom:1.5rem;padding:1.5rem}.two-factor-management__header{margin-bottom:1.5rem}.two-factor-management__title{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.two-factor-management__subtitle{color:var(--text-secondary);font-size:.9rem;margin:0}.two-factor-management__loading{color:var(--text-secondary);padding:2rem;text-align:center}.two-factor-management__content{display:flex;flex-direction:column;gap:1.5rem}.two-factor-management__status{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.two-factor-management__status-info{align-items:center;display:flex;gap:.5rem}.two-factor-management__status-label{color:var(--text-primary);font-weight:500;min-width:80px}.two-factor-management__status-value{color:var(--text-secondary);font-size:.9rem}.two-factor-management__error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:6px;color:var(--error-text);font-size:.9rem;padding:.75rem}.two-factor-management__description{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1rem}.two-factor-management__description h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.two-factor-management__description p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.two-factor-management__actions{display:flex;justify-content:flex-start}.two-factor-management__benefits{background:var(--success-bg);border:1px solid var(--success-border);border-radius:6px;padding:1rem}.two-factor-management__benefits h4{color:var(--success-text);font-size:1rem;font-weight:600;margin:0 0 .5rem}.two-factor-management__benefits ul{margin:0;padding-left:1.2rem}.two-factor-management__benefits li{color:var(--success-text);font-size:.9rem;margin-bottom:.25rem}.user-management{margin:0 auto;max-width:800px;padding:1rem}.user-management__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.user-management__title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.user-management__error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:6px;color:var(--error-text);font-size:.9rem;margin-bottom:1rem;padding:.75rem}.user-management__create-form{margin-bottom:1.5rem;padding:1.5rem}.user-management__create-form h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.user-management__form-group{margin-bottom:1rem}.user-management__select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:.75rem;width:100%}.user-management__select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1);outline:none}.user-management__form-actions{display:flex;gap:.5rem;margin-top:1.5rem}.user-management__list{padding:1.5rem}.user-management__list h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.user-management__empty,.user-management__loading{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center}.user-management__users{display:flex;flex-direction:column;gap:.75rem}.user-management__user-item{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.user-management__user-content{flex:1 1}.user-management__user-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.user-management__username{color:var(--text-primary);font-size:1rem;font-weight:500}.user-management__user-meta{display:flex;flex-direction:column;gap:.25rem}.user-management__create-time,.user-management__last-login{color:var(--text-muted);font-size:.8rem}.user-management__user-actions{align-items:center;display:flex;gap:.5rem}.user-management__modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.user-management__modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000004d;max-height:80vh;max-width:360px;width:90%}.user-management__modal-header{padding:1rem 1rem .5rem}.user-management__modal-header h3{color:var(--text-primary);font-size:1rem;margin:0}.user-management__modal-content{padding:.5rem 1rem}.user-management__modal-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 .25rem}.user-management__modal-warning{color:var(--error-text)!important;font-size:.85rem!important;font-weight:500;margin-top:.5rem!important}.user-management__modal-actions{display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem 1rem}@media (max-width:600px){.user-management__header{align-items:stretch;flex-direction:column;gap:1rem}.user-management__form-actions{flex-direction:column}.user-management__user-info{align-items:flex-start;flex-direction:column;gap:.5rem}.user-management__user-item{align-items:stretch;flex-direction:column}.user-management__user-actions{justify-content:flex-end;margin-top:.5rem}.user-management__modal-actions{flex-direction:column}}.project-list{padding:0}.project-list__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem}.project-list__header-left{align-items:center;display:flex;gap:1rem}.project-list__title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.project-list__count{background:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:.9rem;padding:.25rem .75rem}.project-list__header-right{display:flex;gap:.5rem}.project-list__error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;color:var(--error-text);font-size:.9rem;margin-bottom:1rem;padding:1rem}.project-list__loading{padding:3rem;text-align:center}.project-list__loading p{color:var(--text-secondary);margin-top:1rem}.project-list__empty{background:var(--bg-card);border:2px dashed var(--border-color);padding:3rem;text-align:center}.project-list__empty-content h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 1rem}.project-list__empty-content p{color:var(--text-secondary);font-size:.9rem;margin:0}.project-list__grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.project-list__card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.project-list__card:hover{border-color:var(--primary-color);box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.15);transform:translateY(-2px)}.project-list__card--selected{background:var(--bg-active);border-color:var(--primary-color);box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.2)}.project-list__card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.project-list__card-title h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.project-list__jid{background:var(--bg-secondary);border-radius:4px;color:var(--text-muted);font-family:Monaco,Consolas,monospace;font-size:.8rem;padding:.1rem .5rem}.project-list__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0 0 1rem;overflow:hidden}.project-list__info-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.project-list__info-item{align-items:flex-start;display:flex;gap:.5rem}.project-list__info-label{color:var(--text-muted);flex-shrink:0;font-size:.8rem;min-width:60px}.project-list__info-value{color:var(--text-secondary);flex:1 1;font-size:.8rem;word-break:break-all}.project-list__card-footer{align-items:flex-end;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;margin-top:auto;padding-top:1rem}.project-list__sessions{align-items:center;display:flex;gap:.5rem}.project-list__modules{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.project-list__modules-label{color:var(--text-muted);font-size:.8rem}.project-list__modules-list{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-end}@media (max-width:768px){.project-list__grid{grid-template-columns:1fr}.project-list__header{align-items:stretch;flex-direction:column;gap:1rem}.project-list__header-right{justify-content:space-between}.project-list__card{padding:1rem}.project-list__card-footer{align-items:stretch;flex-direction:column;gap:.75rem}.project-list__modules{align-items:flex-start}.project-list__modules-list{justify-content:flex-start}}@media (max-width:480px){.project-list__header-left{align-items:flex-start;flex-direction:column;gap:.5rem}.project-list__grid{gap:1rem;grid-template-columns:1fr}}.project-list__card-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem}.project-list__action-btn{font-size:.8rem;padding:.4rem .8rem}.attack-log-viewer{display:flex;flex-direction:column;gap:1rem;padding:1rem}.attack-log-viewer__header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:1rem}.attack-log-viewer__header-left{align-items:center;display:flex;gap:1rem}.attack-log-viewer__title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.attack-log-viewer__count{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);font-size:.875rem;padding:.25rem .5rem}.attack-log-viewer__loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.attack-log-viewer__spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:2rem;width:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.attack-log-viewer__empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.attack-log-viewer__empty-icon{font-size:3rem;margin-bottom:1rem}.attack-log-viewer__empty h4{color:var(--text-primary);margin:0 0 .5rem}.attack-log-viewer__empty p{font-size:.875rem;margin:0}.attack-log-viewer__list{display:flex;flex-direction:column;gap:.75rem}.attack-log-viewer__item{transition:all .2s ease}.attack-log-viewer__item--error{border-left:3px solid var(--danger-color)}.attack-log-viewer__item-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.attack-log-viewer__item-info{flex:1 1;min-width:0}.attack-log-viewer__item-command{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.attack-log-viewer__command-name{color:var(--text-primary);font-weight:600}.attack-log-viewer__item-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem}.attack-log-viewer__meta-item{align-items:center;display:flex;gap:.25rem}.attack-log-viewer__item-details{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.attack-log-viewer__detail-section{margin-bottom:1rem}.attack-log-viewer__detail-section:last-child{margin-bottom:0}.attack-log-viewer__detail-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.attack-log-viewer__detail-value{align-items:flex-start;display:flex;gap:.5rem}.attack-log-viewer__detail-value code{display:block;padding:.5rem;word-break:break-all}.attack-log-viewer__detail-value code,.attack-log-viewer__detail-value pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem}.attack-log-viewer__detail-value pre{margin:0;overflow-x:auto;padding:.75rem;white-space:pre-wrap;word-break:break-word}.attack-log-viewer__user-agent{font-size:.75rem;line-height:1.4}.attack-log-viewer__screenshot-section{margin-bottom:1rem}.attack-log-viewer__screenshot-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.attack-log-viewer__screenshot{border-radius:4px;box-shadow:0 2px 8px #0000001a;cursor:pointer;max-height:400px;max-width:100%;transition:transform .2s ease}.attack-log-viewer__screenshot:hover{transform:scale(1.02)}.attack-log-viewer__screenshot-info{border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem;margin-top:.75rem;padding-top:.75rem}.attack-log-viewer__screenshot-info span{align-items:center;display:flex;gap:.25rem}.attack-log-viewer__map-section{margin-bottom:1rem}.attack-log-viewer__map-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.attack-log-viewer__map-item{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;transition:background-color .2s ease}.attack-log-viewer__map-item:last-child{border-bottom:none}.attack-log-viewer__map-item:hover{background-color:#0000000d;background-color:var(--bg-hover,#0000000d)}.attack-log-viewer__map-key{background:#00000005;background:var(--bg-tertiary,#00000005);border-right:1px solid var(--border-color);color:var(--text-primary);flex:0 0 150px;font-size:.875rem;font-weight:500;padding:.75rem}.attack-log-viewer__map-value{align-items:flex-start;display:flex;flex:1 1;gap:.5rem;min-width:0;padding:.75rem}.attack-log-viewer__map-simple-value{color:var(--text-primary);flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.4;word-break:break-all}.attack-log-viewer__copy-btn{background:none;border:none;border-radius:4px;cursor:pointer;flex-shrink:0;font-size:.875rem;padding:.25rem;transition:background-color .2s ease}.attack-log-viewer__copy-btn:hover{background-color:#0000001a;background-color:var(--bg-hover,#0000001a)}.attack-log-viewer__cookies{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.attack-log-viewer__cookie-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;display:flex;font-size:.8rem;gap:.5rem;padding:.25rem .5rem}.attack-log-viewer__cookie-name{color:var(--primary-color);flex-shrink:0;font-weight:500;min-width:0}.attack-log-viewer__cookie-value{color:var(--text-secondary);flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;min-width:0;word-break:break-all}.attack-log-viewer__storage{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.attack-log-viewer__storage-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;display:flex;font-size:.8rem;gap:.5rem;padding:.25rem .5rem}.attack-log-viewer__storage-key{color:var(--success-color);flex-shrink:0;font-weight:500;min-width:0}.attack-log-viewer__storage-value{color:var(--text-secondary);flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;min-width:0;word-break:break-all}.attack-log-viewer__pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:.5rem;justify-content:center;padding:1rem 0}.attack-log-viewer__pagination-ellipsis{color:var(--text-secondary);padding:.5rem}@media (max-width:768px){.attack-log-viewer{padding:.5rem}.attack-log-viewer__item-header{align-items:stretch;flex-direction:column;gap:.75rem}.attack-log-viewer__item-meta{flex-direction:column;gap:.5rem}.attack-log-viewer__detail-value{align-items:stretch;flex-direction:column}}.attack-log-viewer__json-kv{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.attack-log-viewer__json-item{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;transition:background-color .2s ease}.attack-log-viewer__json-item:last-child{border-bottom:none}.attack-log-viewer__json-item:hover{background-color:#0000000d;background-color:var(--bg-hover,#0000000d)}.attack-log-viewer__json-key{background:#00000005;background:var(--bg-tertiary,#00000005);border-right:1px solid var(--border-color);color:var(--primary-color);flex:0 0 150px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:600;padding:.75rem}.attack-log-viewer__json-value{align-items:flex-start;display:flex;flex:1 1;gap:.5rem;min-width:0;padding:.75rem}.attack-log-viewer__json-text{color:var(--text-primary);font-size:.85rem;line-height:1.4}.attack-log-viewer__json-object,.attack-log-viewer__json-text{flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;word-break:break-all}.attack-log-viewer__json-object{background:#1a1a1a;border-radius:4px;color:#f0f0f0;font-size:.8rem;margin:0;max-height:200px;overflow-x:auto;overflow-y:auto;padding:.5rem;white-space:pre-wrap}.attack-log-viewer__copy-value-btn{flex-shrink:0;font-size:.75rem;padding:.25rem .5rem}.attack-log-viewer__json-actions{background:#00000005;background:var(--bg-tertiary,#00000005);border-top:1px solid var(--border-color);padding:.75rem;text-align:center}@media (max-width:768px){.attack-log-viewer__json-item{flex-direction:column}.attack-log-viewer__json-key{border-bottom:1px solid var(--border-color);border-right:none;flex:none}.attack-log-viewer__json-value{padding-top:.5rem}}.attack-log-viewer__fetchurls-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.attack-log-viewer__fetchurls-summary{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;font-size:.875rem;gap:1rem;padding:.75rem}.attack-log-viewer__fetchurls-item{background:var(--bg-card);border-bottom:1px solid var(--border-color)}.attack-log-viewer__fetchurls-item:last-child{border-bottom:none}.attack-log-viewer__fetchurls-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem;justify-content:space-between;padding:.75rem}.attack-log-viewer__fetchurls-url{background:#06b6d40d;border-bottom:1px solid var(--border-color);padding:.5rem .75rem}.attack-log-viewer__fetchurls-url code{color:var(--info-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;word-break:break-all}.attack-log-viewer__fetchurls-html{border-bottom:1px solid var(--border-color);padding:.75rem}.attack-log-viewer__html-preview{margin-top:.5rem}.attack-log-viewer__fetchurls-meta{background:var(--bg-tertiary);color:var(--text-muted);font-size:.75rem;padding:.5rem .75rem}@media (max-width:768px){.attack-log-viewer__fetchurls-header{align-items:stretch;flex-direction:column;gap:.5rem}}.command-panel{height:100%}.command-panel__form{display:flex;flex-direction:column;gap:var(--space-4)}.command-panel__target{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3)}.command-panel__target-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:var(--space-1)}.command-panel__target-value{font-size:.875rem}.command-panel__target-client{color:var(--primary-color);font-family:var(--font-mono);font-weight:500}.command-panel__target-all{color:var(--info-color);font-weight:500}.command-panel__code-input{display:flex;flex-direction:column;gap:var(--space-2)}.command-panel__label{color:var(--text-primary);font-size:.875rem;font-weight:500}.command-panel__textarea{background-color:#1a1a1a;border:1px solid var(--border-color);border-radius:var(--radius-md);color:#f0f0f0;font-family:var(--font-mono);font-size:.875rem;line-height:1.5;min-height:80px;padding:var(--space-3);resize:vertical;transition:border-color .15s ease-in-out;width:100%}.command-panel__textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.command-panel__textarea::placeholder{color:var(--text-muted)}.command-panel__code-examples{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.command-panel__examples-title{color:var(--text-secondary);font-size:.75rem;margin-right:var(--space-2)}.command-panel__example-btn{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.75rem;padding:var(--space-1) var(--space-2);transition:all .15s ease-in-out}.command-panel__example-btn:hover{background-color:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.command-panel__actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.command-panel__actions button{flex:1 1}.command-panel__mode-selector{margin-bottom:var(--space-3)}.command-panel__mode-tabs{background-color:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:4px;padding:4px}.command-panel__mode-tab{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-3);transition:all .15s ease-in-out}.command-panel__mode-tab.active{background-color:var(--bg-card);box-shadow:0 1px 3px #0000001a;color:var(--primary-color)}.command-panel__mode-tab:hover:not(.active){color:var(--text-primary)}.command-panel__module-info{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3)}.command-panel__module-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.command-panel__module-name{color:var(--text-primary);font-size:1rem;font-weight:600}.command-panel__risk-badge{border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;padding:2px 8px;text-transform:uppercase}.command-panel__risk-badge--低{background-color:#22c55e1a;background-color:var(--success-color-light,#22c55e1a);color:var(--success-color)}.command-panel__risk-badge--中{background-color:#f59e0b1a;background-color:var(--warning-color-light,#f59e0b1a);color:var(--warning-color)}.command-panel__risk-badge--高{background-color:#ef44441a;background-color:var(--danger-color-light,#ef44441a);color:var(--danger-color)}.command-panel__module-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.command-panel__module-examples{border-top:1px solid var(--border-color);margin-top:var(--space-3);padding-top:var(--space-3)}.command-panel__example{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:var(--space-2);padding:var(--space-2)}.command-panel__example:last-child{margin-bottom:0}.command-panel__example-title{color:var(--text-primary);font-size:.875rem;font-weight:500;margin-bottom:var(--space-1)}.command-panel__example-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin-bottom:var(--space-2)}.command-panel__module-params{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3)}.command-panel__params-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.command-panel__param-group{margin-bottom:var(--space-3)}.command-panel__param-group:last-child{margin-bottom:0}.command-panel__param-hint{color:var(--text-secondary);font-size:.75rem;font-style:italic;margin-top:var(--space-1)}@media (max-width:768px){.command-panel__actions{flex-direction:column}.command-panel__code-examples{align-items:flex-start;flex-direction:column}.command-panel__examples-title{margin-bottom:var(--space-1);margin-right:0}.command-panel__module-header{align-items:flex-start;flex-direction:column;gap:var(--space-1)}}.result-display{display:flex;flex-direction:column;height:100%}.result-display__empty{color:var(--text-secondary);padding:var(--space-8);text-align:center}.result-display__empty p{margin:var(--space-2) 0}.result-display__empty-hint{color:var(--text-muted);font-size:.875rem}.result-display__header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.result-display__stats{color:var(--text-secondary);font-size:.875rem}.result-display__actions{display:flex;gap:var(--space-2)}.result-display__list{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);max-height:calc(100vh - 200px);min-height:0;overflow-y:auto;padding:var(--space-1)}.result-display__list::-webkit-scrollbar{width:6px}.result-display__list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.result-display__list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.result-display__list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.result-item{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-shrink:0;min-height:auto;overflow:hidden;transition:box-shadow .15s ease-in-out}.result-item:hover{box-shadow:var(--shadow-sm)}.result-item__header{align-items:center;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-3) var(--space-4)}.result-item__meta{align-items:center;display:flex;gap:var(--space-3)}.result-item__client{color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;font-weight:500}.result-item__time{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem}.result-item__controls{display:flex;gap:var(--space-2)}.result-item__copy-btn,.result-item__expand-btn{align-items:center;background:var(--bg-card);border:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;justify-content:center;min-height:32px;min-width:32px;padding:var(--space-2);transition:all .15s ease-in-out}.result-item__copy-btn:hover,.result-item__expand-btn:hover{background-color:var(--bg-secondary);color:var(--primary-color)}.result-item__url{background-color:#06b6d40d;border-bottom:1px solid var(--border-color);flex-shrink:0;font-size:.75rem;padding:var(--space-2) var(--space-4)}.result-item__url-label{color:var(--text-secondary);margin-right:var(--space-2)}.result-item__url-value{color:var(--info-color);font-family:var(--font-mono);word-break:break-all}.result-item__content{flex-shrink:0;padding:var(--space-4)}.result-item__result-preview{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);min-height:2.5rem;padding:var(--space-3)}.result-item__result-full,.result-item__result-preview{font-family:var(--font-mono);font-size:.875rem;line-height:1.5;word-break:break-all}.result-item__result-full{background-color:#1a1a1a;border-radius:var(--radius-md);color:#f0f0f0;margin:0;max-height:300px;overflow-x:auto;overflow-y:auto;padding:var(--space-4);white-space:pre-wrap}.result-item__json-display{max-height:400px;overflow-y:auto}.result-item__json-kv{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.json-kv-item{border-bottom:1px solid var(--border-color);display:flex;transition:background-color .15s ease-in-out}.json-kv-item:last-child{border-bottom:none}.json-kv-item:hover{background-color:var(--bg-secondary)}.json-kv-key{background-color:var(--bg-card);border-right:1px solid var(--border-color);color:var(--primary-color);flex-shrink:0;font-family:var(--font-mono);font-weight:600;max-width:200px;min-width:120px;padding:var(--space-3);word-break:break-word}.json-kv-value{flex:1 1;min-width:0;padding:var(--space-3)}.json-kv-text{color:var(--text-primary);font-size:.875rem;line-height:1.4}.json-kv-object,.json-kv-text{font-family:var(--font-mono);word-break:break-all}.json-kv-object{background-color:#1a1a1a;border-radius:var(--radius-sm);color:#f0f0f0;font-size:.75rem;margin:0;max-height:150px;overflow-y:auto;padding:var(--space-2);white-space:pre-wrap}@media (max-width:768px){.result-display__header{align-items:stretch;flex-direction:column;gap:var(--space-2)}.result-display__actions{justify-content:center}.result-item__header{align-items:stretch;flex-direction:column;gap:var(--space-2)}.result-item__meta{justify-content:space-between}.result-item__controls{justify-content:center}.json-kv-item{flex-direction:column}.json-kv-key{border-bottom:1px solid var(--border-color);border-right:none;max-width:none;min-width:auto}.json-kv-value{padding-top:var(--space-2)}}.result-item__fetchurls{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3)}.fetchurls-summary{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.fetchurls-item{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:var(--space-3) 0;overflow:hidden}.fetchurls-item__header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;padding:var(--space-3)}.fetchurls-url{color:var(--info-color);font-family:var(--font-mono);font-size:.75rem;margin:0 var(--space-2);word-break:break-all}.fetchurls-item__html{border-bottom:1px solid var(--border-color);padding:var(--space-3)}.fetchurls-html-preview{background-color:#fafafa;border:1px solid var(--border-color);border-radius:var(--radius-sm);max-height:400px;overflow-y:auto}.fetchurls-item__meta{background-color:var(--bg-tertiary);color:var(--text-muted);font-size:.75rem;padding:var(--space-2) var(--space-3)}@media (max-width:768px){.fetchurls-item__header{align-items:stretch;flex-direction:column}.fetchurls-url{margin:var(--space-1) 0}}.session-detail{background:var(--bg-dark);color:var(--text-primary);min-height:100vh}.session-detail__header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:1.5rem 2rem}.session-detail__header-left{align-items:center;display:flex;gap:1rem}.session-detail__back-btn{flex-shrink:0}.session-detail__session-info{flex:1 1}.session-detail__title-row{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.session-detail__title{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0}.session-detail__meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:1rem}.session-detail__browser,.session-detail__ip{align-items:center;display:flex;gap:.5rem}.session-detail__info{padding:1.5rem 2rem}.session-detail__info-card{background:var(--bg-card)}.session-detail__info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.session-detail__info-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:.75rem 0}.session-detail__info-item:last-child{border-bottom:none}.session-detail__info-label{color:var(--text-secondary);font-weight:500}.session-detail__info-value{color:var(--text-primary);font-family:var(--font-mono)}.session-detail__tabs{padding:0 2rem 2rem}.session-detail__nav{border-bottom:1px solid var(--border-light);display:flex;gap:.5rem;margin-bottom:1.5rem}.session-detail__tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.session-detail__tab:hover{background:var(--bg-hover);color:var(--text-primary)}.session-detail__tab--active{background:var(--bg-card);border-bottom-color:var(--primary-color);color:var(--primary-color)}.session-detail__tab-icon{font-size:1rem}.session-detail__tab-text{font-weight:500}.session-detail__tab-content{background:var(--bg-card);border-radius:6px;overflow:hidden}.session-detail__control{padding:1.5rem}.session-detail__control-grid{margin-bottom:1.5rem}@media (max-width:768px){.session-detail__header{padding:1rem}.session-detail__header-left{align-items:flex-start;flex-direction:column;gap:.75rem}.session-detail__meta,.session-detail__title-row{align-items:flex-start;flex-direction:column;gap:.5rem}.session-detail__info{padding:1rem}.session-detail__info-grid{grid-template-columns:1fr}.session-detail__tabs{padding:0 1rem 1rem}.session-detail__nav{flex-wrap:wrap}.session-detail__tab{flex:1 1;justify-content:center;min-width:120px}}.session-list{display:flex;flex-direction:column;height:100%}.session-list__header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.session-list__stats{display:flex;gap:1rem}.session-list__stat-card{border:1px solid var(--border-color);border-radius:8px;min-width:120px;padding:1rem 1.5rem}.session-list__stat-card--total{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff}.session-list__stat-card--active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.session-list__stat-content{align-items:center;display:flex;flex-direction:column;gap:.25rem}.session-list__stat-label{font-size:.8rem;font-weight:500;opacity:.9}.session-list__stat-value{font-size:1.5rem;font-weight:700}.session-list__loading{color:var(--text-secondary);padding:3rem;text-align:center}.session-list__error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;color:var(--error-text);font-size:.9rem;margin-bottom:1rem;padding:1rem}.session-list__empty{background:var(--bg-card);border:2px dashed var(--border-color);padding:3rem;text-align:center}.session-list__empty-content h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 1rem}.session-list__empty-content p{color:var(--text-secondary);font-size:.9rem;margin:0}.session-list__table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex:1 1;max-height:600px;overflow:auto;width:100%}.session-list__table-container::-webkit-scrollbar{height:8px;width:8px}.session-list__table-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.session-list__table-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.session-list__table-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.session-list__table-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.session-list__table-body{min-width:-webkit-max-content;min-width:max-content;overflow:visible}.session-list__table-row{grid-gap:.75rem;align-items:center;border-bottom:1px solid var(--border-color);display:grid;gap:.75rem;grid-template-columns:160px 120px 250px 100px 70px 100px 100px 60px 80px;min-width:1040px;padding:.75rem 1rem;transition:all .2s ease}.session-list__table-row:hover{background:var(--bg-hover)}.session-list__table-row--selected{background:var(--bg-active);border-color:var(--primary-color)}.session-list__table-row--header{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:var(--text-primary);cursor:default;font-weight:600}.session-list__table-row--header:hover{background:var(--bg-secondary)}.session-list__table-row:not(.session-list__table-row--header){cursor:pointer}.session-list__table-row--clickable:hover{background:var(--bg-hover);box-shadow:0 2px 4px #0000001a;transform:translateX(2px)}.session-list__cell{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;min-width:0}.session-list__cell--count,.session-list__cell--jid,.session-list__cell--status{justify-content:center}.session-list__cell--ip,.session-list__cell--url{align-items:center;justify-content:flex-start}.session-list__table-row--header{align-items:center}.session-list__table-row--header .session-list__cell{align-items:center;color:var(--text-primary);font-size:.8rem;font-weight:600;justify-content:center;letter-spacing:.5px;text-transform:uppercase}.session-list__table-row--header .session-list__cell--ip,.session-list__table-row--header .session-list__cell--url{justify-content:flex-start}.session-list__ip{font-family:Monaco,Consolas,monospace;font-size:.8rem}.session-list__browser{align-items:center;display:flex;gap:.5rem}.session-list__browser-icon{font-size:1rem}.session-list__browser-name{font-size:.8rem;font-weight:500}.session-list__url{color:var(--primary-color);display:inline-block;font-family:Monaco,Consolas,monospace;font-size:.75rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;overflow-wrap:break-word;text-decoration:none;white-space:normal;width:100%;word-break:break-all}.session-list__group{color:var(--text-secondary);font-size:.8rem}.session-list__notes{color:var(--text-muted);font-size:.8rem}.session-list__time{color:var(--text-muted);font-family:Monaco,Consolas,monospace;font-size:.75rem}.session-list__cookie-btn{font-size:.7rem!important;padding:.2rem .5rem!important}.session-list__event-type{font-size:.8rem;font-weight:500}.session-list__cell--actions{flex:0 0 80px;justify-content:center}.session-list__logs-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:1rem;padding:1rem 0}.session-list__logs-header h3{color:var(--text-primary);margin:0}@media (max-width:1200px){.session-list__table-row{gap:.75rem;grid-template-columns:150px 120px 1fr 100px 70px 100px 100px 60px 80px;min-width:880px;padding:.5rem .75rem}.session-list__cell{font-size:.8rem}}@media (max-width:768px){.session-list__stats{flex-direction:column;gap:.75rem}.session-list__stat-card{min-width:auto;padding:.75rem 1rem}.session-list__table-container{overflow-x:auto}.session-list__table-row{grid-template-columns:180px 140px 1fr 120px 80px 120px 120px 80px 80px;min-width:1000px}}.project-detail{background:var(--bg-dark);display:flex;flex-direction:column;height:100%}.project-detail__empty{background:var(--bg-card);border:2px dashed var(--border-color);border-radius:12px;margin:2rem auto;max-width:500px;padding:4rem 2rem;text-align:center}.project-detail__empty-content h3{color:var(--text-primary);font-size:1.3rem;margin:0 0 1rem}.project-detail__empty-content p{color:var(--text-secondary);font-size:.95rem;margin:0}.project-detail__header{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.project-detail__header-left{display:flex;flex:1 1;flex-direction:column;gap:1rem}.project-detail__back-btn{align-self:flex-start}.project-detail__title-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.project-detail__title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.project-detail__jid{background:var(--bg-secondary);border-radius:6px;color:var(--text-muted);font-family:Monaco,Consolas,monospace;font-size:.9rem;padding:.25rem .75rem}.project-detail__description{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin:.5rem 0 0}.project-detail__actions{display:flex;gap:.5rem}.project-detail__meta{grid-gap:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem;padding:1rem}.project-detail__meta-item{align-items:flex-start;display:flex;gap:.5rem}.project-detail__meta-label{color:var(--text-muted);flex-shrink:0;font-size:.85rem;font-weight:500;min-width:80px}.project-detail__meta-value{color:var(--text-secondary);flex:1 1;font-size:.85rem;word-break:break-all}.project-detail__meta-link{color:var(--primary-color);text-decoration:none}.project-detail__meta-link:hover{text-decoration:underline}.project-detail__modules{display:flex;flex-wrap:wrap;gap:.5rem}.project-detail__tabs{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.project-detail__nav{background:var(--bg-card);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0;display:flex;overflow-x:auto}.project-detail__tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:1rem 1.5rem;transition:all .2s ease;white-space:nowrap}.project-detail__tab:hover{background:var(--bg-hover);color:var(--text-primary)}.project-detail__tab--active{background:var(--bg-active);border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:500}.project-detail__tab-icon{font-size:1rem}.project-detail__tab-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:0 0 8px 8px;border-top:none;flex:1 1;overflow:hidden;padding:1.5rem}.project-detail__stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-detail__stat-card{padding:1.5rem}.project-detail__stat-card h4{color:var(--text-primary);font-size:1rem;margin:0 0 1rem}.project-detail__stat-items{display:flex;flex-direction:column;gap:.75rem}.project-detail__stat-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem 0}.project-detail__stat-item:last-child{border-bottom:none}.project-detail__stat-item span{color:var(--text-secondary);font-size:.9rem}.project-detail__browser-stats{display:flex;flex-direction:column;gap:.5rem}.project-detail__browser-item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.project-detail__browser-name{color:var(--text-secondary);font-size:.9rem}.project-detail__stats-loading{padding:3rem;text-align:center}.project-detail__payload{display:flex;flex-direction:column;gap:1.5rem}.project-detail__payload-header{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.project-detail__payload-header h4{font-size:1.125rem;font-weight:600}.project-detail__payload-sections{display:flex;flex-direction:column;gap:2rem}.project-detail__payload-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.project-detail__section-title{color:var(--primary-color);font-size:1.1rem;font-weight:700;line-height:1.4;margin:0 0 1.5rem}.project-detail__section-payloads{display:flex;flex-direction:column;gap:1rem}.project-detail__payload-item{display:flex;flex-direction:column;gap:.5rem}.project-detail__payload-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-bottom:.25rem}.project-detail__payload-code-wrapper{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:1rem}.project-detail__payload-code{background:#0000;color:var(--text-primary);flex:1 1;font-family:var(--font-mono);font-size:.85rem;padding:0}.project-detail__copy-btn{flex-shrink:0}.project-detail__payload-warning{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-sm);color:var(--danger-color);font-size:.85rem;font-weight:500;line-height:1.4;margin-top:.5rem;padding:.75rem}.project-detail__section-note{background:#f59e0b1a;background:var(--warning-color-light,#f59e0b1a);border:1px solid #f59e0b4d;border:1px solid var(--warning-color-light,#f59e0b4d);border-radius:var(--radius-md);color:var(--warning-color);font-size:.875rem;font-weight:500;margin-top:1rem;padding:1rem}.project-detail__payload-empty{color:var(--text-secondary);font-style:italic;padding:3rem;text-align:center}.project-detail__payload-card{padding:1.5rem}.project-detail__payload-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.project-detail__payload-header h4{color:var(--text-primary);font-size:1rem;margin:0}.project-detail__payload-actions{display:flex;gap:.5rem}.project-detail__payload-loading{color:var(--text-secondary);padding:3rem;text-align:center}.project-detail__payload-content{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.project-detail__payload-code{background:#1a1a1a;color:#f0f0f0;font-family:Monaco,Consolas,monospace;font-size:.9rem;line-height:1.5;margin:0;max-height:400px;overflow-x:auto;overflow-y:auto;padding:1rem;white-space:pre-wrap;word-break:break-all}.project-detail__settings-card{padding:1.5rem}.project-detail__settings-card h4{color:var(--text-primary);font-size:1rem;margin:0 0 1.5rem}.project-detail__settings-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.project-detail__setting-item{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;padding:.75rem 0}.project-detail__setting-item:last-child{border-bottom:none}.project-detail__setting-label{color:var(--text-muted);flex-shrink:0;font-size:.85rem;font-weight:500;min-width:80px}.project-detail__setting-value{color:var(--text-secondary);flex:1 1;font-size:.85rem;word-break:break-all}.project-detail__settings-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;justify-content:center;padding-top:1rem}.project-detail__edit-form{display:flex;flex-direction:column;gap:1rem}.project-detail__form-group{display:flex;flex-direction:column;gap:.5rem}.project-detail__label{color:var(--text-primary);font-size:.9rem;font-weight:500}.project-detail__textarea{resize:vertical}.project-detail__select,.project-detail__textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;padding:.75rem;width:100%}.project-detail__form-actions{border-top:1px solid var(--border-color);display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem}@media (max-width:768px){.project-detail__header{align-items:stretch;flex-direction:column;gap:1rem}.project-detail__header-right{align-self:flex-end}.project-detail__title-row{align-items:flex-start;flex-direction:column;gap:.5rem}.project-detail__meta{gap:.5rem;grid-template-columns:1fr}.project-detail__tab-content{padding:1rem}.project-detail__settings-grid,.project-detail__stats-grid{grid-template-columns:1fr}}.project-form{margin:0 auto;max-width:800px;padding:1rem}.project-form__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem}.project-form__header{margin-bottom:2rem;text-align:center}.project-form__title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.project-form__error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;color:var(--error-text);font-size:.9rem;margin-bottom:1.5rem;padding:1rem}.project-form__form{display:flex;flex-direction:column;gap:2rem}.project-form__section{display:flex;flex-direction:column;gap:1rem}.project-form__section-title{border-bottom:2px solid var(--primary-color);color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0;padding-bottom:.5rem}.project-form__section-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.project-form__row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.project-form__field{display:flex;flex-direction:column;gap:.5rem}.project-form__label{color:var(--text-primary);font-size:.9rem;font-weight:500}.project-form__textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:.9rem;min-height:80px;padding:.75rem;resize:vertical;width:100%}.project-form__textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1);outline:none}.project-form__select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:.75rem;width:100%}.project-form__select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1);outline:none}.project-form__modules{display:flex;flex-direction:column;gap:1.5rem}.project-form__module-category{display:flex;flex-direction:column;gap:1rem}.project-form__category-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1rem;font-weight:500;margin:0;padding:.5rem 0}.project-form__module-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-form__module-wrapper{display:flex;flex-direction:column;gap:.5rem}.project-form__module-item{align-items:flex-start;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.project-form__module-item:hover{background:var(--bg-hover);border-color:var(--primary-color)}.project-form__module-item--selected{background:var(--bg-active);border-color:var(--primary-color);box-shadow:0 0 0 1px rgba(var(--primary-color-rgb),.1)}.project-form__module-checkbox{accent-color:var(--primary-color);cursor:pointer;height:18px;margin:0;width:18px}.project-form__module-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.project-form__module-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.project-form__module-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.3}.project-form__actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:center;margin-top:1rem;padding-top:1rem}@media (max-width:768px){.project-form{padding:.5rem}.project-form__card{padding:1.5rem}.project-form__module-grid,.project-form__row{grid-template-columns:1fr}.project-form__actions{flex-direction:column}}@media (max-width:480px){.project-form__card{padding:1rem}.project-form__module-item{padding:.75rem}}.project-form__module-config-wrapper{margin-left:1.75rem;margin-top:.75rem}.project-form__module-config{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.project-form__module-config h5{border-bottom:1px solid var(--border-color);font-size:.875rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.project-form__config-row label{display:block;font-size:.875rem;margin-bottom:.25rem}.project-form__config-row input,.project-form__config-row select,.project-form__config-row textarea{background:var(--bg-primary);border-radius:var(--radius-sm);font-size:.875rem}.project-form__config-row textarea{font-family:var(--font-mono)}.project-form__param-hint{color:var(--text-secondary);font-size:.75rem;font-style:italic;margin-top:.25rem}.project-form__examples{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.project-form__examples-title{color:var(--text-secondary);font-size:.75rem;margin-bottom:.5rem}.project-form__example-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.75rem;margin-bottom:.25rem;margin-right:.5rem;padding:.25rem .5rem;transition:all .15s ease}.project-form__example-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color);border-radius:6px;color:var(--primary-color);padding:1rem}.project-form__module-config h5{color:var(--text-primary);font-size:.9rem;font-weight:500;margin:0 0 .75rem}.project-form__config-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.project-form__config-row:last-child{margin-bottom:0}.project-form__config-row label{color:var(--text-primary);font-size:.8rem;font-weight:500}.project-form__config-row input,.project-form__config-row select,.project-form__config-row textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:.8rem;padding:.5rem;width:100%}.project-form__config-row textarea{font-family:Monaco,Consolas,monospace;resize:vertical}.project-form__config-row input:focus,.project-form__config-row select:focus,.project-form__config-row textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px rgba(var(--primary-color-rgb),.1);outline:none}.password-change{max-width:500px}.password-change__header{margin-bottom:24px}.password-change__header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 8px}.password-change__subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.password-change__form{gap:20px}.password-change__field,.password-change__form{display:flex;flex-direction:column}.password-change__label{color:var(--text-primary);font-size:.875rem;font-weight:500;margin-bottom:6px}.password-change__error{color:var(--color-danger);font-size:.75rem;margin-top:4px}.password-change__actions{margin-top:8px}.password-change__submit{width:100%}.password-change__tips{border-top:1px solid var(--border-light);margin-top:24px;padding-top:20px}.password-change__tips h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 12px}.password-change__tips ul{color:var(--text-secondary);font-size:.75rem;line-height:1.5;margin:0;padding-left:20px}.password-change__tips li{margin-bottom:4px}.password-change__tips li:last-child{margin-bottom:0}.user-profile{margin:0 auto;max-width:800px;padding:1.5rem}.user-profile__header{margin-bottom:2rem;text-align:center}.user-profile__title{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.user-profile__subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.user-profile__tabs{display:flex;flex-direction:column;gap:1.5rem}.user-profile__nav{border-bottom:1px solid var(--border-color);display:flex;gap:.5rem}.user-profile__tab{align-items:center;background:none;border:none;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.user-profile__tab:hover{background:var(--bg-hover);color:var(--text-primary)}.user-profile__tab--active{background:var(--bg-card);border-bottom:2px solid var(--primary-color);color:var(--primary-color)}.user-profile__tab-icon{font-size:1rem}.user-profile__tab-content{min-height:400px}.user-profile__info-card{padding:1.5rem}.user-profile__info-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.user-profile__info-header h3{color:var(--text-primary);font-size:1.25rem;margin:0}.user-profile__loading{color:var(--text-secondary);padding:2rem;text-align:center}.user-profile__info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.user-profile__info-item{display:flex;flex-direction:column;gap:.5rem}.user-profile__info-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.user-profile__info-value{color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1rem}.user-profile__error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;color:var(--error-text);padding:2rem;text-align:center}@media (max-width:768px){.user-profile{padding:1rem}.user-profile__info-grid{gap:1rem;grid-template-columns:1fr}.user-profile__nav{flex-direction:column}.user-profile__tab{border-radius:8px;justify-content:center}.user-profile__tab--active{border-bottom:none;border-left:3px solid var(--primary-color)}}.project-dashboard{background:var(--bg-dark);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh}.project-dashboard__header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:100}.project-dashboard__header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 1.5rem}.project-dashboard__header-left{display:flex;flex-direction:column;gap:.25rem}.project-dashboard__title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.project-dashboard__subtitle{color:var(--text-secondary);font-size:.85rem;margin:0}.project-dashboard__header-right{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.project-dashboard__user-info{align-items:center;display:flex;gap:.5rem}.project-dashboard__welcome{color:var(--text-secondary);font-size:.9rem}.project-dashboard__connection-status{align-items:center;display:flex;gap:.5rem}.project-dashboard__connection-label{color:var(--text-muted);font-size:.8rem}.project-dashboard__nav{background:var(--bg-secondary);border-top:1px solid var(--border-color)}.project-dashboard__nav-tabs{display:flex;margin:0 auto;max-width:1400px;overflow-x:auto;padding:0 1.5rem}.project-dashboard__nav-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;position:relative;transition:all .2s ease;white-space:nowrap}.project-dashboard__nav-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.project-dashboard__nav-tab--active{background:var(--bg-active);border-bottom-color:var(--primary-color);color:var(--primary-color)}.project-dashboard__nav-tab-icon{font-size:1rem}.project-dashboard__nav-tab-text{font-size:.9rem;font-weight:500}.project-dashboard__tab-content{animation:fadeIn .2s ease-in;height:100%}.project-dashboard__main{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1400px;padding:0 1.5rem;width:100%}.project-dashboard__content{flex:1 1;padding:1.5rem 0}.project-dashboard__modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.project-dashboard__modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 40px #0000004d;max-width:400px;width:90%}.project-dashboard__modal-header{padding:1.5rem 1.5rem 0}.project-dashboard__modal-header h3{color:var(--text-primary);font-size:1.1rem;margin:0}.project-dashboard__modal-content{padding:1rem 1.5rem}.project-dashboard__modal-content p{color:var(--text-secondary);font-size:.9rem;margin:0 0 .5rem}.project-dashboard__modal-warning{color:var(--error-text)!important;font-size:.85rem!important;font-weight:500}.project-dashboard__modal-actions{display:flex;gap:.5rem;justify-content:flex-end;padding:0 1.5rem 1.5rem}.project-dashboard__footer{background:var(--bg-card);border-top:1px solid var(--border-color);margin-top:auto}.project-dashboard__footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 1.5rem}.project-dashboard__footer-text{color:var(--text-muted);font-size:.8rem}@media (max-width:768px){.project-dashboard__header-content{align-items:stretch;flex-direction:column;gap:1rem}.project-dashboard__header-right{justify-content:space-between}.project-dashboard__nav-tabs{padding:0 1rem}.project-dashboard__nav-tab{padding:.75rem}.project-dashboard__nav-tab-text{display:none}.project-dashboard__main{padding:0 1rem}.project-dashboard__footer-content{flex-direction:column;gap:.5rem;text-align:center}.project-dashboard__modal-actions{flex-direction:column}}.admin-dashboard{background:var(--bg-dark);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh}.admin-dashboard__header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-dashboard__header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 1.5rem}.admin-dashboard__header-left{display:flex;flex-direction:column;gap:.25rem}.admin-dashboard__title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.admin-dashboard__subtitle{color:var(--text-secondary);font-size:.85rem;margin:0}.admin-dashboard__header-right{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.admin-dashboard__user-info{align-items:center;display:flex;gap:.5rem}.admin-dashboard__welcome{color:var(--text-secondary);font-size:.9rem}.admin-dashboard__connection-status{align-items:center;display:flex;gap:.5rem}.admin-dashboard__connection-label{color:var(--text-muted);font-size:.8rem}.admin-dashboard__selected-client{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:.5rem;padding:.5rem}.admin-dashboard__selected-label{color:var(--text-muted);font-size:.8rem}.admin-dashboard__nav{background:var(--bg-secondary);border-top:1px solid var(--border-color)}.admin-dashboard__nav-tabs{display:flex;margin:0 auto;max-width:1400px;overflow-x:auto;padding:0 1.5rem}.admin-dashboard__nav-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;position:relative;transition:all .2s ease;white-space:nowrap}.admin-dashboard__nav-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-dashboard__nav-tab--active{background:var(--bg-active);border-bottom-color:var(--primary-color);color:var(--primary-color)}.admin-dashboard__nav-tab-icon{font-size:1rem}.admin-dashboard__nav-tab-text{font-size:.9rem;font-weight:500}.admin-dashboard__nav-tab-badge{margin-left:.25rem}.admin-dashboard__main{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1400px;padding:0 1.5rem;width:100%}.admin-dashboard__content{flex:1 1;padding:1.5rem 0}.admin-dashboard__tab-content{animation:fadeIn .2s ease-in;height:100%}.admin-dashboard__footer{background:var(--bg-card);border-top:1px solid var(--border-color);margin-top:auto}.admin-dashboard__footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 1.5rem}.admin-dashboard__footer-text{color:var(--text-muted);font-size:.8rem}@media (max-width:768px){.admin-dashboard__header-content{align-items:stretch;flex-direction:column;gap:1rem}.admin-dashboard__header-right{justify-content:space-between}.admin-dashboard__nav-tabs{padding:0 1rem}.admin-dashboard__nav-tab{padding:.75rem}.admin-dashboard__nav-tab-text{display:none}.admin-dashboard__main{padding:0 1rem}.admin-dashboard__footer-content{flex-direction:column;gap:.5rem;text-align:center}}.client-list{display:flex;flex-direction:column;height:100%}.client-list__loading{display:flex;justify-content:center;padding:var(--space-8)}.client-list__header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.client-list__stats{color:var(--text-secondary);font-size:.875rem}.client-list__empty{color:var(--text-secondary);padding:var(--space-8);text-align:center}.client-list__empty p{margin:var(--space-2) 0}.client-list__empty-hint{color:var(--text-muted);font-size:.875rem}.client-list__grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:400px;overflow-y:auto}.client-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-4);transition:all .15s ease-in-out}.client-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.client-card--selected{border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb33}.client-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.client-card__id{color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;font-weight:600}.client-card__badges,.client-card__info{display:flex;gap:var(--space-2)}.client-card__info{flex-direction:column}.client-card__info-item{align-items:center;display:flex;font-size:.75rem;justify-content:space-between}.client-card__label{color:var(--text-secondary);font-weight:500}.client-card__value{color:var(--text-primary);font-family:var(--font-mono);max-width:60%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.client-card__user-agent{border-top:1px solid var(--border-color);margin-top:var(--space-3);padding-top:var(--space-3)}.client-card__user-agent .client-card__label{display:block;margin-bottom:var(--space-1)}.client-card__user-agent .client-card__value{color:var(--text-secondary);display:block;font-size:.75rem;line-height:1.4;max-width:100%}.user-dashboard{background:var(--bg-dark);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh}.user-dashboard__header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:100}.user-dashboard__header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 1.5rem}.user-dashboard__header-left{display:flex;flex-direction:column;gap:.25rem}.user-dashboard__title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.user-dashboard__subtitle{color:var(--text-secondary);font-size:.85rem;margin:0}.user-dashboard__header-right{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.user-dashboard__user-info{align-items:center;display:flex;gap:.5rem}.user-dashboard__welcome{color:var(--text-secondary);font-size:.9rem}.user-dashboard__connection-status{align-items:center;display:flex;gap:.5rem}.user-dashboard__connection-label{color:var(--text-muted);font-size:.8rem}.user-dashboard__nav{background:var(--bg-secondary);border-top:1px solid var(--border-color)}.user-dashboard__nav-tabs{display:flex;margin:0 auto;max-width:1400px;overflow-x:auto;padding:0 1.5rem}.user-dashboard__nav-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;position:relative;transition:all .2s ease;white-space:nowrap}.user-dashboard__nav-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.user-dashboard__nav-tab--active{background:var(--bg-active);border-bottom-color:var(--primary-color);color:var(--primary-color)}.user-dashboard__nav-tab-icon{font-size:1rem}.user-dashboard__nav-tab-text{font-size:.9rem;font-weight:500}.user-dashboard__main{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1400px;padding:0 1.5rem;width:100%}.user-dashboard__content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;padding:1.5rem 0}.user-dashboard__tab-content{animation:fadeIn .2s ease-in;height:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-dashboard__info-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.user-dashboard__info-card h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.user-dashboard__info-card ul{list-style:none;margin:0 0 1rem;padding:0}.user-dashboard__info-card li{color:var(--text-secondary);font-size:.9rem;padding:.25rem 0}.user-dashboard__info-note{background:var(--bg-secondary);border-left:3px solid var(--primary-color);border-radius:4px;color:var(--text-muted);font-size:.8rem;font-style:italic;margin:0;padding:.75rem}.user-dashboard__client-section{display:flex;flex:1 1;flex-direction:column}.user-dashboard__section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.user-dashboard__section-title{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0}.user-dashboard__client-list{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex:1 1;overflow:hidden}.user-dashboard__footer{background:var(--bg-card);border-top:1px solid var(--border-color);margin-top:auto}.user-dashboard__footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 1.5rem}.user-dashboard__footer-text{color:var(--text-muted);font-size:.8rem}@media (max-width:768px){.user-dashboard__header-content{align-items:stretch;flex-direction:column;gap:1rem}.user-dashboard__header-right{justify-content:space-between}.user-dashboard__nav-tabs{padding:0 1rem}.user-dashboard__nav-tab{padding:.75rem}.user-dashboard__nav-tab-text{display:none}.user-dashboard__main{padding:0 1rem}.user-dashboard__section-header{align-items:stretch;flex-direction:column;gap:.5rem}.user-dashboard__footer-content{flex-direction:column;gap:.5rem;text-align:center}}.app{background-color:var(--bg-secondary);display:flex;flex-direction:column;min-height:100vh}.app__header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.app__header-content{align-items:flex-start;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:var(--space-6) var(--space-6) 0}.app__header-left{flex:1 1}.app__title{align-items:center;color:var(--text-primary);display:flex;font-size:1.875rem;font-weight:700;gap:var(--space-3);margin:0 0 var(--space-2) 0}.app__subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.app__header-right{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-3)}.app__connection-status,.app__selected-client{align-items:center;display:flex;font-size:.875rem;gap:var(--space-2)}.app__connection-label,.app__selected-label{color:var(--text-secondary);font-weight:500}.app__selected-client{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.app__nav{margin:0 auto;max-width:1400px;padding:0 var(--space-6)}.app__nav-tabs{display:flex;gap:var(--space-1);margin-top:var(--space-6)}.app__nav-tab{align-items:center;background:none;border:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--space-2);padding:var(--space-3) var(--space-4);position:relative;transition:all .15s ease-in-out}.app__nav-tab:hover:not(.app__nav-tab--active){background-color:var(--bg-tertiary);color:var(--text-primary)}.app__nav-tab--active{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);border:1px solid var(--border-color);border-bottom-color:var(--bg-secondary);color:var(--primary-color);margin-bottom:-1px}.app__nav-tab-icon{font-size:1rem}.app__nav-tab-badge{margin-left:var(--space-1)}.app__main{margin:0 auto;max-width:1400px;padding:var(--space-6);width:100%}.app__content,.app__main{display:flex;flex:1 1;flex-direction:column;min-height:0}.app__tab-content{animation:fadeIn .3s ease-out;display:flex;flex:1 1;min-height:0;overflow:hidden}.app__footer{background-color:var(--bg-card);border-top:1px solid var(--border-color);margin-top:auto}.app__footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:var(--space-4) var(--space-6)}.app__footer-text{color:var(--text-muted);font-size:.875rem}.app__footer-left .app__footer-text{color:var(--warning-color);font-weight:500}@media (max-width:1024px){.app__header-content{padding:var(--space-4) var(--space-4) 0}.app__main{padding:var(--space-4)}.app__nav{padding:0 var(--space-4)}.app__footer-content{padding:var(--space-4)}}@media (max-width:768px){.app__header-content{align-items:stretch;flex-direction:column;gap:var(--space-4)}.app__header-right{align-items:stretch}.app__title{font-size:1.5rem}.app__nav-tabs{flex-wrap:wrap}.app__nav-tab{flex:1 1;justify-content:center;min-width:120px}.app__nav-tab-text{display:none}.app__nav-tab-icon{font-size:1.25rem}.app__footer-content{flex-direction:column;gap:var(--space-2);text-align:center}}@media (max-width:480px){.app__footer-content,.app__header-content,.app__main,.app__nav{padding-left:var(--space-3);padding-right:var(--space-3)}.app__title{font-size:1.25rem}.app__nav-tab{min-width:80px;padding:var(--space-2) var(--space-3)}}