:root{--color-primary-dark: #5f7be9;--color-primary: #785997;--gradient-primary: linear-gradient( 135deg, var(--color-primary-dark) 0%, var(--color-primary) 100% );--color-text-primary: #100e0e;--color-text-secondary: #999;--color-text-white: white;--color-text-white-muted: rgba(255, 255, 255, .8);--color-bg-white: white;--color-bg-white-transparent: rgba(255, 255, 255, .95);--color-bg-disabled: #f5f5f5;--color-bg-black: #000;--color-bg-error: #fee;--color-border-light: #e0e0e0;--color-border-white-light: rgba(255, 255, 255, .3);--color-border-white-medium: rgba(255, 255, 255, .6);--color-border-subtle: rgba(0, 0, 0, .05);--color-border-error: #fcc;--color-border-focus: var(--color-primary);--color-error: #c33;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .1);--shadow-md: 0 8px 32px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .2);--shadow-primary: 0 4px 12px rgba(118, 75, 162, .3);--shadow-primary-light: 0 0 0 3px rgba(118, 75, 162, .1);--shadow-white: 0 4px 12px rgba(255, 255, 255, .3);--shadow-white-light: 0 0 0 3px rgba(255, 255, 255, .2);--shadow-text: 0 2px 10px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.App .container{width:100%;max-width:420px}.App h1{color:var(--color-text-white);text-align:center;margin-bottom:2rem;font-size:2.5rem;font-weight:600;text-shadow:var(--shadow-text)}.App .card{background:var(--color-bg-white-transparent);border-radius:16px;padding:2.5rem;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.App .error-message{background-color:var(--color-bg-error);color:var(--color-error);padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid var(--color-border-error);font-size:.9rem}.App form{display:flex;flex-direction:column;gap:1.5rem}.App .form-group{display:flex;flex-direction:column;gap:.5rem}.App .form-group label{color:var(--color-text-primary);font-weight:500;font-size:.95rem}.App .form-group input{padding:.875rem 1rem;border:2px solid var(--color-border-light);border-radius:8px;font-size:1rem;transition:all .2s ease;background-color:var(--color-bg-white);color:var(--color-text-primary)}.App .form-group input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-primary-light)}.App .form-group input:disabled{background-color:var(--color-bg-disabled);cursor:not-allowed;opacity:.6}.App .form-group input::placeholder{color:var(--color-text-secondary)}.App .btn{padding:.875rem 1.5rem;background:var(--gradient-primary);color:var(--color-text-white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.App .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary)}.App .btn:active:not(:disabled){transform:translateY(0)}.App .btn:disabled{opacity:.6;cursor:not-allowed}.App .login-card{background:var(--gradient-primary)!important;color:var(--color-text-white)}.App .login-card h1,.App .login-card .form-group label{color:var(--color-text-white)!important}.App .login-card .form-group input{background-color:var(--color-bg-white-transparent);border-color:var(--color-border-white-light)}.App .login-card .form-group input:focus{border-color:var(--color-border-white-medium);box-shadow:var(--shadow-white-light)}.App .login-card .btn{background:var(--color-bg-white)!important;color:var(--color-primary)!important}.App .login-card .btn:hover:not(:disabled){background:var(--color-bg-white-transparent)!important;box-shadow:var(--shadow-lg)}.slideshow-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-black);margin:0;padding:0;overflow:hidden;-webkit-user-select:none;user-select:none;position:relative;touch-action:none;cursor:none}.slideshow-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slideshow-image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;opacity:1;transform:translate(0)}.slideshow-image.active{opacity:1;transform:translate(0) scale(1);z-index:1}.slideshow-image.entering{opacity:1;transform:translate(0) scale(.95);z-index:1;animation:growIn .6s ease-in-out forwards}.slideshow-image.exiting.exiting-left{z-index:2;animation:slideOutToLeft .6s ease-in forwards}.slideshow-image.exiting.exiting-right{z-index:2;animation:slideOutToRight .6s ease-in forwards}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes growIn{0%{transform:translate(0) scale(.95)}to{transform:translate(0) scale(1)}}.home-container{min-height:100vh;display:flex;flex-direction:column}.home-main{flex:1;padding:2rem 1.5rem 6rem;max-width:1400px;margin:0 auto;width:100%}@media(max-width:768px){.home-main{padding:1.5rem 1rem 5.5rem}}.header{position:sticky;top:0;z-index:100;background:var(--gradient-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border-subtle)}.header-content{max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-title-link{text-decoration:none;color:inherit;transition:opacity .2s ease}.header-title-link:hover{opacity:.8}.header-title{font-size:1.5rem;font-weight:600;color:var(--color-text-white);margin:0;white-space:nowrap}.header-nav{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center}.header-hamburger{display:none;flex-direction:column;justify-content:center;width:28px;height:28px;background:transparent;border:none;cursor:pointer;padding:0;z-index:101;gap:5px;position:relative}.header-hamburger-line{width:100%;height:3px;background-color:var(--color-text-white);border-radius:2px;transition:all .3s ease;transform-origin:center}.header-hamburger-line.open:nth-child(1){transform:rotate(45deg) translateY(8px)}.header-hamburger-line.open:nth-child(2){opacity:0;transform:translate(-10px)}.header-hamburger-line.open:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.header-nav-link{color:var(--color-text-white);text-decoration:none;font-size:.95rem;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease;white-space:nowrap}.header-nav-link:hover{background:#ffffff1a;transform:translateY(-1px)}.header-nav-link:active{transform:translateY(0)}.header-nav-link.active{background:#fff3;font-weight:600;box-shadow:0 2px 4px #0000001a}.header-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.header-user{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.header-user-label{font-size:.75rem;color:var(--color-text-white-muted);text-transform:uppercase;letter-spacing:.5px}.header-user-name{font-size:.9rem;font-weight:500;color:var(--color-text-white);display:flex;align-items:center;gap:.5rem}.header-connection-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0;transition:background-color .2s ease}.header-connection-dot.connected{background-color:#22c55e;box-shadow:0 0 4px #22c55e99}.header-connection-dot.disconnected{background-color:#ef4444;box-shadow:0 0 4px #ef444499}.header-logout-btn{padding:.625rem 1.25rem;background:var(--color-bg-white);color:var(--color-primary);border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.header-logout-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-white);background:var(--color-bg-white-transparent)}.header-logout-btn:active{transform:translateY(0)}@media(max-width:768px){.header-content{padding:.5rem .75rem;flex-wrap:nowrap;position:relative}.header-hamburger{display:flex;order:1}.header-title-link{order:2;flex:0 0 auto;min-width:0;overflow:hidden}.header-title{font-size:1.1rem;flex:0 0 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.header-nav{position:absolute;top:100%;left:0;right:0;background:var(--gradient-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;align-items:stretch;gap:0;padding:.5rem 0;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border-subtle);max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease;flex:none;justify-content:flex-start}.header-nav.mobile-open{max-height:300px;opacity:1;padding:.5rem 0}.header-nav-link{font-size:.9rem;padding:.75rem 1.5rem;width:100%;text-align:left;border-radius:0;display:block}.header-nav-link:hover{background:#ffffff26;transform:none}.header-nav-link.active{background:#ffffff40;font-weight:600}.header-right{flex:1;justify-content:flex-end;gap:.5rem;min-width:0;order:3}.header-user{flex-direction:row;align-items:center;gap:.375rem;min-width:0;flex:0 1 auto}.header-user-label{display:none}.header-user-name{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px;gap:.375rem}.header-connection-dot{width:7px;height:7px}.header-logout-btn{padding:.4rem .75rem;font-size:.8rem;flex-shrink:0}}@media(max-width:480px){.header-content{padding:.5rem .625rem;gap:.5rem}.header-title{font-size:1rem}.header-nav-link{font-size:.85rem;padding:.7rem 1.25rem}.header-user-name{font-size:.75rem;max-width:80px;gap:.25rem}.header-connection-dot{width:6px;height:6px}.header-logout-btn{padding:.375rem .625rem;font-size:.75rem}}.grid-upload-placeholder{width:100%;aspect-ratio:1;border-radius:8px;border:2px dashed var(--color-border-light);background:var(--color-bg-disabled);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.grid-upload-placeholder:hover{border-color:var(--color-primary);background:var(--color-bg-white-transparent);transform:scale(1.02)}.grid-upload-placeholder:active{transform:scale(.98)}.upload-placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.grid-upload-placeholder:hover .upload-placeholder-content{color:var(--color-primary)}.upload-icon{width:2.5rem;height:2.5rem;stroke-width:2.5}.upload-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-border-subtle);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;width:100%}.sortable-image-container{position:relative;overflow:visible}.grid-image{width:100%;height:100%;object-fit:cover;aspect-ratio:1;border-radius:8px;cursor:grab;transition:transform .2s ease;-webkit-user-select:none;user-select:none}@media(max-width:768px){.grid-image{cursor:default;touch-action:auto}}.grid-image:active{cursor:grabbing}.grid-image:hover,.sortable-image-container:hover .grid-image{transform:scale(1.02)}.grid-image-current{box-shadow:0 0 20px #76599799,0 0 40px #76599766,0 0 60px #76599733,var(--shadow-primary-light);border:2px solid var(--color-primary);position:relative;z-index:1}.grid-image-select-button,.grid-image-delete-button{position:absolute;width:32px;height:32px;border-radius:50%;background:#0009;border:2px solid rgba(255,255,255,.8);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;padding:0;line-height:1;transform-origin:center}@media(max-width:768px){.grid-image-select-button,.grid-image-delete-button,.grid-image-drag-handle{opacity:0;pointer-events:none;transition:opacity .2s ease}.sortable-image-container.active .grid-image-select-button,.sortable-image-container.active .grid-image-delete-button,.sortable-image-container.active .grid-image-drag-handle{opacity:1;pointer-events:auto}}@media(hover:hover)and (pointer:fine){.grid-image-select-button,.grid-image-delete-button{opacity:0;pointer-events:none}.sortable-image-container:hover .grid-image-select-button,.sortable-image-container:hover .grid-image-delete-button{opacity:1;pointer-events:auto}}@media(hover:none)and (pointer:coarse){.grid-image-select-button,.grid-image-delete-button,.grid-image-drag-handle{opacity:0;pointer-events:none;transition:opacity .2s ease}.sortable-image-container.active .grid-image-select-button,.sortable-image-container.active .grid-image-delete-button,.sortable-image-container.active .grid-image-drag-handle{opacity:1;pointer-events:auto}}.grid-image-select-button{top:8px;right:8px}.grid-image-delete-button{top:8px;left:8px}.grid-image-select-button svg,.grid-image-delete-button svg{width:16px;height:16px;flex-shrink:0}.grid-image-select-button:hover{background:#765997e6;border-color:var(--color-primary);transform:scale(1.1)}.grid-image-delete-button:hover{background:#cc3333e6;border-color:#fff;transform:scale(1.1)}.grid-image-select-button:active,.grid-image-delete-button:active{transform:scale(.95)}.grid-image-drag-handle{position:absolute;bottom:8px;left:8px;width:36px;height:36px;border-radius:50%;background:#000000b3;border:2px solid rgba(255,255,255,.9);color:#fff;display:flex;align-items:center;justify-content:center;cursor:grab;z-index:10;touch-action:none;transition:all .2s ease;padding:0}.grid-image-drag-handle:active{cursor:grabbing;background:#765997e6;border-color:var(--color-primary);transform:scale(.95)}.grid-image-drag-handle svg{width:20px;height:20px;flex-shrink:0}@media(hover:hover)and (pointer:fine){.grid-image-drag-handle{display:none}}@media(max-width:768px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}}@media(max-width:480px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}}.home-footer{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--gradient-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 10px #0000001a;border-top:1px solid var(--color-border-subtle)}.footer-content{max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.footer-btn{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffffe6;color:var(--color-primary);font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 8px #00000026;line-height:1;text-align:center;font-family:inherit}.footer-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003;background:var(--color-bg-white);border-color:#ffffff80}.footer-btn:active:not(:disabled){transform:translateY(0)}.footer-btn:disabled{opacity:.5;cursor:not-allowed}.footer-btn-play{width:56px;height:56px;font-size:1.5rem}.footer-btn-svg{width:1.25rem;height:1.25rem;display:block}.footer-btn-play .footer-btn-svg{width:1.5rem;height:1.5rem}.footer-btn-shuffle.active{background:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary)}.footer-btn-shuffle.active:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.footer-speed-selector{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:24px;border:2px solid rgba(255,255,255,.3);background:#ffffffe6;box-shadow:0 2px 8px #00000026;transition:all .2s ease}.footer-speed-selector:hover{box-shadow:0 4px 12px #0003;background:var(--color-bg-white);border-color:#ffffff80}.footer-speed-icon{width:1.25rem;height:1.25rem;color:var(--color-primary);flex-shrink:0}.footer-speed-select{border:none;background:transparent;color:var(--color-primary);font-size:.875rem;font-weight:600;cursor:pointer;outline:none;font-family:inherit;padding:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:1.25rem;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='%234F46E5' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.footer-speed-select:disabled{opacity:.5;cursor:not-allowed}.footer-speed-select option{background:var(--color-bg-white);color:var(--color-text-primary)}@media(max-width:768px){.footer-content{padding:.75rem 1rem;gap:.75rem}.footer-btn{width:44px;height:44px;font-size:1.1rem}.footer-btn-play{width:52px;height:52px;font-size:1.35rem}.footer-speed-selector{padding:.4rem .6rem;gap:.4rem}.footer-speed-icon{width:1.1rem;height:1.1rem}.footer-speed-select{font-size:.8rem}}@media(max-width:480px){.footer-content{padding:.625rem .75rem;gap:.5rem}.footer-btn{width:40px;height:40px;font-size:1rem}.footer-btn-play{width:48px;height:48px;font-size:1.2rem}.footer-speed-selector{padding:.35rem .5rem;gap:.3rem}.footer-speed-icon{width:1rem;height:1rem}.footer-speed-select{font-size:.75rem;padding-right:1rem;background-size:10px 10px}}.settings-container{min-height:100vh;display:flex;flex-direction:column}.settings-main{flex:1;padding:2rem 1.5rem 6rem;max-width:1400px;margin:0 auto;width:100%}.settings-content{background:var(--color-bg-white);border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm)}.settings-title{font-size:2rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.settings-placeholder{color:var(--color-text-secondary);font-size:1rem;margin:0}.settings-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border-light)}.settings-label{display:block;font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.settings-speed-control{display:flex;flex-direction:column;gap:1rem}.settings-speed-options{display:flex;flex-wrap:wrap;gap:.75rem}.settings-speed-option{padding:.75rem 1.5rem;border:2px solid var(--color-border-light);border-radius:8px;background:var(--color-bg-white);color:var(--color-text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.settings-speed-option:hover{border-color:var(--color-primary);background:#7659970d;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.settings-speed-option.active{background:var(--color-primary);color:var(--color-text-white);border-color:var(--color-primary);box-shadow:var(--shadow-primary)}.settings-speed-option.active:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.settings-speed-display{display:flex;align-items:baseline;gap:.5rem}.settings-speed-value{font-size:1.5rem;font-weight:600;color:var(--color-primary)}.settings-speed-label{font-size:.9rem;color:var(--color-text-secondary)}.settings-random-order-control{display:flex;flex-direction:column;gap:.75rem}.settings-toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.settings-toggle-wrapper{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.settings-toggle-input{position:absolute;width:48px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-border-light);border-radius:12px;outline:none;transition:background-color .2s ease;cursor:pointer;margin:0;padding:0}.settings-toggle-input:checked{background-color:var(--color-primary)}.settings-toggle-input:disabled{opacity:.6;cursor:not-allowed}.settings-toggle-slider{position:absolute;width:20px;height:20px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 2px 4px #0003;pointer-events:none}.settings-toggle-input:checked~.settings-toggle-slider{transform:translate(24px)}.settings-toggle-text{font-size:1rem;font-weight:500;color:var(--color-text-primary)}.settings-toggle-description{font-size:.9rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.settings-version-info{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:.75rem}.settings-version-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.settings-version-label{color:var(--color-text-secondary);font-weight:500;min-width:60px}.settings-version-value{color:var(--color-text-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;background-color:var(--color-bg-disabled);padding:.25rem .5rem;border-radius:4px;font-size:.8125rem}.settings-user-form{display:flex;flex-direction:column;gap:1.5rem;max-width:500px}.settings-form-error{background-color:var(--color-bg-error);color:var(--color-error);padding:.75rem 1rem;border-radius:8px;border:1px solid var(--color-border-error);font-size:.9rem}.settings-form-success{background-color:#d4edda;color:#155724;padding:.75rem 1rem;border-radius:8px;border:1px solid #c3e6cb;font-size:.9rem}.settings-form-group{display:flex;flex-direction:column;gap:.5rem}.settings-form-group label{color:var(--color-text-primary);font-weight:500;font-size:.95rem}.settings-form-group input{padding:.875rem 1rem;border:2px solid var(--color-border-light);border-radius:8px;font-size:1rem;transition:all .2s ease;background-color:var(--color-bg-white);color:var(--color-text-primary);font-family:inherit}.settings-form-group input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-primary-light)}.settings-form-group input:disabled{background-color:var(--color-bg-disabled);cursor:not-allowed;opacity:.6}.settings-form-group input::placeholder{color:var(--color-text-secondary)}.settings-form-submit{padding:.875rem 1.5rem;background:var(--gradient-primary);color:var(--color-text-white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;align-self:flex-start}.settings-form-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary)}.settings-form-submit:active:not(:disabled){transform:translateY(0)}.settings-form-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.settings-main{padding:1.5rem 1rem 5.5rem}.settings-content{padding:1.5rem}.settings-title{font-size:1.5rem}.settings-speed-options{gap:.5rem}.settings-speed-option{padding:.625rem 1.25rem;font-size:.9rem;flex:1 1 calc(50% - .25rem);min-width:0}}.settings-invites-list{display:flex;flex-direction:column;gap:.75rem}.settings-invite-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid var(--color-border-light);border-radius:8px;background-color:var(--color-bg-white);transition:all .2s ease;gap:1rem}.settings-invite-item:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-sm)}.settings-invite-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.settings-invite-email{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.settings-invite-status{display:flex;align-items:center;gap:.5rem}.settings-invite-status-pending{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;background-color:#fff3cd;color:#856404}.settings-invite-status-expired{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;background-color:#f8d7da;color:#721c24}.settings-invite-status-used{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;background-color:#d4edda;color:#155724}.settings-invite-date{font-size:.8rem;color:var(--color-text-secondary);margin-top:.25rem}.settings-invite-resend-btn{padding:.5rem 1rem;background:var(--gradient-primary);color:var(--color-text-white);border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.settings-invite-resend-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary)}.settings-invite-resend-btn:active:not(:disabled){transform:translateY(0)}.settings-invite-resend-btn:disabled{opacity:.6;cursor:not-allowed}.settings-invite-actions{display:flex;gap:.5rem;align-items:center}.settings-invite-cancel-btn{padding:.5rem 1rem;background:#dc3545;color:var(--color-text-white);border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.settings-invite-cancel-btn:hover:not(:disabled){background:#c82333;transform:translateY(-2px);box-shadow:0 4px 8px #dc35454d}.settings-invite-cancel-btn:active:not(:disabled){transform:translateY(0)}.settings-invite-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.settings-users-list{display:flex;flex-direction:column;gap:.75rem}.settings-user-item{padding:1rem;border:1px solid var(--color-border-light);border-radius:8px;background-color:var(--color-bg-white);transition:all .2s ease}.settings-user-item:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-sm)}.settings-user-info{display:flex;flex-direction:column;gap:.25rem}.settings-user-name{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.settings-user-email{font-size:.9rem;color:var(--color-text-secondary)}.settings-user-date{font-size:.8rem;color:var(--color-text-secondary);margin-top:.25rem}@media(max-width:480px){.settings-speed-option{padding:.5rem 1rem;font-size:.85rem;flex:1 1 100%}}