body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-gradient-start:#1e1e1e;--bg-gradient-end:#3b3b3b;--card-bg-color:#2f2d2d;--input-bg-color:#383838;--text-color:#fff;--input-text-color:#e0e0e0;--icon-color:#888;--border-color:#555;--error-color:#e74c3c;--success-color:#27ae60;--primary-color:#007bff;--primary-hover:#0056b3;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--transition-speed:0.3s;--transition-function:ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(90deg,#1e1e1e,#3b3b3b);color:#fff;font-family:Roboto,sans-serif;min-height:100vh}input,textarea{background-color:#383838;background-color:var(--input-bg-color);border:1px solid #555;border:1px solid var(--border-color);border-radius:6px;color:#e0e0e0;color:var(--input-text-color);padding:1rem;padding:var(--spacing-sm);transition:border-color .3s ease;transition:border-color var(--transition-speed) var(--transition-function);width:100%}input:focus,textarea:focus{border-color:#007bff;border-color:var(--primary-color);outline:none}button{background-color:#007bff;border-radius:6px;color:var(--text-color);padding:1rem;padding:var(--spacing-sm);transition:all .3s ease;transition:all var(--transition-speed) var(--transition-function)}button:hover{background-color:#0056b3;background-color:var(--primary-hover);transform:translateY(-2px)}.text-center{text-align:center}.mt-1{margin-top:1rem;margin-top:var(--spacing-sm)}.mt-2{margin-top:1.5rem;margin-top:var(--spacing-md)}.mb-1{margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.fade-in{animation:fadeIn .3s ease;animation:fadeIn var(--transition-speed) var(--transition-function)}.scale-in{animation:scaleIn .3s ease;animation:scaleIn var(--transition-speed) var(--transition-function)}.animate-slide-in-top{animation:slideInTop .5s ease;animation:slideInTop .5s var(--transition-function)}.animate-slide-in-bottom{animation:slideInBottom .5s ease;animation:slideInBottom .5s var(--transition-function)}.animate-pulse{animation:pulse 2s ease infinite;animation:pulse 2s infinite var(--transition-function)}.animate-rotate{animation:rotate 1s linear infinite}.animate-shimmer{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#2f2d2d,#ffffff1a 50%,#2f2d2d);background:linear-gradient(90deg,var(--card-bg-color) 0,#ffffff1a 50%,var(--card-bg-color) 100%);background-size:1000px 100%}.toggle-button{background-color:initial;margin-top:1px}.toggle-button:hover{background-color:initial;color:#357abd}body{background:linear-gradient(to right,var(--bg-gradient-start),var(--bg-gradient-end));color:var(--text-color);margin:0;padding:0}.container{align-items:center;display:flex;height:100vh;justify-content:center;margin-top:60px;padding:1rem}.header{background-color:var(--header-bg-color);box-shadow:0 2px 4px #0000001a;color:var(--header-text-color);padding:1rem;position:fixed;text-align:center;top:0;width:100%;z-index:1000}.login-card{background-color:var(--card-bg-color);border-radius:12px;box-shadow:0 4px 12px #0003;max-width:450px;padding:3rem;width:100%}h2{color:var(--text-color);margin-bottom:2rem;text-align:center}.sign-in-form{display:flex;flex-direction:column}.input-group{margin-bottom:1.5rem;position:relative}.input-group i{color:var(--icon-color);left:10px;position:absolute;top:50%;transform:translateY(-50%)}input{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;height:48px;padding:15px}input:focus{border-color:var(--primary-color);outline:none}button{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;height:48px;padding:15px;transition:background-color .3s}button:hover{background-color:#357abd}@media (max-width:600px){.login-card{border-radius:8px;padding:2rem}input{width:calc(100% - 35px)}button{padding:12px}}.link-to-sign-in{color:#e0e0e0;font-size:16px;font-weight:500;padding-top:10px}.link-to-sign-in a{color:inherit}.link-to-sign-in a:hover{color:#4a90e2}.error-messages{background-color:#ffe6e6;border:1px solid red;border-radius:5px;margin-top:15px;padding:10px}.error{color:red;font-weight:700;margin-bottom:5px}.link-to-sign-in{color:var(--text-color);margin-top:1rem;text-align:center}.link-to-sign-in a{color:var(--primary-color);margin-left:.5rem;text-decoration:none;transition:color .3s ease}.link-to-sign-in a:hover{color:var(--primary-hover);text-decoration:underline}.home-container{display:flex;flex-direction:column;min-height:100vh}.sidebar{background-color:var(--card-bg-color);flex:0 0 auto;justify-content:space-between;overflow:hidden;transition:width .3s}.sidebar.collapsed{overflow:auto;width:60px}.sidebar-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:50px;justify-content:center;margin-bottom:1.5rem;padding:12px;text-align:center;transition:background-color .3s,opacity .3s;width:100%}.sidebar-button.active{opacity:.8}.sidebar-button.active,.sidebar-button:hover{background-color:#357abd}.settings-button{height:50px;margin-top:auto;padding:12px;width:100%}.main-content{margin-left:0;padding:var(--spacing-lg);width:100%}.content-wrapper,.main-content{display:flex;flex:1 1;flex-direction:column}.alarms-section,.custom-alarms,.custom-sensors,.sensors-section{background-color:var(--card-bg-color);border-radius:10px;margin:1rem 0;padding:1rem}.alarm-cards-container,.custom-alarms-container,.custom-sensors-container,.sensor-cards-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:1rem}.alarm-card:hover,.sensor-card:hover{box-shadow:0 8px 16px #00000080;transform:translateY(-5px)}.alarm-icon,.sensor-icon{object-fit:contain}.alarm-icon,.custom-icon,.sensor-icon{height:48px;margin-bottom:1rem;width:48px}.custom-icon{align-items:center;background-color:#ffffff1a;border-radius:50%;display:flex;font-size:2rem;justify-content:center;overflow:hidden;padding:8px;text-align:center}.custom-icon img{height:100%;object-fit:contain;width:100%}.custom-icon span{align-items:center;display:inline-flex;font-size:24px;height:100%;justify-content:center;line-height:1;width:100%}.alarm-card:hover .alarm-icon,.sensor-card:hover .sensor-icon{transform:scale(1.1)}.alarm-button{border-radius:4px;color:#fff;margin:1rem 0;padding:.5rem 1rem}.alarm-button:hover{background-color:#00008b;opacity:.8}.alarm-button:after{display:none}.alarm-button:hover:after{animation:shimmer 1s var(--transition-function)}.last-triggered-text{color:var(--text-secondary-color);margin-top:.5rem}.home__section{animation:slideInBottom .5s var(--transition-function);animation-fill-mode:both}.home__section:first-child{animation-delay:.1s}.home__section:nth-child(2){animation-delay:.2s}.home__section:nth-child(3){animation-delay:.3s}.loading-indicator{animation:rotate 1s linear infinite}.empty-state-message{background-color:var(--card-bg-color);border-radius:8px;margin:1rem 0;padding:2rem;text-align:center}.empty-state-message p{color:var(--text-color);margin-bottom:1rem}.primary-button{background-color:var(--primary-color);border-radius:4px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.primary-button:hover{background-color:var(--primary-hover)}.alarm-card,.sensor-card{border-radius:12px;box-shadow:0 3px 6px #0000004d;margin:10px;min-width:280px;padding:20px;transition:all .3s ease}.sensor-card{background-color:#1a1f2b;border-left:5px solid #2196f3}.sensor-card h3{border-bottom:2px solid #2196f3;color:#2196f3;padding-bottom:8px}.sensor-card .alarm-button{background-color:#2196f3;color:#fff}.sensor-card .alarm-button:hover{background-color:#1976d2}.alarm-card{background-color:#1f1a1a;border-left:5px solid #f44}.alarm-card h3{border-bottom:2px solid #f44;color:#f44;padding-bottom:8px}.alarm-card .alarm-button{background-color:#f44;color:#fff}.alarm-card .alarm-button:hover{background-color:#c00}.alarm-cards-container,.sensor-cards-container{display:flex;flex-wrap:wrap;gap:20px;padding:20px}.alarms-section h2,.sensors-section h2{border-bottom:3px solid #2a2a2a;font-size:24px;margin-bottom:20px;padding:15px;text-align:center}.sensors-section h2{color:#2196f3}.alarms-section h2{color:#f44}.alarm-button{border:none;border-radius:6px;cursor:pointer;font-weight:700;margin:10px 0;padding:10px;transition:background-color .3s ease;width:100%}.last-triggered-text{color:#a0a0a0;font-size:.9rem;margin-top:10px}.alarm-icon,.custom-icon,.sensor-icon{height:40px;margin-bottom:10px;width:40px}.alarm-card[data-active=true]{animation:pulse 2s infinite;background-color:#2a1f1f}@keyframes pulse{0%{box-shadow:0 0 0 0 #f449}70%{box-shadow:0 0 0 10px #f440}to{box-shadow:0 0 0 0 #f440}}.alarm-card h3,.sensor-card h3{align-items:center;display:flex;justify-content:center;margin:.5rem 0;min-height:48px;padding:.5rem;text-align:center;word-break:break-word}.sensors-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:20px}.sensor-item{background-color:#1a1f2b;border-left:5px solid #2196f3;border-radius:12px;box-shadow:0 3px 6px #0000004d;gap:10px;padding:20px}.sensor-item .sensor-icon{border-radius:50%;font-size:24px;height:40px;margin-bottom:10px;width:40px}.sensor-item h3{border-bottom:2px solid #2196f3;color:#2196f3;margin-bottom:8px;padding-bottom:8px}.sensor-item p{word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#a0a0a0;display:-webkit-box;overflow:hidden;white-space:pre-wrap}.sensor-item:hover p{-webkit-line-clamp:unset;max-height:none}.delete-sensor-btn{background-color:#f44;border-radius:6px;margin-top:10px;padding:8px 16px;transition:background-color .3s ease}.delete-sensor-btn:hover{background-color:#c00}.top-nav{--nav-height:60px;animation:slideInTop .5s var(--transition-function);background-color:var(--card-bg-color);box-shadow:0 2px 8px #0003;height:var(--nav-height);justify-content:space-between;left:0;padding:0 var(--spacing-sm);position:fixed;right:0;top:0;z-index:1000}.top-nav,.top-nav__left{align-items:center;display:flex}.top-nav__left{gap:var(--spacing-sm)}.top-nav__loading,.top-nav__welcome{color:var(--text-color);font-size:.9rem;margin:0}.hamburger-button{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:space-around;padding:var(--spacing-xs);width:40px}.hamburger-button:hover{transform:none}.hamburger-button__line{background-color:var(--text-color);height:2px;transition:transform .3s var(--transition-function),opacity .3s var(--transition-function);width:100%}.hamburger-button__line.open:first-child{transform:translateY(8px) rotate(45deg)}.hamburger-button__line.open:nth-child(2){opacity:0}.hamburger-button__line.open:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-menu{background-color:var(--card-bg-color);border-radius:0 0 0 8px;box-shadow:-2px 2px 8px #0003;height:auto;opacity:0;position:fixed;right:0;top:var(--nav-height);transform:translateX(100%);transition:transform .3s var(--transition-function),opacity .3s var(--transition-function);width:250px;z-index:999}.nav-menu--open{opacity:1;transform:translateX(0)}.nav-menu__content{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.nav-menu__link{text-decoration:none;width:100%}.nav-menu__button{background:#0000;border-radius:6px;color:var(--text-color);overflow:hidden;padding:var(--spacing-sm);position:relative;text-align:left;transition:transform .3s var(--transition-function),background-color .3s var(--transition-function);width:100%}.nav-menu__button:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}.nav-menu__button:hover:after{animation:shimmer 1s var(--transition-function)}.nav-menu__button:hover{background-color:var(--primary-color);transform:translateX(4px)}.nav-menu__button--signout{border-top:1px solid var(--border-color);color:var(--error-color);margin-top:var(--spacing-sm);padding-top:var(--spacing-md)}.nav-menu__button--signout:hover{background-color:var(--error-color);color:var(--text-color)}.nav-overlay{animation:fadeIn .3s var(--transition-function);background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:var(--nav-height);z-index:998}.site-footer{background:var(--card-bg-color);border-top:1px solid #ffffff1a;bottom:0;left:0;margin-top:2rem;padding:2rem 2rem 1rem;position:relative;right:0;width:100%}.footer-content{padding-bottom:1rem}.footer-section h4{color:var(--text-color);font-size:1.1rem}.footer-section a{font-size:.9rem;transition:color .3s ease}.footer-section a:hover{color:var(--primary-color)}.footer-section p{margin-bottom:.5rem}.footer-bottom,.footer-section p{color:var(--text-secondary-color);font-size:.9rem}.footer-bottom{margin-top:1.5rem}@media (max-width:768px){.site-footer{padding:1.5rem 1rem .5rem}.footer-content{gap:1.5rem}}.sensor-list{list-style:none;overflow-y:auto;padding:0}.header-title{color:#fff}.sensor-item{align-items:flex-start;background-color:var(--card-bg-color);border-radius:6px;box-shadow:0 2px 8px #00000080;color:var(--text-color);justify-content:space-between;margin-bottom:1rem}.sensor-item:last-child{margin-bottom:0}.delete-sensor-button,.edit-sensor-button{background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:10px;padding:8px 12px;transition:background-color .3s ease}.edit-sensor-button:hover{background-color:#0056b3}.delete-sensor-button:hover{background-color:var(--error-color)}.button-container{gap:15px;justify-content:flex-start;margin-top:1rem}.users-section{background-color:var(--card-bg-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:1rem 0;padding:1rem}.user-item,.users-list{display:flex;flex-direction:column;gap:1rem}.user-item{background-color:var(--card-bg-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--text-color);padding:1rem}.user-item span{font-size:1.1rem;font-weight:700}.button-container{display:flex;flex-wrap:wrap;gap:.5rem}.button-container button{border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;min-width:100px;padding:.5rem}.edit-user-button{background-color:var(--primary-color)}.delete-user-button{background-color:var(--error-color)}.toggle-admin-button{background-color:var(--primary-color)}.edit-user-inputs{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.edit-user-inputs input{background-color:var(--input-bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);padding:.5rem}.edit-user-inputs button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem}@media (max-width:600px){.user-item{padding:.75rem}.button-container{flex-direction:column}.button-container button,.edit-user-inputs{width:100%}}.main-content,.sidebar{overflow-y:auto}.settings-container{display:flex;min-height:100vh}.settings-main{flex:1 1;padding:2rem}.custom-sensors-section,.existing-sensors-section{background:var(--card-bg-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:var(--text-color);margin-bottom:2rem;padding:1.5rem}.sensor-form{max-width:500px}.form-group label{color:var(--text-color);display:block;font-weight:700;margin-bottom:.5rem}.form-group input,.form-group textarea{background-color:var(--input-bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);padding:.5rem;width:100%}.create-sensor-btn{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.create-sensor-btn:hover{background-color:var(--primary-hover-color)}.sensors-grid{grid-gap:1rem;gap:1rem;margin:1rem 0}.sensor-item{background:#f5f5f5;flex-direction:column;gap:.5rem;padding:1rem}.sensor-icon{font-size:1.5rem;margin-bottom:.5rem}.sensor-info{flex:1 1}.sensor-info h3{font-size:1.1rem;margin:0 0 .5rem}.sensor-description{color:#666;font-size:.9rem;line-height:1.4;margin:0}.delete-sensor-btn{background:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:.5rem;padding:.5rem}.delete-sensor-btn:hover{background:#c00}.admin-only-message{background-color:#ff00001a;border-radius:4px;color:var(--error-color);margin-bottom:1rem;padding:1rem}.log-settings-section{background:var(--card-bg-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:var(--text-color);margin-bottom:2rem;padding:1.5rem}.log-settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.log-setting-item{display:flex;flex-direction:column;gap:.5rem}.log-setting-item label{color:var(--text-color);font-weight:700}.log-setting-input{background-color:var(--input-bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);padding:.5rem;width:100%}.setting-description{color:var(--text-secondary-color);font-size:.8rem;margin-top:.25rem}.toggle-container{gap:.5rem}.toggle-input{-webkit-appearance:none;appearance:none;background:var(--border-color);border-radius:8px;cursor:pointer;height:16px;position:relative;transition:background-color .3s;width:32px}.toggle-input:checked{background:var(--primary-color)}.toggle-input:before{background:#fff;border-radius:50%;content:"";height:12px;left:2px;position:absolute;top:2px;transition:transform .3s;width:12px}.toggle-input:checked:before{transform:translateX(16px)}.log-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.clear-logs-btn,.export-logs-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-weight:700;min-width:140px;padding:.5rem 1rem;text-align:center;transition:opacity .3s;white-space:nowrap}.clear-logs-btn{background-color:var(--error-color);color:#fff}.export-logs-btn{background-color:var(--primary-color);color:#fff}.clear-logs-btn:hover,.export-logs-btn:hover{opacity:.8}.create-user-section{background:var(--card-bg-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.create-user-form{max-width:500px}.checkbox-group{margin-bottom:.5rem}.checkbox-group,.checkbox-group label{align-items:center;display:flex;gap:.5rem}.checkbox-group label{line-height:1;margin:0}.checkbox-group input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.create-user-btn{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.create-user-btn:hover{background-color:var(--primary-hover-color)}.toggle-container{align-items:center;display:flex;height:24px}.toggle-label{color:var(--text-secondary-color);font-size:.9rem;line-height:1;margin-left:.25rem}@media (max-width:600px){.create-user-section,.custom-sensors-section,.existing-sensors-section,.log-settings-section,.users-section{border-radius:0;margin:1rem -1rem}.log-settings-grid{gap:1rem}.main-content{padding:1rem}.log-actions,.log-setting-item{padding:0 1rem}.log-actions{flex-direction:column;gap:.5rem}.clear-logs-btn,.export-logs-btn{min-width:0;min-width:auto;width:100%}}.form-group{margin-bottom:1rem;min-height:fit-content}.form-group label{align-items:center;display:flex;min-height:24px}.existing-sensors-section{background-color:var(--card-bg-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.sensors-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.sensor-item{align-items:center;background-color:#ffffff0d;border-radius:8px;display:flex;gap:1rem;padding:1.5rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.sensor-item:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.sensor-item .sensor-icon{align-items:center;background-color:#ffffff1a;border-radius:8px;display:flex;flex-shrink:0;font-size:2rem;height:48px;justify-content:center;width:48px}.sensor-item .sensor-info{flex-grow:1}.sensor-item h3{color:var(--text-color);font-size:1.1rem;margin:0 0 .5rem}.sensor-item p{color:var(--text-secondary-color);font-size:.9rem;line-height:1.4;margin:0}.sensor-item .delete-sensor-btn{align-items:center;background-color:#dc35451a;border:none;border-radius:4px;color:#dc3545;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:.4rem;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease}.sensor-item .delete-sensor-btn:hover{background-color:#dc3545;color:#fff}.sensor-item .delete-sensor-btn:before{content:"🗑️";font-size:.9rem}@media (max-width:768px){.sensors-grid{grid-template-columns:1fr}.sensor-item{padding:1.25rem}}.profile-image-upload{margin-bottom:2rem}.image-preview{align-items:center;background-color:var(--input-bg-color);border:2px dashed var(--border-color);border-radius:50%;cursor:pointer;display:flex;height:150px;justify-content:center;overflow:hidden;transition:all .3s ease;width:150px}.image-preview:hover{border-color:var(--primary-color)}.profile-preview{height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;color:var(--text-secondary-color);display:flex;flex-direction:column}.image-placeholder span{font-size:3rem;margin-bottom:.5rem}.image-placeholder p{font-size:.9rem;margin:0}.image-input{display:none}.upload-button{background-color:var(--primary-color);border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.upload-button:hover{background-color:var(--primary-hover-color)}.create-user-form{align-items:flex-start;display:flex;flex-direction:row;gap:2rem;margin:0 auto;max-width:900px;padding:1rem}.profile-image-upload{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:1rem}.user-form-fields{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-width:300px}@media (max-width:768px){.create-user-form{align-items:center;flex-direction:column;max-width:500px}.user-form-fields{width:100%}.profile-image-upload{margin-bottom:1.5rem}}.logs-container{background-color:var(--bg-color);display:flex;flex-direction:row;height:100vh}.sidebar{background-color:var(--sidebar-bg-color);display:flex;flex-direction:column;padding:1rem;width:250px}.header-title,.sidebar{color:var(--text-color)}.header-title{font-size:2rem;margin-bottom:1rem}.logs-table-container{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:1rem;max-height:60vh;overflow-y:auto;width:100%}.logs-table{border-collapse:collapse;width:100%}.logs-table th{background-color:var(--primary-color);color:#fff;padding:.75rem 1rem}.logs-table td{border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.no-logs-message{color:var(--error-color);font-weight:700;padding:2rem;text-align:center}.landing-container{background:var(--bg-gradient-start);color:var(--text-color);min-height:100vh}.hero{align-items:center;background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));display:flex;justify-content:center;min-height:80vh;padding:2rem;text-align:center}.hero-content{max-width:800px}.hero h1{animation:fadeInUp .8s ease;font-size:3.5rem;margin-bottom:1rem}.hero-subtitle{animation:fadeInUp 1s ease;font-size:1.5rem;margin-bottom:2rem;opacity:.9}.features{background:var(--card-bg-color);padding:4rem 2rem}.features h2{margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#ffffff0d;border-radius:10px;padding:2rem;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.cta-button:hover{transform:translateY(-2px)}.about{background:var(--bg-gradient-start);padding:4rem 2rem}.about-content{margin:0 auto;max-width:800px}.benefits-list{list-style:none;margin-top:2rem;padding:0}.benefits-list li{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.contact{background:var(--bg-gradient-start);padding:4rem 2rem;text-align:center}.contact-content{margin:0 auto;max-width:800px}.contact h2{margin-bottom:1rem}.contact p{color:var(--text-secondary-color);margin-bottom:2rem}.landing-footer{background:var(--card-bg-color);padding:3rem 2rem 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.footer-section h4{margin-bottom:1rem}.footer-section a{color:var(--text-color);display:block;margin-bottom:.5rem;text-decoration:none}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.cta-buttons{flex-direction:column}.feature-card{padding:1.5rem}}.learn-more-container{background:var(--bg-gradient-start);color:var(--text-color);min-height:100vh}.learn-more-nav{background:#ffffff0d;padding:1rem 2rem}.back-link{align-items:center;color:var(--text-color);display:inline-flex;text-decoration:none;transition:color .3s ease}.back-link:hover{color:var(--primary-color)}.learn-more-content{margin:0 auto;max-width:1200px;padding:2rem}.learn-more-hero{padding:4rem 0;text-align:center}.learn-more-hero h1{font-size:2.5rem;margin-bottom:1rem}.subtitle{color:var(--text-secondary-color);font-size:1.2rem}.learn-more-section{margin:4rem 0}.learn-more-section h2{font-size:2rem;margin-bottom:2rem;text-align:center}.info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-card{background:#ffffff0d;border-radius:10px;padding:2rem;transition:transform .3s ease}.info-card:hover{transform:translateY(-5px)}.features-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{background:#ffffff0d;border-left:3px solid var(--primary-color);border-radius:0 10px 10px 0;padding:1.5rem}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:3rem 0}.pricing-card{background:#ffffff0d;border-radius:10px;padding:2rem;text-align:center;transition:transform .3s ease}.pricing-card.featured{background:rgba(var(--primary-color-rgb),.1);transform:scale(1.05)}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}.price{color:var(--primary-color);font-size:2rem;margin:1rem 0}.pricing-card ul{list-style:none;margin:2rem 0;padding:0}.pricing-card li{margin:.5rem 0}.pricing-button{background:var(--primary-color);border-radius:5px;color:#fff;display:inline-block;padding:.8rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.pricing-button:hover{background:var(--primary-hover)}.cta{padding:4rem 0;text-align:center}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.cta-button{border-radius:5px;font-weight:700;padding:1rem 2rem;text-decoration:none;transition:transform .2s ease}.cta-button.primary{background:var(--primary-color);color:#fff}.cta-button.secondary{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}@media (max-width:768px){.learn-more-hero h1{font-size:2rem}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-5px)}.cta-buttons{flex-direction:column}}