.main-container{position:relative;display:flex;width:100%;max-width:1200px;height:500px;background-color:var(--background-secondary);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 8px 24px var(--shadow-color);margin:20px auto;animation:fadeIn .6s ease-out;animation-fill-mode:both}.login-container{flex:1;padding:var(--spacing-xl) var(--spacing-xxl);display:flex;flex-direction:column;justify-content:center;animation:fadeIn .6s ease-out .4s;animation-fill-mode:both}.login-title{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.login-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.password-toggle{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer}.remember-forgot{display:flex;justify-content:space-between;align-items:center;margin:var(--spacing-md) 0}.remember-me{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-xs)}.remember-me input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color)}.forgot-password{color:var(--primary-color);text-decoration:none;font-size:var(--font-size-xs)}.login-button{width:100%;padding:var(--spacing-sm);background-color:var(--primary-color);border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.login-button:hover{background-color:var(--primary-color-hover);transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.signup-prompt{text-align:center;margin-top:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-xs)}.signup-prompt a{color:var(--primary-color);text-decoration:none;margin-left:var(--spacing-xs)}@media (max-width: 768px){.main-container{flex-direction:column;height:auto}.logo-section{width:100%;padding:var(--spacing-lg)}.logo{width:200px}.login-container{padding:var(--spacing-lg)}}.container-wrapper{position:relative;width:100%;max-width:1200px;margin:20px auto}.register-container{flex:1;padding:var(--spacing-xl) var(--spacing-xxl);display:flex;flex-direction:column;justify-content:center;background-color:var(--background-secondary);animation:fadeIn .6s ease-out .4s;animation-fill-mode:both}.register-title{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.register-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.password-toggle:hover{color:var(--text-primary)}.terms-container{margin:var(--spacing-md) 0}.terms-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-xs)}.terms-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color)}.register-button{width:100%;padding:var(--spacing-sm);background-color:var(--primary-color);border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;margin:var(--spacing-md) 0}.register-button:hover{background-color:var(--primary-color-hover);transform:translateY(-1px)}.register-button:active{transform:translateY(0)}.signin-prompt{text-align:center;color:var(--text-secondary);font-size:var(--font-size-xs)}.signin-prompt a{color:var(--primary-color);text-decoration:none;margin-left:var(--spacing-xs)}.signin-prompt a:hover{color:var(--primary-color-hover)}@media (max-width: 768px){.main-container{flex-direction:column}.logo-section{padding:var(--spacing-lg)}.logo{width:200px}.register-container{padding:var(--spacing-lg)}}a{color:var(--primary-color);text-decoration:none}.reset-password-container{flex:1;padding:var(--spacing-xl) var(--spacing-xxl);display:flex;flex-direction:column;justify-content:center;background-color:var(--background-secondary);animation:fadeIn .6s ease-out .4s;animation-fill-mode:both}.reset-title{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.reset-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl)}.reset-button{width:100%;padding:var(--spacing-sm);background-color:var(--primary-color);border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;margin:var(--spacing-lg) 0}.reset-button:hover{background-color:var(--primary-color-hover);transform:translateY(-1px)}.reset-button:active{transform:translateY(0)}.back-link{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--primary-color);text-decoration:none;font-size:var(--font-size-sm);transition:color .2s ease}@media (max-width: 768px){.reset-password-container{padding:var(--spacing-lg)}}.forgot-password-container{flex:1;padding:var(--spacing-xl) var(--spacing-xxl);display:flex;flex-direction:column;justify-content:center;background-color:var(--background-secondary);animation:fadeIn .6s ease-out .4s;animation-fill-mode:both}.forgot-title{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.forgot-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl);max-width:80%}.forgot-button{width:100%;padding:var(--spacing-sm);background-color:var(--primary-color);border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:var(--spacing-lg)}.forgot-button:hover{background-color:var(--primary-color-hover);transform:translateY(-1px)}.forgot-button:active{transform:translateY(0)}.back-link{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);color:var(--primary-color);text-decoration:none;font-size:var(--font-size-sm);transition:color .2s ease}.back-link:hover{color:var(--primary-color-hover)}.error-messages{background-color:var(--background-error);border:1px solid var(--border-error);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--text-error);font-size:var(--font-size-sm);list-style-type:none}.error-message{margin:var(--spacing-xs) 0;color:var(--text-error)}.error-message:before{content:"⚠️";margin-right:var(--spacing-xs)}.success-messages{background-color:var(--background-success);border:1px solid var(--border-success);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--text-success);font-size:var(--font-size-sm);list-style-type:none}.success-message{margin:var(--spacing-xs) 0;color:var(--text-success)}.success-message:before{content:"✅ "}@media (max-width: 768px){.forgot-password-container{padding:var(--spacing-lg)}.forgot-subtitle{max-width:100%}}.dashboard-container{padding:20px;border-radius:8px;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.device-container{padding:20px;display:flex;justify-content:center;width:100%}.device-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.device-card{background-color:#ffffff4c;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .1s ease}.device-card:hover{transform:scale(1.01)}.device-card p{font-size:14px;color:#000}@media (max-width: 1500px){.device-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.device-container{grid-template-columns:1fr}}.dashboard-card{display:flex;flex-direction:column;background-color:#11111152;border-radius:8px;gap:10px;transition:transform .2s ease;padding:5px}.card-information{display:flex;justify-content:space-between;padding:10px;border-radius:6px;background-color:#3e3d3d52}.main-container{position:relative;display:flex;width:100%;height:auto;min-height:600px;background-color:var(--background-secondary);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 8px 24px var(--shadow-color);animation:fadeIn .6s ease-out;animation-fill-mode:both}.verify-email-container{flex:1;padding:var(--spacing-xl) var(--spacing-xxl);display:flex;flex-direction:column;justify-content:center;background-color:var(--background-secondary);animation:fadeIn .6s ease-out .4s;animation-fill-mode:both}.verify-title{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-xs)}.email-icon{font-size:var(--font-size-lg)}.verify-message{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl);line-height:1.6}.user-email{color:var(--text-primary);margin:var(--spacing-xs) 0;font-weight:500}.skip-button{width:100%;padding:var(--spacing-sm);background-color:var(--primary-color);border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:var(--spacing-lg)}.skip-button:hover{background-color:var(--primary-color-hover);transform:translateY(-1px)}.skip-button:active{transform:translateY(0)}.resend-prompt{text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.resend-link{background:none;border:none;color:var(--primary-color);font-size:var(--font-size-sm);cursor:pointer;padding:0;margin-left:var(--spacing-xs);transition:color .2s ease}.resend-link:hover{color:var(--primary-color-hover);text-decoration:underline}@media (max-width: 768px){.main-container{flex-direction:column}.logo-section{padding:var(--spacing-lg)}.logo{width:200px}.verify-email-container{padding:var(--spacing-lg)}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.sensor-content{display:flex;flex-direction:column;padding:25px;overflow-y:auto;overflow-x:auto;height:100%;gap:20px}.nav-bar-sensor{display:flex;align-items:center;justify-content:space-between}.charts-container{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%;box-sizing:border-box}.chart-full{grid-column:span 5}.chart-large{grid-column:span 4}.chart-medium-large{grid-column:span 3}.chart-medium{grid-column:span 2}.chart-small{grid-column:span 1}.chart-full,.chart-large,.chart-medium-large,.chart-medium,.chart-small{display:flex;flex-direction:column;overflow:hidden;gap:8px}.card{display:flex;flex-direction:column;background-color:#242629;border-radius:6px;padding:16px;height:100%;width:100%;justify-content:center}.text{background-color:#313337;display:flex}.sensor-content::-webkit-scrollbar{width:8px;background-color:#0808081a}.sensor-content::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:4px;background-color:#0006}.sensor-content::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color-dark)}.custom-modal .ant-modal-content{background-color:#222}.custom-modal .ant-modal-close{color:#fff}@media (max-width: 1200px){.charts-container{grid-template-columns:repeat(3,1fr)}.chart-full,.chart-large{grid-column:span 3}.chart-medium-large,.chart-medium{grid-column:span 2}.chart-small{grid-column:span 1}}@media (max-width: 800px){.charts-container{grid-template-columns:repeat(2,1fr)}.chart-full,.chart-large,.chart-medium-large,.chart-medium{grid-column:span 2}.chart-small{grid-column:span 1}}@media (max-width: 500px){.charts-container{grid-template-columns:1fr}.chart-full,.chart-large,.chart-medium-large,.chart-medium,.chart-small{grid-column:span 1}}.dropdown-menu{position:relative;display:inline-block}.dropdown-toggle{background-color:var(--background-secondary);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--primary-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-md);font-weight:500}.dropdown-toggle:hover{background-color:var(--primary-color);color:var(--text-primary)}.dropdown-toggle:active{transform:translateY(0)}.dropdown-content{display:flex;flex-direction:column;position:absolute;right:0;background-color:var(--background-secondary);min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.dropdown-content a,.dropdown-content button{color:var(--text-primary);padding:var(--spacing-sm);text-decoration:none;display:block;text-align:left;background:none;border:none;cursor:pointer;transition:background-color .2s ease;font-size:var(--font-size-sm)}.dropdown-content a:hover,.dropdown-content button:hover{background-color:var(--background-dark)}.language-selector{display:flex;justify-content:space-between;margin-top:var(--spacing-sm)}.language-selector button{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs);transition:color .2s ease}.language-selector button.active{font-weight:700;color:var(--primary-color)}.layout-main-container{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--background-primary)}.top-bar{display:flex;justify-content:space-between;padding:10px;background-color:var(--background-secondary);box-shadow:0 2px 8px #0000001a}.layout-main{display:flex;width:100vw;overflow:hidden}.layout-content{flex-grow:1;transition:margin-left .3s ease;width:100%;overflow-x:hidden}.full{margin-left:250px}.nav-bar-section{display:flex;align-items:center;gap:20px}.user-info{display:flex;align-items:center;background-color:#38383866;padding:6px 10px;border-radius:4px;cursor:pointer;transition:background-color .2s ease;gap:6px}.user-info:hover{background-color:#59595966}.user-info img{width:35px}.logo{width:20px;justify-content:center;align-items:center}.layout-sidebar{display:flex;flex-direction:column;align-items:center;width:250px;background-color:var(--background-dark);overflow-y:auto;position:fixed;height:100vh;transition:transform .3s ease}.layout-sidebar.collapsed{transform:translate(-100%)}.layout-sidebar .menu ul{list-style:none;padding:0}.layout-sidebar .menu li{width:100%;padding:var(--spacing-md);color:var(--text-primary);display:flex;align-items:center;cursor:pointer;font-size:large}.layout-sidebar .menu li :hover{opacity:.6}.layout-sidebar .menu li a{color:var(--text-primary);text-decoration:none;width:100%}.nav-bar-logo{display:flex;gap:20px;align-items:center}.layout-sidebar::-webkit-scrollbar{width:8px;background-color:#0808081a}.layout-sidebar::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:4px;background-color:#0006}.layout-sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color-dark)}@media (max-width: 750px){.layout-sidebar{width:100%}}.profile-container{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl) var(--spacing-xxl);background-color:var(--background-secondary);border-radius:var(--border-radius-md);box-shadow:0 8px 24px var(--shadow-color);animation:fadeIn .6s ease-out .4s;animation-fill-mode:both;max-width:800px;margin:auto;margin-top:var(--spacing-xxl)}.profile-container h1{margin-bottom:15px}.profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-lg)}.profile-avatar{width:120px;height:120px;border-radius:50%;background-color:var(--background-primary);margin-bottom:var(--spacing-md);box-shadow:0 4px 12px #0000001a}.profile-name{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);font-weight:700}.profile-email{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.profile-details{width:100%;max-width:600px;display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-detail{display:flex;justify-content:space-between;padding:var(--spacing-sm);background-color:var(--background-primary);border-radius:var(--border-radius-sm);color:var(--text-primary);box-shadow:0 2px 8px #0000001a}.profile-detail-label{font-weight:500}.profile-detail-value{color:var(--text-secondary)}.form-group{display:flex;flex-direction:column;margin-bottom:var(--spacing-md)}.form-group label{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.form-group input{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--background-primary);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color .2s ease}.form-group input:focus{border-color:var(--primary-color);outline:none}.success-message{color:var(--text-success);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.error-message{color:var(--text-error);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.change-password-button{width:100%;padding:var(--spacing-sm);background-color:var(--primary-color);border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-md)}.change-password-button:hover{background-color:var(--primary-color-hover);transform:translateY(-1px)}.change-password-button:active{transform:translateY(0)}@media (max-width: 768px){.profile-container{padding:var(--spacing-lg)}.profile-details{width:100%}}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:0;padding:0}h2{margin-bottom:var(--spacing-md)}:root{--background-primary: #1C1D1F;--background-secondary: #24262B;--background-dark: #18191B;--background-error: #FF4C4C;--background-success: #4CAF50;--text-primary: #FFFFFF;--text-secondary: #A0A3A8;--text-error: #FFFFFF;--text-success: #FFFFFF;--border-color: #383B42;--border-error: #FF4C4C;--border-success: #4CAF50;--primary-color: #0066FF;--primary-color-hover: #0052CC;--primary-glow: rgba(0, 102, 255, .15);--secondary-glow: rgba(115, 103, 240, .15);--shadow-color: rgba(0, 0, 0, .3);--input-focus-shadow: rgba(0, 102, 255, .1);--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 20px;--spacing-lg: 32px;--spacing-xl: 40px;--spacing-xxl: 60px;--border-radius-sm: 4px;--border-radius-md: 8px;--font-size-xs: 14px;--font-size-sm: 15px;--font-size-md: 16px;--font-size-lg: 24px;--logo-max-width: 40em;--logo-min-width: 12rem}.logo-section{flex:2;background-color:var(--background-primary);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .6s ease-out .2s;animation-fill-mode:both}.logo{max-width:var(--logo-max-width);min-width:var(--logo-min-width);display:flex;align-items:center;justify-content:center}.logo img{width:100%;height:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowingLight{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}body{min-height:100vh;background-color:var(--background-primary);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 35%,var(--primary-glow) 0%,transparent 50%),radial-gradient(circle at 75% 65%,var(--secondary-glow) 0%,transparent 50%),radial-gradient(circle at 40% 80%,var(--primary-glow) 0%,transparent 45%),radial-gradient(circle at 80% 20%,var(--secondary-glow) 0%,transparent 45%);filter:blur(60px);animation:glowingLight 15s ease-in-out infinite alternate;z-index:0}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:4px}.form-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);background-color:var(--background-primary);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);transition:all .2s ease}.form-input:hover{border-color:var(--text-secondary)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--input-focus-shadow)}.form-input::placeholder{color:var(--text-muted)}