@import "https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100vw;max-width:100%;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.modal-content{background:#fff;border-radius:15px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 10px 30px #0000004d}body{background:linear-gradient(135deg,#f5f7fe 0%,#e9eef5 100%);font-family:Inter,sans-serif}.dashboard{background:#f0f2f8;min-height:100vh;margin-top:10%}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fffffff5;border-bottom:1px solid #0000000d;padding:10px;position:sticky;top:0;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:100vw;margin:0;display:flex}.logo-section{align-items:center;gap:.75rem;display:flex}.logo-icon{filter:drop-shadow(0 2px 4px #0000001a);font-size:2rem}.logo-section h1{background:linear-gradient(135deg,#1a73e8,#0d47a1);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:600}.date{color:#5f6368;font-size:.875rem;font-weight:500}.time{color:#202124;font-size:1.25rem;font-weight:600}.date-time{flex-direction:row;gap:10px;display:flex}.rooms-container{flex-wrap:wrap;align-items:start;gap:1.5rem;max-width:100vw;margin:0;padding:2rem;display:flex;overflow-y:auto}.room{background:#fff;border-radius:28px;height:fit-content;transition:box-shadow .25s;overflow:hidden;box-shadow:0 1px 2px #00000008,0 4px 12px #0000000d}.room:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000d,0 12px 24px #00000014}.room-header{background:linear-gradient(135deg,#fff 0%,#fafbfd 100%);border-bottom:1px solid #e8eaed;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.room-header h2{color:#202124;letter-spacing:-.3px;font-size:1.35rem;font-weight:600}.room-header input{color:#202124;background:#fff;border:2px solid #e8eaed;border-radius:12px;width:160px;padding:.5rem .875rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;transition:all .2s}.room-header input:focus{border-color:#1a73e8;outline:none;box-shadow:0 0 0 3px #1a73e81a}.edit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:8px 16px;font-size:.8rem;font-weight:500;transition:background .2s;display:none}.edit-btn:hover{background:#1d4ed8}@media (width<=1199px){.edit-btn{display:flex}}.room-header button:not(.edit-btn){color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:24px;padding:.4rem 1rem;font-size:.8rem;font-weight:500;transition:all .2s}.room-header button:not(.edit-btn):hover{background:#1557b0;transform:scale(.98)}.device-grid{flex-wrap:wrap;gap:1rem;padding:1.25rem;display:flex}.device-box{text-align:center;cursor:pointer;background:#fff;border:2px solid #e8eaed;border-radius:20px;width:150px;padding:1rem;transition:box-shadow .25s,border-color .25s,transform .25s;position:relative;overflow:hidden}.device-box h4{color:#202124;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.75rem;font-size:.95rem;font-weight:600;overflow:hidden}.device-box:hover{border-color:#dadce0;transform:translateY(-3px);box-shadow:0 6px 12px #00000014}@media (width>=1280px){.device-box.selected{border:2px solid #00e5ff;transform:scale(1.05);box-shadow:0 0 0 3px #00e5ff40,0 0 16px #00e5ff59}}@media (width<=1279px){.device-box.selected{box-shadow:none;border:2px solid #e8eaed;transform:none}}.device-box:focus{outline:none}.device-icon{cursor:pointer;font-size:45px;transition:transform .4s}.device-icon:hover{transform:scale(1.1)}.status{margin-top:15px;font-size:18px;font-weight:700}.on-text{color:#00c853}.off-text{color:#ff1744}.online{color:#fff;background-color:#00e676;border-radius:10px;margin-left:10px;padding:5px 10px;font-size:15px}.offline{color:#fff;background-color:#ff1744;border-radius:10px;margin-left:10px;padding:5px 10px;font-size:15px}.device-offline{opacity:.6}.device-offline .device-box,.device-offline .edit-btn{pointer-events:none;cursor:not-allowed}.device-offline .device-grid{filter:grayscale()}.no-devices{color:#000;text-align:center;margin-top:20%;font-size:larger}.skeleton-room{background:#fff;border-radius:28px;padding:1.5rem;animation:1.5s infinite shimmer}@keyframes shimmer{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes lightGlow{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes pulseBlue{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes heatPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes popup{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.fan-spin{color:#00bcd4;animation:.8s linear infinite spin}.light-on{color:#ffc107;filter:drop-shadow(0 0 12px #ffc107);animation:1s infinite alternate lightGlow}.ac-on{color:#4fc3f7;filter:drop-shadow(0 0 12px #4fc3f7);animation:1s infinite pulseBlue}.tv-on{color:#7c4dff;filter:drop-shadow(0 0 15px #7c4dff)}.fridge-on{color:#00e5ff;filter:drop-shadow(0 0 15px #00e5ff)}.plug-on{color:#00e676;filter:drop-shadow(0 0 12px #00e676);animation:1s infinite pulse}.washing-on{color:#42a5f5;filter:drop-shadow(0 0 12px #42a5f5);animation:1s infinite pulse}.geyser-on{color:#ff5722;filter:drop-shadow(0 0 15px #ff5722);animation:1s infinite heatPulse}.modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:15px;width:100%;max-width:600px;animation:.3s popup;overflow:hidden;box-shadow:0 10px 30px #0000004d}.modal-header{color:#fff;background:#2563eb;justify-content:space-between;align-items:center;padding:18px 25px;display:flex}.modal-header h2{margin:0;font-size:22px}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:26px}.modal-body{max-height:60vh;padding:25px;overflow-y:auto}.form-group{margin-bottom:25px}.form-group label{color:#333;margin-bottom:10px;font-size:16px;font-weight:600;display:block}.form-input{box-sizing:border-box;border:1px solid #dcdcdc;border-radius:8px;outline:none;width:100%;padding:12px 15px;font-size:15px;transition:all .3s}.form-input:focus{border-color:#2563eb;box-shadow:0 0 6px #2563eb4d}.pins-list{flex-direction:column;gap:15px;display:flex}.pin-item{background:#f8f9fa;border-radius:10px;flex-wrap:wrap;align-items:center;gap:15px;padding:12px;display:flex}.pin-number{color:#444;min-width:70px;font-weight:700}.pin-input{flex:1}.pin-status{min-width:80px;font-weight:600}.modal-footer{border-top:1px solid #eee;justify-content:flex-end;gap:15px;padding:18px 25px;display:flex}.btn-cancel,.btn-save{cursor:pointer;border:none;border-radius:8px;padding:10px 22px;font-size:15px;transition:all .3s}.btn-cancel{color:#333;background:#e5e7eb}.btn-cancel:hover{background:#d1d5db}.btn-save{color:#fff;background:#2563eb}.btn-save:hover{background:#1d4ed8}.btn-save:disabled{cursor:not-allowed;background:#94a3b8}.modal-loading{text-align:center;padding:30px}.spinner{border:4px solid #ddd;border-top-color:#2563eb;border-radius:50%;width:45px;height:45px;margin:auto;animation:1s linear infinite spin}.logout-btn{display:none}@media screen and (width<=767px){.logout-btn{color:#fff;cursor:pointer;background:#ff4d4f;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.logout-btn:hover{background:#e63946}}@media (width>=1280px){.rooms-container{gap:1.75rem;padding:2rem}.device-grid{gap:1rem;padding:1.25rem}.room-header{padding:1rem 1.25rem}.room-header h2{font-size:1.25rem}}@media (width>=1366px){.rooms-container{gap:2rem}}@media (width>=1600px){.rooms-container{gap:2rem}}@media (width>=768px) and (width<=1279px){.rooms-container{gap:1.25rem;padding:1.5rem}.device-grid{gap:.875rem;padding:1rem}.device-box{border-radius:18px;width:150px;padding:.875rem}.room-header{padding:1rem 1.25rem}.room-header h2{font-size:1.2rem}.device-icon{margin:.5rem 0;padding:.5rem;font-size:2rem}.device-box h4{white-space:normal;word-break:break-word;font-size:.85rem}}@media (width>=481px) and (width<=767px){.dashboard-header{padding:.75rem 1rem}.date-time{flex-direction:row;justify-content:flex-end;display:flex}.header-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.logo-section h1{font-size:1.25rem}.rooms-container{grid-template-columns:1fr;gap:1rem;padding:1rem}.room{border-radius:20px}.room-header{flex-direction:column;align-items:stretch;gap:.6rem;padding:.875rem 1rem}.room-header h2{text-align:center;font-size:1.125rem}.room-header input{text-align:center;width:100%}.edit-btn,.room-header button:not(.edit-btn){justify-content:center;width:100%}.device-grid{gap:.875rem;padding:1rem}.device-box{border-radius:18px;width:125px;padding:.875rem}.device-icon{margin:.5rem 0;padding:.5rem;font-size:2rem}.device-box h4{white-space:normal;word-break:break-word;font-size:.85rem}}@media (width<=480px){.dashboard-header{padding:.625rem .875rem}.date-time{flex-direction:row;justify-content:flex-end;display:flex}.logo-section h1{font-size:1.1rem}.logo-icon{font-size:1.5rem}.date{font-size:.75rem}.time{font-size:1rem}.rooms-container{gap:.875rem;padding:.75rem}.room{border-radius:18px}.room-header{padding:.75rem}.room-header h2{font-size:1rem}.room-header input{padding:.4rem .7rem;font-size:.8rem}.device-grid{grid-template-columns:1fr;gap:.75rem;padding:.875rem}.device-box{border-radius:16px;width:125px;padding:.75rem}.device-icon{margin:.4rem 0;padding:.4rem;font-size:1.75rem}.device-box h4{font-size:.8rem}.edit-btn{padding:.35rem .75rem;font-size:.75rem}}@media (width<=600px){.modal-content{width:95%}.pin-item{flex-direction:column;align-items:flex-start}.pin-input{width:100%}.modal-footer{flex-direction:column}.btn-cancel,.btn-save{width:100%}}@media (hover:none) and (pointer:coarse){.device-box{cursor:default}.device-box:active{transform:scale(.98)}.edit-btn{min-height:44px}}@media (prefers-color-scheme:dark){body{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}.dashboard-header{background:#1e1e2ef5;border-bottom-color:#ffffff0d}.logo-section h1{background:linear-gradient(135deg,#8ab4f8,#aecbfa);-webkit-background-clip:text;background-clip:text}.date,.time{color:#e8eaed}.room{background:#1e1e2e;box-shadow:0 1px 2px #0003,0 4px 12px #0000004d}.room-header{background:#252536;border-bottom-color:#2a2a3a}.room-header h2{color:#e8eaed}.room-header input{color:#e8eaed;background:#2a2a3a;border-color:#3a3a4a}.edit-btn{color:#a0a0b0;background:#2a2a3a}.edit-btn:hover{color:#e8eaed;background:#3a3a4a}.device-box{background:#252536;border-color:#2a2a3a}.device-box h4{color:#e8eaed}.device-icon{background:#2a2a3a}}@media print{.edit-btn{display:none}.room{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}.device-box:focus-visible{outline-offset:2px;border-color:#1a73e8;outline:3px solid #1a73e8;box-shadow:0 0 0 4px #1a73e833}@media (prefers-color-scheme:dark){.device-box:focus-visible{border-color:#8ab4f8;outline-color:#8ab4f8;box-shadow:0 0 0 4px #8ab4f833}}.device-box.selected:focus-visible{border-color:#00e5ff;outline-color:#00e5ff}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background:radial-gradient(circle at 30%,#ffffff0d 0%,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite floatBackground;position:absolute;top:-50%;left:-50%}.login-container:after{content:"";background:radial-gradient(circle at 70% 80%,#ffffff08 0%,#0000 50%);width:200%;height:200%;animation:25s ease-in-out infinite reverse floatBackground;position:absolute;bottom:-50%;right:-50%}@keyframes floatBackground{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(10%,-10%)rotate(5deg)}66%{transform:translate(-10%,10%)rotate(-5deg)}}.floating-shapes{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.shape{opacity:.1;border-radius:50%;animation:15s ease-in-out infinite floatShape;position:absolute}.shape-1{background:#fff;width:300px;height:300px;animation-delay:0s;top:-100px;right:-100px}.shape-2{background:#fff;width:200px;height:200px;animation-delay:-5s;bottom:-50px;left:-50px}.shape-3{background:#fff;width:150px;height:150px;animation-delay:-10s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatShape{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.1)}50%{transform:translate(-20px,20px)scale(.9)}75%{transform:translate(20px,30px)scale(1.05)}}.login-form{-webkit-backdrop-filter:blur(20px);z-index:1;background:#fffffff2;border-radius:32px;width:100%;max-width:440px;padding:3rem 2.5rem;animation:.6s ease-out slideUp;position:relative;box-shadow:0 20px 60px #0003,inset 0 0 0 1px #ffffff1a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-form h2{text-align:center;color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-form .subtitle{text-align:center;color:#6b7280;margin-bottom:2rem;font-size:.95rem;font-weight:400}.login-form input{color:#1a1a2e;background:#f9fafb;border:2px solid #e5e7eb;border-radius:16px;width:100%;margin-bottom:1rem;padding:.875rem 1.25rem;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}.login-form input::placeholder{color:#9ca3af;font-weight:400}.login-form input:focus{background:#fff;border-color:#667eea;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #667eea1a}.login-form input:disabled{opacity:.6;cursor:not-allowed}.input-group{margin-bottom:1rem;position:relative}.input-group .input-icon{color:#9ca3af;pointer-events:none;font-size:1.1rem;transition:all .3s;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.input-group input{margin-bottom:0;padding-left:3.25rem}.input-group input:focus+.input-icon,.input-group input:focus~.input-icon{color:#667eea}.password-wrapper{position:relative}.password-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.1rem;transition:all .2s;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.password-toggle:hover{color:#667eea}.login-form .error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:.5rem;margin:.75rem 0;padding:.75rem 1rem;font-size:.875rem;animation:.4s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error:before{content:"⚠️";font-size:1.1rem}.login-form button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;width:100%;margin-top:.5rem;padding:.875rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.login-form button[type=submit]:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-form button[type=submit]:hover:not(:disabled):before{left:100%}.login-form button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.login-form button[type=submit]:active:not(:disabled){transform:translateY(0)scale(.98)}.login-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-form button[type=submit] .spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin-right:.5rem;animation:.8s linear infinite spin;display:inline-block}.login-form .additional-links{justify-content:space-between;margin-top:1.5rem;font-size:.875rem;display:flex}.login-form .additional-links a{color:#6b7280;text-decoration:none;transition:all .2s}.login-form .additional-links a:hover{color:#667eea}.remember-me{align-items:center;gap:.5rem;margin:.75rem 0 1rem;display:flex}.remember-me input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:auto;margin:0;padding:0}.remember-me label{color:#4b5563;cursor:pointer;font-size:.875rem}.divider{align-items:center;margin:1.5rem 0;display:flex}.divider:before,.divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.divider span{color:#9ca3af;padding:0 1rem;font-size:.875rem;font-weight:500}.social-login{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;display:grid}.social-btn{cursor:pointer;color:#1a1a2e;background:#fff;border:2px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-family:Inter,sans-serif;font-weight:500;transition:all .3s;display:flex}.social-btn:hover{background:#f9fafb;border-color:#667eea;transform:translateY(-2px)}.social-btn img{width:20px;height:20px}@media (width>=1024px){.login-form{max-width:480px;padding:3.5rem 3rem}.login-form h2{font-size:2.25rem}.login-form input{padding:1rem 1.5rem;font-size:1.05rem}.login-form button[type=submit]{padding:1rem;font-size:1.05rem}.shape-1{width:400px;height:400px}.shape-2{width:250px;height:250px}.shape-3{width:180px;height:180px}}@media (width>=768px) and (width<=1023px){.login-form{max-width:420px;padding:2.5rem 2rem}.login-form h2{font-size:1.75rem}.login-form input{padding:.8rem 1.1rem;font-size:.95rem}.login-form button[type=submit]{padding:.8rem;font-size:.95rem}.shape-1{width:250px;height:250px}.shape-2{width:180px;height:180px}}@media (width>=481px) and (width<=767px){.login-container{padding:1rem}.login-form{border-radius:24px;max-width:100%;padding:2rem 1.5rem}.login-form h2{font-size:1.5rem}.login-form .subtitle{margin-bottom:1.5rem;font-size:.85rem}.login-form input{border-radius:14px;padding:.75rem 1rem;font-size:.9rem}.login-form button[type=submit]{border-radius:14px;padding:.75rem;font-size:.9rem}.social-login{grid-template-columns:1fr 1fr;gap:.5rem}.social-btn{padding:.6rem;font-size:.85rem}.shape-1{width:200px;height:200px}.shape-2{width:150px;height:150px}.shape-3{width:120px;height:120px}}@media (width<=480px){.login-container{align-items:center;min-height:100vh;padding:.75rem}.login-form{border-radius:20px;max-width:100%;margin:.5rem;padding:1.75rem 1.25rem}.login-form h2{font-size:1.35rem}.login-form .subtitle{margin-bottom:1.25rem;font-size:.8rem}.login-form input{border-radius:12px;margin-bottom:.75rem;padding:.7rem .9rem;font-size:.85rem}.input-group .input-icon{font-size:.95rem;left:.9rem}.input-group input{padding-left:2.75rem}.password-toggle{font-size:.95rem;right:.9rem}.login-form button[type=submit]{border-radius:12px;margin-top:.25rem;padding:.7rem;font-size:.85rem}.login-form .error{margin:.5rem 0;padding:.6rem .8rem;font-size:.8rem}.remember-me{margin:.5rem 0 .75rem}.remember-me label{font-size:.8rem}.additional-links{flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.additional-links a{font-size:.8rem}.divider{margin:1rem 0}.divider span{padding:0 .75rem;font-size:.75rem}.social-login{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}.social-btn{border-radius:10px;padding:.5rem;font-size:.75rem}.social-btn img{width:16px;height:16px}.shape-1{width:150px;height:150px}.shape-2{width:120px;height:120px}.shape-3{width:100px;height:100px}}@media (prefers-color-scheme:dark){.login-form{background:#1a1a2ef2;box-shadow:0 20px 60px #0006,inset 0 0 0 1px #ffffff0d}.login-form h2{background:linear-gradient(135deg,#8b9cf7,#a78bfa);-webkit-background-clip:text;background-clip:text}.login-form .subtitle{color:#9ca3af}.login-form input{color:#e5e7eb;background:#1a1a2e;border-color:#374151}.login-form input::placeholder{color:#6b7280}.login-form input:focus{background:#1a1a2e;border-color:#8b9cf7;box-shadow:0 0 0 4px #8b9cf71a}.input-group .input-icon,.password-toggle{color:#6b7280}.password-toggle:hover{color:#8b9cf7}.login-form .error{color:#f87171;background:#2a1a1a;border-color:#4a2a2a}.login-form button[type=submit]{background:linear-gradient(135deg,#8b9cf7,#a78bfa)}.remember-me label,.additional-links a{color:#9ca3af}.additional-links a:hover{color:#8b9cf7}.divider:before,.divider:after{background:#374151}.divider span{color:#6b7280}.social-btn{color:#e5e7eb;background:#1a1a2e;border-color:#374151}.social-btn:hover{background:#2a2a3e;border-color:#8b9cf7}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){.login-form{box-shadow:0 20px 60px #00000026,inset 0 0 0 1px #ffffff26}}@media print{.login-container{background:#fff;min-height:auto;padding:2rem}.login-form{box-shadow:none;background:#fff;border:1px solid #ddd}.login-form button[type=submit]{color:#fff!important;background:#667eea!important}.floating-shapes{display:none}}@media (prefers-reduced-motion:reduce){.login-container:before,.login-container:after,.shape,.login-form,.login-form button[type=submit]:before{animation:none!important}.login-form input:focus,.login-form button[type=submit]:hover:not(:disabled){transform:none!important}}