@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{background-color:#f7f9fb;color:var(--black);font-family:Inter,system-ui,sans-serif;line-height:1.6;margin:0;padding:0}.content-wrapper{background-color:#f0f2f5;display:flex;justify-content:center;min-height:100vh;padding:2rem}.content{background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;max-width:800px;padding:2rem 3rem;transition:all .3s ease;width:100%}h1{color:#222;font-size:2.5rem;font-weight:600;margin-bottom:2rem;text-align:center}h2{font-size:1.75rem;font-weight:500;margin-bottom:1.5rem}p{color:#333;font-size:1.05rem}button{border:none;border-radius:8px;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .2s ease}button:hover{transform:translateY(-2px)}button.connect{background-color:#1e1e1e;color:#fff}button.connect:hover{background-color:#333}.container.vehicle{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000000d;margin-bottom:2rem;padding:1.5rem}.error{background-color:#ffecec;border:1px solid #f5c6cb;border-radius:8px;color:#d8000c;margin-top:1.5rem;padding:1rem}*,:after,:before{transition:all .2s ease-in-out}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.log-out{background:#f44336;border:none;border-radius:8px;color:#fff;font-weight:500;padding:.6rem 1rem}.log-out:hover{background-color:#d32f2f}.welcome-card{background-color:#eaf4ff;border-left:5px solid #007bff;border-radius:12px;box-shadow:0 2px 10px #007bff1a;margin-bottom:2rem;padding:1.25rem 1.5rem;text-align:center}.button-group{align-items:center;flex-direction:column;margin-top:2rem}.button-group button{max-width:320px;width:70%}.pulse-loader-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px}.pulse-loader{animation:pulse-core 1.5s ease-in-out infinite alternate;background-color:var(--accent);border-radius:50%;height:48px;position:relative;width:48px}.pulse-loader:after{animation:pulse-ring 1.5s cubic-bezier(.215,.61,.355,1) infinite;border:2px solid var(--accent);border-radius:50%;content:"";inset:-12px;position:absolute}.pulse-loader-text{animation:pulse-opacity 1.5s ease-in-out infinite alternate;color:var(--text-2);font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}@keyframes pulse-core{0%{box-shadow:0 0 10px var(--accent);transform:scale(.8)}to{box-shadow:0 0 20px var(--accent);transform:scale(1)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}@keyframes pulse-opacity{0%{opacity:.5}to{opacity:1}}.bento-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1100px;width:100%}.bento-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;padding:24px;transition:transform .2s ease,border-color .2s ease}.bento-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.bento-header{gap:12px;margin-bottom:16px}.bento-header,.bento-icon{align-items:center;display:flex}.bento-icon{background:var(--elevated);border-radius:10px;color:var(--accent);font-size:20px;height:40px;justify-content:center;width:40px}.bento-title{color:var(--text-1);font-size:16px;font-weight:600;margin:0}.bento-desc{color:var(--text-3);flex-grow:1;font-size:13px;margin-bottom:24px}.bento-actions{display:flex;flex-direction:column;gap:10px}.bento-primary{background:linear-gradient(145deg,var(--surface),var(--elevated));border:1px solid var(--accent-dim);grid-column:1/-1}*,:after,:before{box-sizing:border-box}:root{--bg:#0d0f14;--surface:#13161d;--elevated:#1a1e28;--border:#ffffff12;--accent:#4f8ef7;--accent-dim:#4f8ef720;--green:#34d399;--red:#f87171;--text-1:#f1f5f9;--text-2:#94a3b8;--text-3:#475569;--radius:10px;--font:"Inter",system-ui,sans-serif}.auth-split-container{background:#0d0f14;background:var(--bg);display:flex;min-height:100vh;width:100vw}.auth-hero{background:linear-gradient(135deg,#0d0f14d9,#13161df2),url(https://images.unsplash.com/photo-1660606822471-eb101a8ba59d?q=80&w=2000&auto=format&fit=crop) 50%/cover no-repeat;border-right:1px solid #ffffff12;border-right:1px solid var(--border);color:#f1f5f9;color:var(--text-1);display:flex;flex:1.2 1;flex-direction:column;justify-content:space-between;padding:60px;position:relative}.auth-hero-branding{align-items:center;color:#4f8ef7;color:var(--accent);display:flex;font-size:20px;font-weight:700;gap:12px;letter-spacing:.1em;text-transform:uppercase}.auth-hero-text h1{color:#fff;font-size:3.2rem;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:20px}.auth-hero-text p{color:#94a3b8;color:var(--text-2);font-size:1.1rem;line-height:1.6;max-width:520px}.auth-form-side{align-items:center;background:#0d0f14;background:var(--bg);display:flex;flex:1 1;justify-content:center;padding:40px;position:relative}@media (max-width:900px){.auth-split-container{flex-direction:column}.auth-hero{display:none}.auth-form-side{min-height:100vh;padding:24px}}.auth-box{animation:fade-in .3s ease forwards;background:#13161d;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 64px #00000080;max-width:420px;padding:32px;width:100%}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:28px;text-align:center}.auth-brand{color:#4f8ef7;color:var(--accent);font-size:14px;font-weight:700;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.auth-title{color:#f1f5f9;color:var(--text-1);font-size:24px;font-weight:600}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;position:relative}.field label{color:#94a3b8;color:var(--text-2);font-size:12px;font-weight:500}.field input,.field select{background:#1a1e28;background:var(--elevated);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:8px;color:#f1f5f9;color:var(--text-1);font-family:Inter,system-ui,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:11px 14px;transition:border-color .15s;width:100%}.field input:focus,.field select:focus{border-color:#4f8ef7;border-color:var(--accent)}.field input::placeholder{color:#475569;color:var(--text-3)}.field select option{background:#1a1e28;background:var(--elevated)}.field select[multiple]{min-height:100px;padding:8px}.field select[multiple] option{border-radius:4px;margin-bottom:2px;padding:8px 12px}.field select[multiple] option:checked{background-color:#4f8ef720;background-color:var(--accent-dim);color:#4f8ef7;color:var(--accent)}.password-toggle{align-items:center;background:none;border:none;color:#475569;color:var(--text-3);cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:12px;top:36px;transition:color .15s}.password-toggle:hover{color:#f1f5f9;color:var(--text-1)}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:11px 16px;transition:all .15s;width:100%}.btn-primary{background:#4f8ef7;background:var(--accent);color:#fff;margin-top:8px}.btn-primary:hover:not(:disabled){background:#3d7ef6}.btn-ghost{background:#1a1e28;background:var(--elevated);border:1px solid #ffffff12;border:1px solid var(--border);color:#94a3b8;color:var(--text-2)}.btn-ghost:hover:not(:disabled){border-color:#ffffff26;color:#f1f5f9;color:var(--text-1)}.btn-danger{background:#f871711a;border:1px solid #f8717133;color:#f87171;color:var(--red)}.btn-danger:hover:not(:disabled){background:#f8717133}.btn:disabled{cursor:not-allowed;opacity:.5}.auth-actions{display:flex;justify-content:flex-end;margin-bottom:16px;margin-top:-8px}.link-btn{background:none;border:none;color:#94a3b8;color:var(--text-2);cursor:pointer;font-size:12px;padding:0;transition:color .15s}.link-btn:hover{color:#4f8ef7;color:var(--accent);text-decoration:underline}.auth-footer{color:#94a3b8;color:var(--text-2);display:flex;flex-direction:column;font-size:13px;gap:12px;margin-top:24px;text-align:center}.adm-error{background:#f871711a;border:1px solid #f8717140;border-radius:8px;color:#f87171;color:var(--red)}.adm-error,.adm-success{animation:slide-down .2s ease-out;font-size:13px;margin-bottom:20px;padding:10px 14px}.adm-success{background:#34d3991a;border:1px solid #34d39940;border-radius:8px;color:#34d399;color:var(--green)}@keyframes slide-down{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.modal-box{background:#1a1e28;background:var(--elevated);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 64px #00000080;max-width:450px;padding:28px;width:100%}.modal-box h3{color:#f1f5f9;color:var(--text-1);font-size:18px;font-weight:600;margin-bottom:8px}.modal-box p{color:#94a3b8;color:var(--text-2);font-size:13px;line-height:1.5;margin-bottom:20px}.modal-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:24px}.dashboard-layout{background:#0d0f14;background:var(--bg);color:#f1f5f9;color:var(--text-1);font-family:Inter,system-ui,sans-serif;font-family:var(--font);min-height:100vh;padding:40px 24px}.dashboard-header-modern{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin:0 auto 40px;max-width:1000px;padding-bottom:20px}.dashboard-header-modern h1{color:#f1f5f9;color:var(--text-1);font-size:24px;font-weight:600;margin:0}.dashboard-content-modern{margin:0 auto;max-width:1000px}.dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:24px}.welcome-card-modern{background:#13161d;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;margin-bottom:32px;padding:24px}.welcome-card-modern h2{color:#f1f5f9;color:var(--text-1);font-size:20px;margin-bottom:8px}.welcome-card-modern p{color:#94a3b8;color:var(--text-2);font-size:14px;margin:0}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:24px;z-index:9999}.toast{align-items:center;animation:slideInRight .3s cubic-bezier(.175,.885,.32,1.275) forwards;background:#1a1e28;background:var(--elevated);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 40px #00000080;color:#f1f5f9;color:var(--text-1);display:flex;font-size:14px;font-weight:500;gap:12px;min-width:300px;padding:16px 20px}.toast.success{border-left:4px solid #34d399;border-left:4px solid var(--green)}.toast.error{border-left:4px solid #f87171;border-left:4px solid var(--red)}@keyframes slideInRight{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}:root{--primary-color:#007bff;--primary-color-hover:#0056b3;--error-color:#d32f2f;--success-color:#2e7d32;--background:#fff;--text-color:#333;--font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.flexibility-form{background-color:#fff;background-color:var(--background);border-radius:12px;box-shadow:0 4px 14px #0000001a;color:#333;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-family);margin:2rem auto;max-width:480px;padding:2rem 2.5rem}.flexibility-form h2{font-size:1.9rem;margin-bottom:1.8rem;text-align:center}.flexibility-form form{display:flex;flex-direction:column}.flexibility-form label{align-items:center;color:#444;display:flex;font-weight:600;gap:6px;margin-bottom:.4rem}.flexibility-form input,.flexibility-form select{border:1.5px solid #ccc;border-radius:8px;font-size:1rem;margin-bottom:1.25rem;padding:.75rem 1rem;transition:border-color .3s ease}.flexibility-form input:focus,.flexibility-form select:focus{border-color:#007bff;border-color:var(--primary-color);outline:none}.flexibility-form input[type=range]{margin-bottom:1.75rem;padding:0}.flexibility-form button{background-color:#007bff;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.8rem 1.4rem;transition:background-color .3s ease}.flexibility-form button:disabled{background-color:#999;cursor:not-allowed}.flexibility-form button:hover:not(:disabled){background-color:#0056b3;background-color:var(--primary-color-hover)}.button-group{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.error{color:#d32f2f;color:var(--error-color)}.error,.success{font-weight:600;margin-bottom:1rem;text-align:center}.success{color:#2e7d32;color:var(--success-color)}.tooltip-icon{border:1px solid #999;border-radius:50%;color:#555;cursor:help;display:inline-block;font-size:.85em;font-weight:700;padding:0 6px;position:relative;-webkit-user-select:none;user-select:none}.tooltip-icon:focus .tooltip-text,.tooltip-icon:hover .tooltip-text{opacity:1;visibility:visible}.tooltip-text{word-wrap:break-word;background-color:#333;border-radius:5px;box-sizing:border-box;color:#fff;font-size:.85em;left:110%;max-width:180px;opacity:0;padding:6px 10px;position:absolute;text-align:left;top:-5px;transition:opacity .3s ease;visibility:hidden;white-space:normal;z-index:1}.my-assets{color:var(--text-1);font-family:var(--font);margin:0 auto;max-width:1000px}.assets-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.assets-header h2{color:var(--text-1);font-size:24px;font-weight:600;margin:0}.count-badge{background:var(--accent-dim);border:1px solid #4f8ef74d;border-radius:20px;color:var(--accent);font-size:13px;font-weight:600;padding:4px 12px}.asset-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:32px}.asset-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,border-color .2s}.asset-card:hover{border-color:#ffffff26;transform:translateY(-4px)}.card-header{background-color:var(--elevated);border-bottom:1px solid var(--border);padding:16px 20px}.header-top{align-items:center;display:flex;justify-content:space-between}.header-top h3{color:var(--text-1);font-size:16px;font-weight:600;margin:0}.type-badge{background-color:#ffffff0d;border:1px solid var(--border);border-radius:6px;color:var(--text-2);font-size:11px;font-weight:600;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.card-body{flex-grow:1;padding:20px}.data-row{align-items:baseline;border-bottom:1px dashed #ffffff0d;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.data-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.data-label{color:var(--text-3);font-size:12px;font-weight:600;text-transform:uppercase}.data-value{color:var(--text-1);font-size:13px;font-weight:500;max-width:60%;text-align:right;word-break:break-word}.vin-wrapper{align-items:center;display:inline-flex;gap:6px}.vin-value{color:var(--text-2);font-family:Courier New,monospace;font-size:12px;letter-spacing:.03em}.vin-tooltip-anchor{align-items:center;cursor:help;display:inline-flex;font-size:12px;position:relative;z-index:1}.vin-tooltip{background-color:var(--elevated);border:1px solid var(--border);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 10px 30px #00000080;color:var(--text-1);font-size:12px;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;right:0;text-align:left;transform:translateY(4px);transition:all .2s ease;visibility:hidden;white-space:normal;width:220px}.vin-tooltip-anchor:focus-within .vin-tooltip,.vin-tooltip-anchor:hover .vin-tooltip{opacity:1;transform:translateY(0);visibility:visible}.card-footer{background-color:var(--bg);border-top:1px solid var(--border);padding:16px 20px}.unlink-button{background-color:#f871710d;border:1px solid #f8717133;border-radius:8px;color:var(--red);cursor:pointer;font-size:13px;font-weight:500;padding:10px;transition:all .2s;width:100%}.unlink-button:hover:not(:disabled){background-color:#f8717126}.unlink-button:disabled{cursor:not-allowed;opacity:.5}.empty-state,.loading-state{background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text-3);font-size:14px;padding:48px 20px;text-align:center}.text-muted{color:var(--text-3);font-style:italic}.calendar-container{color:var(--text-1);font-family:var(--font);margin:0 auto;max-width:1200px;padding:24px}.calendar-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.calendar-header h2{color:var(--text-1);font-size:24px;font-weight:600;margin:0}.calendar-header-actions{display:flex;gap:12px}.calendar-grid{background:var(--surface);overflow:hidden}.calendar-grid,.calendar-navigation{border:1px solid var(--border);border-radius:12px}.calendar-navigation{align-items:center;background-color:var(--surface);display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.nav-controls{align-items:center;display:flex;gap:8px}.current-range{color:var(--text-1);font-size:16px;font-weight:600}.view-controls{display:flex;gap:8px}.events-list{padding:20px}.event-item{background-color:var(--elevated);border:1px solid var(--border);border-radius:8px;cursor:pointer;margin-bottom:12px;padding:12px 16px;transition:all .2s}.event-item:hover{border-color:#fff3;box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.event-time{color:var(--text-2);font-size:13px;font-weight:500;margin-bottom:6px}.event-title{color:var(--text-1);font-size:15px}.event-soc,.event-title{font-weight:600;margin-bottom:6px}.event-soc{color:var(--green);font-size:13px}.event-building{color:var(--text-3);font-size:13px;margin-bottom:6px}.event-mode{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;margin-bottom:8px;margin-right:8px;padding:4px 8px}.mode-flex_base{border-left:4px solid var(--accent)}.mode-manual{border-left:4px solid var(--red)}.mode-forecast{border-left:4px solid var(--green)}.multi-day-badge{color:var(--accent);display:inline-block;font-size:13px;font-weight:700;margin-left:6px;vertical-align:middle}.month-view{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.week-days{background-color:var(--elevated);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(7,1fr)}.week-day-header{color:var(--text-2);font-size:13px;font-weight:600;letter-spacing:.05em;padding:12px;text-align:center;text-transform:uppercase}.week-row{border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(7,1fr)}.week-row:last-child{border-bottom:none}.day-cell{border-right:1px solid var(--border);min-height:120px;padding:8px;position:relative}.day-cell:last-child{border-right:none}.day-cell.other-month{background-color:#ffffff05;color:var(--text-3)}.day-number{color:var(--text-2);font-size:13px;font-weight:600;margin-bottom:8px}.day-cell.current-month .day-number{color:var(--text-1)}.week-view{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.week-header{background-color:var(--elevated);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(7,1fr)}.day-header{border-right:1px solid var(--border);padding:12px;text-align:center}.day-header:last-child{border-right:none}.day-name{color:var(--text-2);font-size:13px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.day-date{color:var(--text-1);font-size:18px;font-weight:600}.week-body{display:grid;grid-template-columns:repeat(7,1fr);min-height:500px}.day-column{border-right:1px solid var(--border);padding:8px;position:relative}.day-column:last-child{border-right:none}.month-view .event-item,.week-view .event-item{background-color:var(--elevated);border-radius:6px;border-width:0 0 0 3px;margin-bottom:6px;padding:6px 8px}.month-view .event-item .event-time,.week-view .event-item .event-time{font-size:11px;margin-bottom:2px}.month-view .event-item .event-title,.week-view .event-item .event-title{font-size:12px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-view .event-item .event-soc,.week-view .event-item .event-soc{font-size:11px;margin-bottom:0}.past-event-notice{background-color:#fbbf241a;border:1px solid #fbbf2440;border-radius:8px;color:var(--amber);font-size:13px;margin-bottom:20px;padding:12px 16px}.past-event-description{background-color:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-2);font-size:13px;line-height:1.55;margin:0;padding:12px 14px;white-space:pre-wrap;word-break:break-word}.recurrence-warning{align-items:flex-start;background-color:#fbbf240d;border:1px solid #fbbf2433;border-left:4px solid var(--amber);border-radius:8px;color:var(--text-2);display:flex;font-size:13px;gap:10px;line-height:1.5;margin-bottom:16px;padding:12px 16px}.recurrence-warning__icon{font-size:16px;line-height:1.5}.soc-slider-container{align-items:center;display:flex;gap:16px}.soc-slider-container input[type=range]{flex:1 1}.soc-slider-container input[type=number]{width:80px}@media (max-width:768px){.calendar-header{align-items:flex-start}.calendar-header,.calendar-navigation{flex-direction:column;gap:16px}}.integration-view{background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--text-1);margin:0 auto;max-width:600px;padding:24px;width:100%}.integration-view h2{font-size:22px;font-weight:600;margin-bottom:8px}.integration-subtitle{color:var(--text-3);font-size:14px;line-height:1.5;margin-bottom:24px}.integration-steps{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0 0 24px;padding:0}.integration-step{align-items:center;background:var(--elevated);border:1px solid var(--border);border-radius:10px;display:flex;gap:12px;padding:12px 16px}.step-icon{font-size:18px}.step-label{color:var(--text-1);font-size:14px;font-weight:500}.privacy-callout{align-items:flex-start;background:#34d3990d;border:1px solid #34d39933;border-radius:10px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.privacy-icon{font-size:20px}.privacy-text{color:var(--text-2);font-size:12.5px;line-height:1.5}.privacy-text strong{color:var(--text-1);display:block;margin-bottom:4px}.device-selection__header{margin-bottom:20px}.device-selection__title{font-size:18px;font-weight:600;margin-bottom:6px}.device-selection__subtitle{color:var(--text-3);font-size:13px}.device-selection__controls{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:12px}.device-selection__count{color:var(--text-2);font-weight:500}.device-selection__toggle-all{background:none;border:none;color:var(--accent);cursor:pointer;font-weight:500;padding:0}.device-selection__toggle-all:hover{text-decoration:underline}.device-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 24px;max-height:300px;overflow-y:auto;padding:0}.device-item{align-items:center;background:var(--elevated);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;gap:16px;outline:none;padding:14px 16px;transition:all .2s ease}.device-item:focus,.device-item:hover{border-color:#fff3}.device-item--selected{background:var(--accent-dim);border-color:var(--accent)}.device-item__checkbox{align-items:center;border:2px solid var(--text-3);border-radius:6px;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.device-item__checkbox--checked{background:var(--accent);border-color:var(--accent)}.device-item__checkmark{color:#fff;font-size:12px;font-weight:700}.device-item__info{display:flex;flex-direction:column;gap:4px}.device-item__label{color:var(--text-1);font-size:14px;font-weight:500}.device-item__meta{color:var(--text-3);font-size:12px}