:root,[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-gradient-start: #667eea;--bg-gradient-end: #764ba2;--surface-primary: #ffffff;--surface-secondary: #f8f9fa;--surface-elevated: #ffffff;--text-primary: #333333;--text-secondary: #6c757d;--text-tertiary: #adb5bd;--text-inverse: #ffffff;--text-link: #007bff;--border-primary: #e9ecef;--border-secondary: #ced4da;--border-focus: #667eea;--brand-primary: #667eea;--brand-secondary: #764ba2;--brand-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--success-bg: #d4edda;--success-text: #155724;--success-border: #c3e6cb;--error-bg: #f8d7da;--error-text: #721c24;--error-border: #f5c6cb;--warning-bg: #fff3cd;--warning-text: #856404;--warning-border: #ffeeba;--info-bg: #e3f2fd;--info-text: #0c5460;--info-border: #bee5eb;--btn-primary-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--btn-primary-text: #ffffff;--btn-secondary-bg: #f8f9fa;--btn-secondary-text: #333333;--btn-secondary-border: #ced4da;--btn-danger-bg: #dc3545;--btn-danger-text: #ffffff;--input-bg: #ffffff;--input-border: #ced4da;--input-text: #333333;--input-placeholder: #6c757d;--input-focus-border: #667eea;--input-focus-shadow: rgba(102, 126, 234, .15);--sidebar-bg: #ffffff;--sidebar-text: #333333;--sidebar-hover: #f8f9fa;--sidebar-active: #e9ecef;--sidebar-border: #e9ecef;--card-bg: #ffffff;--card-border: #e9ecef;--card-shadow: rgba(0, 0, 0, .1);--card-header-bg: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--table-header-bg: #f8f9fa;--table-row-hover: #f1f3f5;--table-border: #dee2e6;--overlay-bg: rgba(0, 0, 0, .5);--modal-bg: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--scrollbar-track: #f1f1f1;--scrollbar-thumb: #c1c1c1;--scrollbar-thumb-hover: #a8a8a8;--background: var(--bg-primary);--surface: var(--surface-primary);--surface-hover: var(--bg-secondary);--surface-elevated: var(--bg-tertiary);--text: var(--text-primary);--border: var(--border-primary);--border-light: var(--bg-tertiary);--primary: var(--brand-primary);--primary-bg: rgba(102, 126, 234, .1);--primary-shadow: rgba(102, 126, 234, .15)}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-gradient-start: #4a5568;--bg-gradient-end: #2d3748;--surface-primary: #1e1e32;--surface-secondary: #252542;--surface-elevated: #2a2a45;--text-primary: #e2e8f0;--text-secondary: #a0aec0;--text-tertiary: #718096;--text-inverse: #1a1a2e;--text-link: #90cdf4;--border-primary: #2d3748;--border-secondary: #4a5568;--border-focus: #90cdf4;--brand-primary: #7c8fea;--brand-secondary: #9b6bb2;--brand-gradient: linear-gradient(135deg, #5a67d8 0%, #805ad5 100%);--success-bg: #1c3829;--success-text: #68d391;--success-border: #2f5a3f;--error-bg: #3b1a1f;--error-text: #fc8181;--error-border: #5c3039;--warning-bg: #3c3216;--warning-text: #fbd38d;--warning-border: #5c4d2e;--info-bg: #1a3a4a;--info-text: #63b3ed;--info-border: #2c5a6e;--btn-primary-bg: linear-gradient(135deg, #5a67d8 0%, #805ad5 100%);--btn-primary-text: #ffffff;--btn-secondary-bg: #2d3748;--btn-secondary-text: #e2e8f0;--btn-secondary-border: #4a5568;--btn-danger-bg: #e53e3e;--btn-danger-text: #ffffff;--input-bg: #2d3748;--input-border: #4a5568;--input-text: #e2e8f0;--input-placeholder: #718096;--input-focus-border: #90cdf4;--input-focus-shadow: rgba(144, 205, 244, .2);--sidebar-bg: #1e1e32;--sidebar-text: #e2e8f0;--sidebar-hover: #2a2a45;--sidebar-active: #3a3a5a;--sidebar-border: #2d3748;--card-bg: #1e1e32;--card-border: #2d3748;--card-shadow: rgba(0, 0, 0, .3);--card-header-bg: linear-gradient(135deg, #252542 0%, #1e1e32 100%);--table-header-bg: #252542;--table-row-hover: #2a2a45;--table-border: #2d3748;--overlay-bg: rgba(0, 0, 0, .7);--modal-bg: #1e1e32;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .4);--scrollbar-track: #2d3748;--scrollbar-thumb: #4a5568;--scrollbar-thumb-hover: #718096;--background: var(--bg-primary);--surface: var(--surface-primary);--surface-hover: var(--bg-secondary);--surface-elevated: var(--bg-tertiary);--text: var(--text-primary);--border: var(--border-primary);--border-light: var(--border-secondary);--primary: var(--brand-primary);--primary-bg: rgba(122, 143, 234, .15);--primary-shadow: rgba(144, 205, 244, .2)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html,body{background-color:var(--background);color:var(--text);transition:background-color .3s ease,color .3s ease}.loading-text{color:#fff;font-size:14px;margin:5px 0}.error-text{color:#ff6b6b;font-size:14px;margin:5px 0;font-weight:700}.instruction-note{background-color:var(--info-bg);padding:15px;margin-bottom:20px;border-radius:8px;font-size:14px;line-height:1.5;color:var(--text);text-align:justify;border:1px solid var(--info-border)}.file-input-hint{color:var(--text-secondary);margin-top:5px;display:block;font-size:12px}main.form-page-main{font-family:Inter,sans-serif;display:flex;background:var(--surface);color:var(--text);flex-direction:column;margin:0;padding:0;justify-content:center;align-items:center;min-height:100vh;border-radius:12px}header{display:flex;justify-content:center;align-items:center;gap:5px;height:70px}header>img{width:50px}header>h1{font-weight:200}.form-container{display:flex;justify-content:center;align-items:center;width:90%;max-width:500px;min-height:auto;height:auto;padding:20px;box-sizing:border-box;flex-direction:column;margin:0 auto 20px;background-color:var(--surface);border-radius:12px;box-shadow:var(--shadow-md)}@media screen and (min-width:801px){main{padding:1rem 3rem;max-width:none;width:100%;min-height:100vh;justify-content:flex-start;align-items:stretch;border-radius:0}.details{padding:0;width:100%;max-width:none;margin:0}.form-container{max-width:800px;width:100%;padding:2rem;margin:1rem auto}.site-health-container{max-width:none;width:100%;padding:2rem;margin:2rem 0;background-color:#f8fafc;border-radius:16px;border:1px solid #e2e8f0}}.site-form{display:flex;flex-direction:column;gap:10px;width:100%}.site-form label{font-weight:700;margin-bottom:2px;color:#333}.site-form input,.site-form select{padding:9px;border:1px solid #bdbdbd;border-radius:8px;box-sizing:border-box;width:100%;background-color:#fff;cursor:pointer;font-size:16px;box-shadow:0 1px 3px #0000001a}.button-group{display:flex;gap:30px;width:100%;margin-top:5px;justify-content:space-between}.button-group button{flex:1;padding:12px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .2s;min-width:150px}#saveAndContinueBtn{background-color:#2196f3;color:#fff;cursor:pointer}.complete-install-btn{background-color:#2196f3;color:#fff;border:none;transition:background-color .3s ease;border-radius:8px}.complete-install-btn.low-speed{background-color:#ff4d4d}.button-group button:last-child{background-color:#2196f3}.button-group button:last-child:hover{background-color:#1976d2}.start-site-install-btn{padding:12px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;width:100%}button[onClick=signOut]{background-color:#9e9e9e;width:100%;padding:10px 15px;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-top:20px}button[onClick=signOut]:hover{background-color:#757575}@keyframes btn-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.modern-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 15px #667eea4d;text-transform:none;letter-spacing:.025em}.modern-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66;background:linear-gradient(135deg,#5a6fd8,#6b4190)}.modern-btn:active{transform:translateY(0);box-shadow:0 4px 15px #667eea4d}.modern-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #9ca3af33}.modern-btn:disabled:hover{transform:none;box-shadow:0 2px 8px #9ca3af33;background:#9ca3af}.modern-btn.loading{background:linear-gradient(135deg,#667eea,#764ba2);cursor:wait;position:relative;color:transparent}.modern-btn.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:btn-spin 1s linear infinite}button[type=submit].primary,.site-health-query-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #667eea4d;min-height:52px;position:relative;overflow:hidden}button[type=submit].primary:hover,.site-health-query-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66;background:linear-gradient(135deg,#5a6fd8,#6b4190)}button[type=submit].primary:disabled,.site-health-query-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #9ca3af33}button[type=submit].primary[disabled]:not([style*="background-color: rgb(108, 117, 125)"]):after,button[type=submit].primary:disabled:not([style*="opacity: 0.6"]):after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:btn-spin 1s linear infinite}.query-button-loading{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:transparent!important;cursor:wait!important;position:relative!important;opacity:1!important}.query-button-loading:after{content:""!important;position:absolute!important;top:50%!important;left:50%!important;width:20px!important;height:20px!important;margin:-10px 0 0 -10px!important;border:2px solid rgba(255,255,255,.3)!important;border-top:2px solid white!important;border-radius:50%!important;animation:simple-spin 1s linear infinite!important;z-index:2!important}.site-form .error{color:red;font-size:12px;margin-top:5px}.image-previews-container{margin-top:15px}.image-previews-title{margin-bottom:10px;font-size:16px;font-weight:700}.image-previews-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start}.image-preview-item{display:flex;flex-direction:column;align-items:center;width:150px;margin-bottom:15px}.image-preview-single{display:flex;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.image-preview{width:150px;height:150px;object-fit:cover;border-radius:8px;margin-bottom:0}.image-download-link{display:inline-block;padding:8px 12px;background-color:#2196f3;color:#fff;border-radius:8px;text-decoration:none;font-size:14px;text-align:center;font-weight:500;min-width:120px;box-shadow:0 1px 3px #0003}.image-download-link:hover{background-color:#1976d2}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 12px #00000026}.spinner{border:4px solid rgba(0,0,0,.1);width:50px;height:50px;border-radius:50%;border-left-color:#2196f3;animation:spin 1s linear infinite;margin-bottom:15px}.spinner-text{color:#2196f3;font-weight:500;font-size:16px}.modern-spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modern-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:3rem 2rem;border-radius:20px;box-shadow:0 20px 50px #0000004d;max-width:400px;text-align:center}.modern-spinner{width:60px;height:60px;border:4px solid #f3f4f6;border-top:4px solid transparent;border-radius:50%;background:conic-gradient(from 0deg,#667eea,#764ba2,#667eea);animation:modernSpin 1.2s cubic-bezier(.4,0,.2,1) infinite;margin-bottom:1.5rem;position:relative}.modern-spinner:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#fff;border-radius:50%}@keyframes modernSpin{0%{transform:rotate(0);filter:hue-rotate(0deg)}to{transform:rotate(360deg);filter:hue-rotate(360deg)}}.modern-spinner-text{color:#374151;font-weight:600;font-size:1.1rem;margin-bottom:.5rem;font-family:Inter,sans-serif}.modern-spinner-subtext{color:#6b7280;font-size:.875rem;font-family:Inter,sans-serif;line-height:1.4}.pulse-dot{display:inline-block;animation:pulse 1.5s ease-in-out infinite}.pulse-dot:nth-child(1){animation-delay:0s}.pulse-dot:nth-child(2){animation-delay:.3s}.pulse-dot:nth-child(3){animation-delay:.6s}@keyframes pulse{0%,60%,to{opacity:.3;transform:scale(1)}30%{opacity:1;transform:scale(1.1)}}.site-health-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;border:2px solid #e2e8f0;margin:2rem auto;max-width:500px;text-align:center}.site-health-loading .loading-spinner{width:50px;height:50px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.site-health-loading .loading-text{color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.site-health-loading .loading-subtext{color:#6b7280;font-size:.875rem}.download-notification-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.download-notification{background-color:#fff;color:#333;padding:24px;border-radius:10px;box-shadow:0 4px 20px #0003;max-width:90%;width:450px;animation:fadeIn .3s ease-out forwards;text-align:center}.download-notification-icon{font-size:48px;color:#4caf50;margin-bottom:16px}.download-notification-content{margin-bottom:20px}.download-notification-title{font-weight:600;font-size:20px;margin-bottom:8px;color:#333}.download-notification-message{font-size:16px;line-height:1.5;color:#555}.download-notification-close{background-color:#4caf50;border:none;color:#fff;font-size:16px;font-weight:500;padding:10px 20px;border-radius:6px;cursor:pointer;transition:background-color .2s}.download-notification-close:hover{background-color:#3d9140}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.report-modal{width:92vw;max-width:680px;max-height:calc(100vh - 2rem);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:2rem;box-sizing:border-box}.amplify-authenticator-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding-top:200px;z-index:999;background-color:#0006}.amplify-authenticator{width:100%;max-width:350px;box-shadow:0 4px 12px #00000026;border-radius:8px;z-index:1000;background-color:#fff}.amplify-authenticator .amplify-form{padding:1.5rem}.amplify-authenticator .amplify-field{margin-bottom:1rem}.amplify-authenticator .amplify-flex{gap:.75rem}.amplify-authenticator .amplify-button,.amplify-authenticator .amplify-input{height:40px;font-size:14px}.amplify-authenticator .amplify-heading{font-size:1.5rem}.amplify-authenticator .amplify-text{font-size:1rem}.amplify-authenticator .amplify-button--primary{background-color:#2196f3}.amplify-authenticator .amplify-button--primary:hover{background-color:#1976d2}.amplify-authenticator{background-color:#fff}.amplify-authenticator .amplify-input{border:1px solid #e0e0e0;transition:border-color .2s ease}.amplify-authenticator .amplify-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.amplify-authenticator .amplify-button--primary{transition:background-color .2s ease}.login-page{min-height:100vh;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 10px 25px #0000001a;width:100%;max-width:480px;overflow:hidden;border:1px solid #e2e8f0;transition:box-shadow .2s ease}@media(min-width:768px){.login-container{max-width:520px}}.login-container:hover{box-shadow:0 4px 6px -1px #0000001a,0 10px 25px #00000026}.login-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:clamp(1.5rem,4vw,2rem) 1.5rem;text-align:center}.login-logo{margin-bottom:1rem}.login-logo-image{width:clamp(60px,15vw,80px);height:clamp(60px,15vw,80px);border-radius:50%;border:3px solid rgba(255,255,255,.2);object-fit:cover;transition:transform .2s ease}.login-logo-image:hover{transform:scale(1.05)}.login-title{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;font-family:Inter,sans-serif;margin:0 0 .5rem;line-height:1.2}.login-subtitle{font-size:clamp(.875rem,2.5vw,1rem);font-family:Inter,sans-serif;margin:0;opacity:.9;font-weight:400}.login-footer{background:#f8fafc;padding:1rem 1.5rem;text-align:center;border-top:1px solid #e2e8f0}.login-footer p{margin:0;font-size:.875rem;font-family:Inter,sans-serif;color:#64748b}.login-container [data-amplify-authenticator],.login-container [data-amplify-container],.login-container [data-amplify-router],.login-container [data-amplify-router-content]{background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important}.login-container [data-amplify-container]{background:transparent!important;border:none!important;box-shadow:none!important;padding:clamp(1.5rem,4vw,2rem) 1.5rem!important}.login-container [data-amplify-router] *{margin:0!important}.login-container [data-amplify-router] .amplify-flex,.login-container [data-amplify-router] fieldset,.login-container [data-amplify-router] .amplify-field{padding-left:0!important;padding-right:0!important}.login-container [data-amplify-router] [data-amplify-footer]{padding-left:12px!important;padding-right:12px!important}.login-container [data-amplify-router] .amplify-tabs__item{margin:0 4px!important}.login-container [data-amplify-router] .amplify-input{margin:0!important;padding-left:.75rem!important;padding-right:.75rem!important}.login-container [data-amplify-router] .amplify-button--primary{margin:0 8px!important}.login-container [data-amplify-router] .amplify-button--link{margin:0 8px!important;padding-left:1rem!important;padding-right:1rem!important}.login-container [data-amplify-router] .amplify-label{margin:0 8px!important;padding-left:4px!important;padding-right:4px!important}.login-container [data-amplify-router-content]{padding-left:16px!important;padding-right:16px!important}.login-container [data-amplify-router] .amplify-tabs__item,.login-container .amplify-tabs__item{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)!important;border:1px solid #cbd5e1!important;border-bottom:2px solid transparent!important;border-radius:8px 8px 0 0!important;color:#64748b!important;font-weight:600!important;font-size:.875rem!important;font-family:Inter,sans-serif!important;padding:.75rem 1rem!important;transition:all .2s ease!important;position:relative!important;margin-right:2px!important}.login-container [data-amplify-router] .amplify-tabs__item--active,.login-container .amplify-tabs__item--active{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border-color:#3b82f6!important;border-bottom-color:transparent!important;box-shadow:0 4px 8px #3b82f64d!important}.login-container [data-amplify-router] .amplify-tabs__item:hover,.login-container .amplify-tabs__item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;color:#1e293b!important;border-color:#94a3b8!important}.login-container [data-amplify-router] .amplify-tabs__item--active:hover,.login-container .amplify-tabs__item--active:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;color:#fff!important;border-color:#1d4ed8!important}.amplify-tabs .amplify-tabs__list .amplify-tabs__item{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)!important;border:1px solid #cbd5e1!important;border-bottom:2px solid transparent!important;border-radius:8px 8px 0 0!important;color:#64748b!important;font-weight:600!important;font-size:.875rem!important;font-family:Inter,sans-serif!important;padding:.75rem 1rem!important;transition:all .2s ease!important;margin-right:2px!important}.amplify-tabs .amplify-tabs__list .amplify-tabs__item.amplify-tabs__item--active{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border-color:#3b82f6!important;border-bottom-color:transparent!important;box-shadow:0 4px 8px #3b82f64d!important}.amplify-tabs .amplify-tabs__list .amplify-tabs__item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;color:#1e293b!important;border-color:#94a3b8!important}.amplify-tabs .amplify-tabs__list .amplify-tabs__item.amplify-tabs__item--active:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;color:#fff!important;border-color:#1d4ed8!important}.login-container [data-amplify-router] .amplify-flex[data-amplify-form],.login-container .amplify-flex[data-amplify-form]{padding:2rem 1rem!important;background:transparent!important}.login-container [data-amplify-router] .amplify-field,.login-container .amplify-field{margin-bottom:2rem!important;padding:4px!important;font-family:Inter,sans-serif!important}.login-container [data-amplify-router] .amplify-label,.login-container .amplify-label{font-weight:600!important;color:#1f2937!important;font-size:.875rem!important;font-family:Inter,sans-serif!important;margin-bottom:8px!important;margin-top:12px!important;display:block!important}.login-container [data-amplify-router] .amplify-input,.login-container .amplify-input{width:100%!important;padding:.75rem 1rem!important;border:1px solid #d1d5db!important;border-radius:8px!important;font-size:.875rem!important;font-family:Inter,sans-serif!important;transition:all .2s ease!important;background:#fff!important;box-sizing:border-box!important}.login-container [data-amplify-router] .amplify-input:focus,.login-container .amplify-input:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.login-container [data-amplify-router] .amplify-input::placeholder,.login-container .amplify-input::placeholder{color:#9ca3af!important}.login-container [data-amplify-router] .amplify-button--primary,.login-container .amplify-button--primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-weight:600!important;font-size:.875rem!important;font-family:Inter,sans-serif!important;padding:.75rem 1.5rem!important;width:100%!important;cursor:pointer!important;transition:all .2s ease-in-out!important;box-shadow:0 4px 8px #3b82f64d!important}.login-container [data-amplify-router] .amplify-button--primary:hover,.login-container .amplify-button--primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;box-shadow:0 6px 12px #3b82f666!important;transform:translateY(-1px)!important}.login-container [data-amplify-router] .amplify-button--primary:active,.login-container .amplify-button--primary:active{transform:translateY(0)!important;box-shadow:0 2px 4px #3b82f64d!important}.login-container [data-amplify-router] .amplify-button--link,.login-container .amplify-button--link{color:#3b82f6!important;background:transparent!important;border:none!important;font-size:.875rem!important;font-weight:500!important;font-family:Inter,sans-serif!important;text-decoration:none!important;cursor:pointer!important;transition:all .2s ease!important;padding:.5rem!important;border-radius:4px!important}.login-container [data-amplify-router] .amplify-button--link:hover,.login-container .amplify-button--link:hover{color:#1d4ed8!important;background:#3b82f60d!important;text-decoration:none!important}.login-container .amplify-field__show-password{background:transparent!important;border:none!important;color:#6b7280!important;padding:.5rem!important;border-radius:4px!important}.login-container .amplify-field__show-password:hover{background:#6b72801a!important;color:#374151!important}.login-container .amplify-alert{background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:8px!important;color:#dc2626!important;padding:.75rem!important;font-size:.875rem!important;margin-bottom:1rem!important}.login-container .amplify-alert--info{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1d4ed8!important}.login-container .amplify-button--primary:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important;box-shadow:0 1px 3px #0000001a!important}.login-container .amplify-fieldset{border:none!important;padding:0!important;margin:0!important}.login-container [data-amplify-footer]{margin-top:1rem!important;text-align:center!important}.login-container [data-amplify-footer] .amplify-button--link{width:auto!important;padding:.5rem!important}.login-container [data-amplify-router-content]{background:transparent!important}.login-container .amplify-tabs__panel{background:transparent!important;border:none!important;padding:0!important}.login-container .amplify-tabs{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}.login-container .amplify-tabs__list{background:transparent!important;border-bottom:1px solid #e5e7eb!important;margin-bottom:1.5rem!important}.login-container [data-amplify-router] .amplify-tabs,.login-container [data-amplify-router] .amplify-tabs__list,.login-container [data-amplify-router] .amplify-tabs__panel,.login-container [data-amplify-router-content] form,.login-container [data-amplify-router-content] .amplify-flex{background:transparent!important;border:none!important;box-shadow:none!important}.login-container [data-amplify-router] .amplify-tabs__item,.login-container .amplify-tabs__item{background:transparent!important;border:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;color:#64748b!important;font-weight:600!important;font-size:.875rem!important;padding:.5rem .75rem!important;transition:all .2s ease!important;position:relative!important;margin-left:24px!important;margin-right:24px!important;min-width:100px!important;max-width:120px!important}.login-container [data-amplify-router] .amplify-tabs__item--active,.login-container .amplify-tabs__item--active{color:#3b82f6!important;border-bottom-color:#3b82f6!important;background:#3b82f60d!important}.login-container [data-amplify-router] .amplify-tabs__item:hover,.login-container .amplify-tabs__item:hover{color:#1d4ed8!important;background:#3b82f608!important}@media(max-width:480px){.login-page{padding:.5rem}.login-container{max-width:100%;border-radius:8px}.login-header{padding:1.5rem 1rem}.login-container [data-amplify-container]{padding:1.5rem 1rem!important}.login-container .amplify-tabs__item{font-size:.8rem!important;padding:.625rem .75rem!important}.login-container .amplify-input,.login-container .amplify-button--primary{padding:.625rem .875rem!important;font-size:.8rem!important}}@media(min-width:768px){.login-container{max-width:460px}.login-header{padding:2.5rem 2rem}.login-container [data-amplify-container]{padding:2rem!important}}.login-form-container .amplify-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.login-form-container .amplify-input::placeholder{color:#9ca3af}.login-form-container .amplify-button--primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.875rem;padding:.75rem 1.5rem;width:100%;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 8px #3b82f64d;position:relative;overflow:hidden}.login-form-container .amplify-button--primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 12px #3b82f666;transform:translateY(-1px)}.login-form-container .amplify-button--primary:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f64d}.login-form-container .amplify-button--link{color:#3b82f6;background:transparent;border:none;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;padding:.5rem;border-radius:4px}.login-form-container .amplify-button--link:hover{color:#1d4ed8;background:#3b82f60d;text-decoration:none}.login-form-container .amplify-field__show-password{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.login-form-container .amplify-field__show-password:hover{background:#f3f4f6;color:#374151}.login-form-container .amplify-field__show-password:active{background:#e5e7eb}.login-form-container .amplify-alert{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.login-form-container .amplify-alert:before{content:"⚠️";font-size:1rem}.login-form-container .amplify-alert--info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.login-form-container .amplify-alert--info:before{content:"ℹ️"}.login-form-container [data-amplify-footer]{margin-top:1.5rem;text-align:center;border-top:1px solid #f1f5f9;padding-top:1rem}.login-form-container .amplify-button--primary:disabled{opacity:.6;cursor:not-allowed;transform:none;position:relative}.login-form-container .amplify-button--primary:disabled:hover{transform:none;box-shadow:0 4px 8px #3b82f64d}.login-form-container .amplify-button--primary:disabled:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.login-form-container .amplify-flex{gap:0}.login-form-container .amplify-field-group{border:none;background:transparent}.login-form-container .amplify-field-group__control{border:1px solid #d1d5db}.login-form-container .amplify-field-group__control:focus{border-color:#3b82f6}[data-amplify-authenticator]{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}[data-amplify-authenticator] *,[data-amplify-container] *,[data-amplify-router] *,[data-amplify-router-content] *{font-family:Inter,sans-serif!important}body [data-amplify-authenticator]{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;font-family:Inter,sans-serif!important}body [data-amplify-authenticator] .amplify-tabs__item{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)!important;border:1px solid #cbd5e1!important;border-bottom:2px solid transparent!important;border-radius:8px 8px 0 0!important;color:#64748b!important;font-weight:600!important;font-size:.875rem!important;font-family:Inter,sans-serif!important;padding:.75rem 1rem!important;transition:all .2s ease!important;position:relative!important;margin-right:2px!important}body [data-amplify-authenticator] .amplify-tabs__item--active{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border-color:#3b82f6!important;border-bottom-color:transparent!important;box-shadow:0 4px 8px #3b82f64d!important}body [data-amplify_authenticator] .amplify-tabs__item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;color:#1e293b!important;border-color:#94a3b8!important}body [data-amplify-authenticator] .amplify-tabs__item--active:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;color:#fff!important;border-color:#1d4ed8!important}body [data-amplify-authenticator] .amplify-input{width:100%!important;padding:.75rem 1rem!important;border:1px solid #d1d5db!important;border-radius:8px!important;font-size:.875rem!important;font-family:Inter,sans-serif!important;transition:all .2s ease!important;background:#fff!important;box-sizing:border-box!important}body [data-amplify-authenticator] .amplify-input:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}body [data-amplify-authenticator] .amplify-button--primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-weight:600!important;font-size:.875rem!important;font-family:Inter,sans-serif!important;padding:.75rem 1.5rem!important;width:100%!important;cursor:pointer!important;transition:all .2s ease-in-out!important;box-shadow:0 4px 8px #3b82f64d!important}body [data-amplify-authenticator] .amplify-button--primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;box-shadow:0 6px 12px #3b82f666!important;transform:translateY(-1px)!important}body [data-amplify-authenticator] .amplify-label{font-weight:600!important;color:#1f2937!important;font-size:.875rem!important;font-family:Inter,sans-serif!important;margin-bottom:8px!important;margin-top:16px!important;display:block!important}body [data-amplify_authenticator] .amplify-button--link{color:#3b82f6!important;background:transparent!important;border:none!important;font-size:.875rem!important;font-weight:500!important;font-family:Inter,sans-serif!important;text-decoration:none!important;cursor:pointer!important;transition:all .2s ease!important;padding:.5rem!important;border-radius:4px!important}body [data-amplify_authenticator] .amplify-button--link:hover{color:#1d4ed8!important;background:#3b82f60d!important;text-decoration:none!important}[data-amplify-router-content] form[data-amplify-form]{background:transparent!important;border:none!important;padding-left:1rem!important;padding-right:1rem!important}[data-amplify-router-content] .amplify-flex{background:transparent!important;padding-left:8px!important;padding-right:8px!important}[data-amplify-router-content] .amplify-field{margin-left:8px!important;margin-right:8px!important}.amplify-field .amplify-field-group .amplify-field-group__field-wrapper .amplify-input{width:100%!important;padding:.75rem 1rem!important;border:1px solid #d1d5db!important;border-radius:8px!important;font-size:.875rem!important;font-family:Inter,sans-serif!important;transition:all .2s ease!important;background:#fff!important;box-sizing:border-box!important}.amplify-field .amplify-field-group .amplify-field-group__field-wrapper .amplify-input:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.amplify-flex .amplify-button.amplify-field-group__control.amplify-button--primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-weight:600!important;font-size:.875rem!important;font-family:Inter,sans-serif!important;padding:.75rem 1.5rem!important;width:80%!important;max-width:280px!important;cursor:pointer!important;transition:all .2s ease-in-out!important;box-shadow:0 4px 8px #3b82f64d!important;margin-left:auto!important;margin-right:auto!important;display:block!important;text-align:center!important}.amplify-flex .amplify-button.amplify-field-group__control.amplify-button--primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;box-shadow:0 6px 12px #3b82f666!important;transform:translateY(-1px)!important}[data-amplify-footer] .amplify-button.amplify-field-group__control.amplify-button--link{color:#3b82f6!important;background:transparent!important;border:none!important;font-size:.875rem!important;font-weight:500!important;font-family:Inter,sans-serif!important;text-decoration:none!important;cursor:pointer!important;transition:all .2s ease!important;padding:.5rem 1.5rem!important;border-radius:4px!important;margin-left:12px!important;margin-right:12px!important;text-align:center!important}[data-amplify-footer] .amplify-button.amplify-field-group__control.amplify-button--link:hover{color:#1d4ed8!important;background:#3b82f60d!important;text-decoration:none!important}.login-container [data-amplify-router-content]{padding-left:1.5rem!important;padding-right:1.5rem!important}.login-container [data-amplify-router] fieldset.amplify-flex{padding-left:1rem!important;padding-right:1rem!important}.login-container [data-amplify-router] .amplify-field.amplify-textfield,.login-container [data-amplify-router] .amplify-field.amplify-passwordfield{margin-left:12px!important;margin-right:12px!important}.login-container [data-amplify-router] .amplify-field-group{padding-left:8px!important;padding-right:8px!important}.login-container [data-amplify-router] input.amplify-input{padding-left:.75rem!important;padding-right:.75rem!important}.login-container [data-amplify-router] button.amplify-button{margin-left:8px!important;margin-right:8px!important}.login-container [data-amplify-router] .amplify-flex.amplify-field{padding-left:4px!important;padding-right:4px!important}.login-container [data-amplify-router] .amplify-tabs__item{padding:.5rem .75rem!important;font-size:.9rem!important;margin-left:24px!important;margin-right:24px!important;min-width:100px!important;max-width:120px!important}.login-container [data-amplify-router] .amplify-tabs .amplify-button{padding:.5rem 1rem!important;font-size:.9rem!important;margin-left:16px!important;margin-right:16px!important}@media screen and (max-width:480px){.form-container{width:95%;padding:10px}header{flex-direction:column;height:auto;padding:10px}header>h1{font-size:1.5rem}}@media screen and (max-width:480px){.site-form input,.site-form select{padding:10px;margin-bottom:8px}.site-form button{padding:12px 20px;width:100%}}@media screen and (max-width:480px){.button-group{flex-direction:column;gap:15px;padding:0}.button-group button{width:100%;margin:0;min-width:unset}}@media(max-width:480px){.amplify-authenticator{width:90%;max-width:320px;padding:0}}@media(max-width:480px){.amplify-authenticator .amplify-form{padding:1rem}}@media(max-width:480px){.amplify-authenticator .amplify-button{height:44px;font-size:16px}}@media(max-width:480px){.amplify-authenticator .amplify-input{height:44px;font-size:16px}}@media(max-width:480px){.amplify-authenticator .amplify-heading{font-size:1.25rem}}@media(max-width:480px){.amplify-authenticator .amplify-text{font-size:.875rem}}@media(max-width:480px){.amplify-modal{width:100%;max-width:100%;margin:0;border-radius:0}}@media screen and (min-width:801px){main{padding:2rem 3rem;max-width:none;margin:0;width:100%}header{flex-direction:row;height:80px;margin-bottom:2rem;gap:15px;width:100%}header>img{width:70px}header>h1{font-size:2.5rem;font-weight:700}.site-search-container{max-width:800px;padding:2rem;margin:2rem auto 0}div[style*="margin: 2rem auto"][style*="max-width: 500px"][style*="background-color: rgb(248, 249, 250)"]{max-width:900px!important;padding:2rem!important;margin:2rem auto 0!important}div[style*="max-width: 500px"] h2{font-size:1.5rem!important;margin-bottom:1.5rem!important}button[type=submit].primary,.site-health-query-btn{padding:1.25rem 3rem!important;font-size:1.1rem!important;border-radius:12px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 15px #667eea4d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;position:relative!important;overflow:hidden!important;min-height:60px!important}button[type=submit].primary:hover,.site-health-query-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #667eea66!important;background:linear-gradient(135deg,#5a6fd8,#6b4190)!important}button[type=submit].primary:disabled,.site-health-query-btn:disabled{background:#9ca3af!important;cursor:not-allowed!important;transform:none!important;box-shadow:0 2px 8px #9ca3af33!important}div[style*="max-width: 500px"] input{padding:1.25rem!important;font-size:1.1rem!important;border-radius:12px!important;border:2px solid #e5e7eb!important;transition:all .2s ease!important;box-shadow:0 2px 4px #0000000d!important}div[style*="max-width: 500px"] input:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a,0 2px 4px #0000000d!important;outline:none!important}.site-health-loading{max-width:600px!important;padding:4rem 3rem!important;margin:3rem auto!important}.modern-spinner-container{padding:4rem 3rem!important;max-width:500px!important}.site-health-display{max-width:none;padding:2.5rem;margin:2rem 0;width:100%}.site-health-display h2{font-size:2.5rem;margin-bottom:1rem}.site-health-display .site-info{font-size:1.1rem;gap:2rem;margin-bottom:2rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem}.stat-card{padding:2rem;min-height:140px}.stat-card .title{font-size:1rem;margin-bottom:.75rem}.stat-card .value{font-size:2.5rem;margin-bottom:.5rem}.stat-card .subtitle{font-size:.9rem}.filter-controls{padding:2rem}.filter-controls h3{font-size:1.5rem;margin-bottom:1.5rem}.filter-controls .filter-row{display:grid;grid-template-columns:200px 250px auto auto;gap:1rem;align-items:center}.filter-controls select,.filter-controls input{padding:.75rem;font-size:1rem}.filter-controls button{padding:.75rem 1.5rem;font-size:1rem}.devices-section,.gateways-section{margin-bottom:2.5rem}.devices-section h3,.gateways-section h3{font-size:1.75rem;margin-bottom:1.5rem}.devices-grid,.gateways-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.device-card,.gateway-card{padding:1.5rem;margin-bottom:0}.device-card .device-header,.gateway-card .device-header{margin-bottom:1rem}.device-card .device-title,.gateway-card .device-title{font-size:1rem;margin-bottom:.5rem}.device-card .device-eui,.gateway-card .device-eui{font-size:.85rem}.device-card .device-status,.gateway-card .device-status{padding:.5rem 1rem;font-size:.85rem}.device-card .device-details,.gateway-card .device-details{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;font-size:.9rem}.footer-info{padding:1.5rem 2rem;margin-top:3rem}.footer-info .footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;font-size:1rem}.form-container{max-width:800px;padding:2.5rem}.button-group{gap:2rem;margin-top:1.5rem}.button-group button{padding:1rem 2rem;font-size:1.1rem;min-width:180px}.amplify-authenticator{max-width:450px;padding:0}.amplify-authenticator .amplify-form{padding:2.5rem}.amplify-authenticator .amplify-heading{font-size:1.75rem}.amplify-authenticator .amplify-input,.amplify-authenticator .amplify-button{height:48px;font-size:1rem}.amplify-authenticator .amplify-field{margin-bottom:1.5rem}div[style*="max-width: 1200px"],div[style*="maxWidth: 1200px"]{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}div[style*="grid-template-columns: repeat(auto-fit, minmax(150px, 1fr))"]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:1.5rem!important}div[style*="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))"]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))!important;gap:1.5rem!important}}@media screen and (min-width:1201px){main{padding:3rem 4rem;max-width:none;width:100%}.site-health-display{max-width:none;padding:3rem;width:100%}.stats-grid{grid-template-columns:repeat(4,1fr);gap:2rem}.devices-grid,.gateways-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.device-card,.gateway-card{padding:2rem}.content-wrapper{display:grid;grid-template-columns:1fr 350px;gap:3rem}.main-content{min-width:0}.sidebar{background-color:#fff;border-radius:12px;padding:2rem;border:1px solid #e5e7eb;height:fit-content;position:sticky;top:2rem}}@media screen and (min-width:801px){body{font-size:16px;line-height:1.6}.site-health-desktop-wrapper{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;max-width:none;margin:0;width:100%}.desktop-stats-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.desktop-navigation{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;border-radius:12px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.desktop-navigation h1{margin:0;font-size:1.5rem;font-weight:600}.desktop-navigation .nav-actions{display:flex;gap:1rem;align-items:center}.desktop-filter-bar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem 2rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000000d}.desktop-filter-bar .filter-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.desktop-filter-bar h3{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600}.desktop-filter-controls{display:grid;grid-template-columns:180px 250px 1fr auto;gap:1rem;align-items:end}.desktop-device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.desktop-device-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.desktop-device-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;border-color:#3b82f6}.desktop-summary-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:2rem;text-align:center;transition:all .2s ease}.desktop-summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.desktop-summary-card .icon{font-size:2.5rem;margin-bottom:1rem;display:block}.desktop-summary-card .value{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;display:block}.desktop-summary-card .label{font-size:.875rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.desktop-summary-card .subtitle{font-size:.875rem;color:#94a3b8}.desktop-actions{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:2rem}.desktop-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;transition:all .2s ease;cursor:pointer;border:none}.desktop-btn-primary{background:#3b82f6;color:#fff}.desktop-btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.desktop-btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.desktop-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.desktop-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.desktop-section-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.75rem}.desktop-section-header .section-count{background:#e5e7eb;color:#374151;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.desktop-footer{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;margin-top:3rem;box-shadow:0 2px 4px #0000000d}.desktop-footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.desktop-footer-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.desktop-footer-item strong{color:#374151}.details{padding:0 3rem!important}div[style*="max-width: 500px"][style*="background-color: rgb(248, 249, 250)"]{max-width:900px!important;margin:2rem auto 0!important;padding:2rem!important}main div[style*="margin: 2rem auto"][style*="max-width: 500px"]{max-width:900px!important;padding:2rem!important}div[style*="max-width: 500px"] form{display:grid!important;grid-template-columns:1fr auto!important;gap:1.5rem!important;align-items:end!important}div[style*="max-width: 500px"] form>div{display:flex!important;flex-direction:column!important}div[style*="max-width: 500px"] form input{min-width:300px!important;padding:1rem!important;font-size:1.1rem!important}div[style*="max-width: 500px"] form button{padding:1rem 2rem!important;font-size:1rem!important;white-space:nowrap!important;height:fit-content!important}.site-health-wrapper{width:100%!important;max-width:none!important;margin:2rem 0!important}.devices-grid,.gateways-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:1.5rem!important}}@media screen and (min-width:1400px){.desktop-device-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:2rem}.desktop-summary-card{padding:2.5rem}.desktop-filter-controls{grid-template-columns:200px 300px 1fr auto;gap:1.5rem}}@media screen and (max-width:768px){body{padding-bottom:100px!important}[data-amplify-theme],[data-amplify-authenticator],.amplify-authenticator,.amplify-container,.amplify-flex{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;position:static!important;flex:none!important}*:not([data-amplify-authenticator]):not(.amplify-authenticator):not(.amplify-container){box-sizing:border-box!important}html,body{height:auto!important;min-height:auto!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;margin:0!important;padding:0!important;position:static!important}#root{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;position:static!important}.layout-container{display:block!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;position:static!important;flex:none!important;width:100%!important}.main-content{display:block!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;flex:none!important;position:static!important;padding:1rem!important;width:100%!important}.my-apps-page,.admin-panel-page,.monitor-page,.installer-page{display:block!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;position:static!important;flex:none!important;align-items:unset!important;justify-content:unset!important;padding:1rem 0 3rem!important;width:100%!important}.my-apps-content,.admin-panel-content{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;padding:1rem!important;width:100%!important;box-sizing:border-box!important}}@media screen and (max-width:400px){.main-content,.my-apps-content,.admin-panel-content{padding:.5rem!important}}:root,[data-amplify-theme]{--amplify-components-accordion-background-color: var(--amplify-colors-background-primary);--amplify-components-accordion-item-border-color: var(--amplify-colors-border-secondary);--amplify-components-accordion-item-border-width: var(--amplify-border-widths-small);--amplify-components-accordion-item-border-style: solid;--amplify-components-accordion-item-border-radius: var(--amplify-radii-small);--amplify-components-accordion-item-trigger-align-items: center;--amplify-components-accordion-item-trigger-background-color: var(--amplify-colors-background-primary);--amplify-components-accordion-item-trigger-color: inherit;--amplify-components-accordion-item-trigger-gap: var(--amplify-space-small);--amplify-components-accordion-item-trigger-justify-content: space-between;--amplify-components-accordion-item-trigger-padding-block: var(--amplify-space-xs);--amplify-components-accordion-item-trigger-padding-inline: var(--amplify-space-small);--amplify-components-accordion-item-trigger-hover-color: inherit;--amplify-components-accordion-item-trigger-hover-background-color: var(--amplify-colors-overlay-5);--amplify-components-accordion-item-trigger-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-accordion-item-trigger-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);--amplify-components-accordion-item-content-color: inherit;--amplify-components-accordion-item-content-padding-inline: var(--amplify-space-small);--amplify-components-accordion-item-content-padding-block-end: var(--amplify-space-small);--amplify-components-accordion-item-content-padding-block-start: var(--amplify-space-xxxs);--amplify-components-accordion-item-icon-color: var(--amplify-colors-font-tertiary);--amplify-components-accordion-item-icon-transition-duration: var(--amplify-time-medium);--amplify-components-accordion-item-icon-transition-timing-function: cubic-bezier(.87, 0, .13, 1);--amplify-components-ai-conversation-message-background-color: var(--amplify-colors-background-secondary);--amplify-components-ai-conversation-message-border-radius: var(--amplify-radii-large);--amplify-components-ai-conversation-message-gap: var(--amplify-space-small);--amplify-components-ai-conversation-message-padding-block: var(--amplify-space-small);--amplify-components-ai-conversation-message-padding-inline: var(--amplify-space-small);--amplify-components-ai-conversation-message-user-background-color: var(--amplify-colors-background-secondary);--amplify-components-ai-conversation-message-assistant-background-color: var(--amplify-colors-primary-10);--amplify-components-ai-conversation-message-sender-gap: var(--amplify-space-small);--amplify-components-ai-conversation-message-sender-username-color: var(--amplify-colors-font-primary);--amplify-components-ai-conversation-message-sender-username-font-size: inherit;--amplify-components-ai-conversation-message-sender-username-font-weight: var(--amplify-font-weights-bold);--amplify-components-ai-conversation-message-sender-timestamp-color: var(--amplify-colors-font-tertiary);--amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;--amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;--amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);--amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs);--amplify-components-ai-conversation-form-gap: var(--amplify-space-small);--amplify-components-ai-conversation-form-padding: var(--amplify-space-small);--amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);--amplify-components-ai-conversation-attachment-border-width: var(--amplify-border-widths-small);--amplify-components-ai-conversation-attachment-border-radius: var(--amplify-radii-small);--amplify-components-ai-conversation-attachment-font-size: var(--amplify-font-sizes-small);--amplify-components-ai-conversation-attachment-padding-block: var(--amplify-space-xxxs);--amplify-components-ai-conversation-attachment-padding-inline: var(--amplify-space-xs);--amplify-components-ai-conversation-attachment-gap: var(--amplify-space-xs);--amplify-components-ai-conversation-attachment-list-padding-block-start: var(--amplify-space-xs);--amplify-components-ai-conversation-attachment-list-gap: var(--amplify-space-xxs);--amplify-components-ai-conversation-attachment-name-color: var(--amplify-colors-font-primary);--amplify-components-ai-conversation-attachment-name-font-size: var(--amplify-font-sizes-small);--amplify-components-ai-conversation-attachment-name-font-weight: var(--amplify-font-weights-normal);--amplify-components-ai-conversation-attachment-size-color: var(--amplify-colors-font-tertiary);--amplify-components-ai-conversation-attachment-size-font-size: var(--amplify-font-sizes-small);--amplify-components-ai-conversation-attachment-size-font-weight: var(--amplify-font-weights-normal);--amplify-components-ai-conversation-attachment-remove-padding: var(--amplify-space-xxs);--amplify-components-ai-conversation-attachment-image-width: var(--amplify-font-sizes-medium);--amplify-components-ai-conversation-attachment-image-height: var(--amplify-font-sizes-medium);--amplify-components-alert-align-items: center;--amplify-components-alert-justify-content: space-between;--amplify-components-alert-color: var(--amplify-colors-font-primary);--amplify-components-alert-background-color: var(--amplify-colors-background-tertiary);--amplify-components-alert-padding-block: var(--amplify-space-small);--amplify-components-alert-padding-inline: var(--amplify-space-medium);--amplify-components-alert-icon-size: var(--amplify-font-sizes-xl);--amplify-components-alert-heading-font-size: var(--amplify-font-sizes-medium);--amplify-components-alert-heading-font-weight: var(--amplify-font-weights-bold);--amplify-components-alert-info-color: var(--amplify-colors-font-info);--amplify-components-alert-info-background-color: var(--amplify-colors-background-info);--amplify-components-alert-error-color: var(--amplify-colors-font-error);--amplify-components-alert-error-background-color: var(--amplify-colors-background-error);--amplify-components-alert-warning-color: var(--amplify-colors-font-warning);--amplify-components-alert-warning-background-color: var(--amplify-colors-background-warning);--amplify-components-alert-success-color: var(--amplify-colors-font-success);--amplify-components-alert-success-background-color: var(--amplify-colors-background-success);--amplify-components-authenticator-max-width: 60rem;--amplify-components-authenticator-modal-width: var(--amplify-space-relative-full);--amplify-components-authenticator-modal-height: var(--amplify-space-relative-full);--amplify-components-authenticator-modal-background-color: var(--amplify-colors-overlay-50);--amplify-components-authenticator-modal-top: var(--amplify-space-zero);--amplify-components-authenticator-modal-left: var(--amplify-space-zero);--amplify-components-authenticator-container-width-max: 30rem;--amplify-components-authenticator-router-border-width: var(--amplify-border-widths-small);--amplify-components-authenticator-router-border-style: solid;--amplify-components-authenticator-router-border-color: var(--amplify-colors-border-primary);--amplify-components-authenticator-router-background-color: var(--amplify-colors-background-primary);--amplify-components-authenticator-router-box-shadow: var(--amplify-shadows-medium);--amplify-components-authenticator-footer-padding-bottom: var(--amplify-space-medium);--amplify-components-authenticator-form-padding: var(--amplify-space-xl);--amplify-components-authenticator-state-inactive-background-color: var(--amplify-colors-background-secondary);--amplify-components-authenticator-or-container-color: var(--amplify-colors-neutral-80);--amplify-components-authenticator-or-container-or-line-background-color: var(--amplify-colors-background-primary);--amplify-components-autocomplete-menu-width: 100%;--amplify-components-autocomplete-menu-margin-block-start: var(--amplify-space-xxxs);--amplify-components-autocomplete-menu-background-color: var(--amplify-colors-background-primary);--amplify-components-autocomplete-menu-border-color: var(--amplify-colors-border-primary);--amplify-components-autocomplete-menu-border-width: var(--amplify-border-widths-small);--amplify-components-autocomplete-menu-border-style: solid;--amplify-components-autocomplete-menu-border-radius: var(--amplify-radii-small);--amplify-components-autocomplete-menu-options-display: flex;--amplify-components-autocomplete-menu-options-flex-direction: column;--amplify-components-autocomplete-menu-options-max-height: 300px;--amplify-components-autocomplete-menu-option-background-color: var(--amplify-colors-background-primary);--amplify-components-autocomplete-menu-option-color: currentcolor;--amplify-components-autocomplete-menu-option-cursor: pointer;--amplify-components-autocomplete-menu-option-transition-duration: var(--amplify-time-short);--amplify-components-autocomplete-menu-option-transition-property: background-color, color;--amplify-components-autocomplete-menu-option-transition-timing-function: ease;--amplify-components-autocomplete-menu-option-active-background-color: var(--amplify-colors-primary-80);--amplify-components-autocomplete-menu-option-active-color: var(--amplify-colors-white);--amplify-components-autocomplete-menu-empty-display: flex;--amplify-components-autocomplete-menu-loading-align-items: center;--amplify-components-autocomplete-menu-loading-display: flex;--amplify-components-autocomplete-menu-loading-gap: var(--amplify-space-xxxs);--amplify-components-autocomplete-menu-space-shared-padding-block: var(--amplify-space-xs);--amplify-components-autocomplete-menu-space-shared-padding-inline: var(--amplify-space-small);--amplify-components-avatar-color: var(--amplify-colors-font-tertiary);--amplify-components-avatar-line-height: 1;--amplify-components-avatar-font-weight: var(--amplify-font-weights-semibold);--amplify-components-avatar-font-size: var(--amplify-font-sizes-small);--amplify-components-avatar-text-align: center;--amplify-components-avatar-width: var(--amplify-font-sizes-xxl);--amplify-components-avatar-height: var(--amplify-font-sizes-xxl);--amplify-components-avatar-background-color: var(--amplify-colors-background-tertiary);--amplify-components-avatar-border-radius: 100%;--amplify-components-avatar-border-color: var(--amplify-colors-border-primary);--amplify-components-avatar-border-width: var(--amplify-border-widths-medium);--amplify-components-avatar-info-color: var(--amplify-colors-font-info);--amplify-components-avatar-info-background-color: var(--amplify-colors-background-info);--amplify-components-avatar-info-border-color: var(--amplify-colors-border-info);--amplify-components-avatar-warning-color: var(--amplify-colors-font-warning);--amplify-components-avatar-warning-background-color: var(--amplify-colors-background-warning);--amplify-components-avatar-warning-border-color: var(--amplify-colors-border-warning);--amplify-components-avatar-success-color: var(--amplify-colors-font-success);--amplify-components-avatar-success-background-color: var(--amplify-colors-background-success);--amplify-components-avatar-success-border-color: var(--amplify-colors-border-success);--amplify-components-avatar-error-color: var(--amplify-colors-font-error);--amplify-components-avatar-error-background-color: var(--amplify-colors-background-error);--amplify-components-avatar-error-border-color: var(--amplify-colors-border-error);--amplify-components-avatar-small-font-size: var(--amplify-font-sizes-xs);--amplify-components-avatar-small-width: var(--amplify-font-sizes-xl);--amplify-components-avatar-small-height: var(--amplify-font-sizes-xl);--amplify-components-avatar-large-font-size: var(--amplify-font-sizes-medium);--amplify-components-avatar-large-width: var(--amplify-font-sizes-xxxl);--amplify-components-avatar-large-height: var(--amplify-font-sizes-xxxl);--amplify-components-badge-color: var(--amplify-colors-font-primary);--amplify-components-badge-line-height: 1;--amplify-components-badge-font-weight: var(--amplify-font-weights-semibold);--amplify-components-badge-font-size: var(--amplify-font-sizes-small);--amplify-components-badge-text-align: center;--amplify-components-badge-padding-vertical: var(--amplify-space-xs);--amplify-components-badge-padding-horizontal: var(--amplify-space-small);--amplify-components-badge-background-color: var(--amplify-colors-background-tertiary);--amplify-components-badge-border-radius: var(--amplify-radii-xl);--amplify-components-badge-info-color: var(--amplify-colors-font-info);--amplify-components-badge-info-background-color: var(--amplify-colors-background-info);--amplify-components-badge-warning-color: var(--amplify-colors-font-warning);--amplify-components-badge-warning-background-color: var(--amplify-colors-background-warning);--amplify-components-badge-success-color: var(--amplify-colors-font-success);--amplify-components-badge-success-background-color: var(--amplify-colors-background-success);--amplify-components-badge-error-color: var(--amplify-colors-font-error);--amplify-components-badge-error-background-color: var(--amplify-colors-background-error);--amplify-components-badge-small-font-size: var(--amplify-font-sizes-xs);--amplify-components-badge-small-padding-vertical: var(--amplify-space-xxs);--amplify-components-badge-small-padding-horizontal: var(--amplify-space-xs);--amplify-components-badge-large-font-size: var(--amplify-font-sizes-medium);--amplify-components-badge-large-padding-vertical: var(--amplify-space-small);--amplify-components-badge-large-padding-horizontal: var(--amplify-space-medium);--amplify-components-breadcrumbs-flex-direction: row;--amplify-components-breadcrumbs-flex-wrap: wrap;--amplify-components-breadcrumbs-gap: 0;--amplify-components-breadcrumbs-color: var(--amplify-colors-font-tertiary);--amplify-components-breadcrumbs-item-flex-direction: row;--amplify-components-breadcrumbs-item-color: inherit;--amplify-components-breadcrumbs-item-font-size: inherit;--amplify-components-breadcrumbs-item-align-items: center;--amplify-components-breadcrumbs-item-line-height: 1;--amplify-components-breadcrumbs-separator-color: inherit;--amplify-components-breadcrumbs-separator-font-size: inherit;--amplify-components-breadcrumbs-separator-padding-inline: var(--amplify-space-xxs);--amplify-components-breadcrumbs-link-color: var(--amplify-components-link-color);--amplify-components-breadcrumbs-link-font-size: inherit;--amplify-components-breadcrumbs-link-font-weight: normal;--amplify-components-breadcrumbs-link-text-decoration: none;--amplify-components-breadcrumbs-link-padding-inline: var(--amplify-space-xs);--amplify-components-breadcrumbs-link-padding-block: var(--amplify-space-xxs);--amplify-components-breadcrumbs-link-current-color: inherit;--amplify-components-breadcrumbs-link-current-font-size: inherit;--amplify-components-breadcrumbs-link-current-font-weight: normal;--amplify-components-breadcrumbs-link-current-text-decoration: none;--amplify-components-button-font-weight: var(--amplify-font-weights-bold);--amplify-components-button-transition-duration: var(--amplify-components-fieldcontrol-transition-duration);--amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size);--amplify-components-button-line-height: var(--amplify-components-fieldcontrol-line-height);--amplify-components-button-padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);--amplify-components-button-padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);--amplify-components-button-padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);--amplify-components-button-padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);--amplify-components-button-background-color: transparent;--amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color);--amplify-components-button-border-width: var(--amplify-components-fieldcontrol-border-width);--amplify-components-button-border-style: var(--amplify-components-fieldcontrol-border-style);--amplify-components-button-border-radius: var(--amplify-components-fieldcontrol-border-radius);--amplify-components-button-color: var(--amplify-colors-font-primary);--amplify-components-button-hover-color: var(--amplify-colors-font-focus);--amplify-components-button-hover-background-color: var(--amplify-colors-primary-10);--amplify-components-button-hover-border-color: var(--amplify-colors-primary-60);--amplify-components-button-focus-color: var(--amplify-colors-font-focus);--amplify-components-button-focus-background-color: var(--amplify-colors-primary-10);--amplify-components-button-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-button-active-color: var(--amplify-colors-font-active);--amplify-components-button-active-background-color: var(--amplify-colors-primary-20);--amplify-components-button-active-border-color: var(--amplify-colors-primary-100);--amplify-components-button-loading-color: var(--amplify-colors-font-disabled);--amplify-components-button-loading-background-color: transparent;--amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);--amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-button-disabled-background-color: transparent;--amplify-components-button-disabled-border-color: var(--amplify-colors-border-tertiary);--amplify-components-button-outlined-info-border-color: var(--amplify-colors-blue-60);--amplify-components-button-outlined-info-background-color: transparent;--amplify-components-button-outlined-info-color: var(--amplify-colors-blue-100);--amplify-components-button-outlined-info-hover-border-color: var(--amplify-colors-blue-60);--amplify-components-button-outlined-info-hover-background-color: var(--amplify-colors-blue-10);--amplify-components-button-outlined-info-hover-color: var(--amplify-colors-blue-100);--amplify-components-button-outlined-info-focus-border-color: var(--amplify-colors-blue-100);--amplify-components-button-outlined-info-focus-background-color: var(--amplify-colors-blue-10);--amplify-components-button-outlined-info-focus-color: var(--amplify-colors-blue-100);--amplify-components-button-outlined-info-focus-box-shadow: var(--amplify-components-fieldcontrol-info-focus-box-shadow);--amplify-components-button-outlined-info-active-border-color: var(--amplify-colors-blue-100);--amplify-components-button-outlined-info-active-background-color: var(--amplify-colors-blue-20);--amplify-components-button-outlined-info-active-color: var(--amplify-colors-blue-100);--amplify-components-button-outlined-warning-border-color: var(--amplify-colors-orange-60);--amplify-components-button-outlined-warning-background-color: transparent;--amplify-components-button-outlined-warning-color: var(--amplify-colors-orange-100);--amplify-components-button-outlined-warning-hover-border-color: var(--amplify-colors-orange-60);--amplify-components-button-outlined-warning-hover-background-color: var(--amplify-colors-orange-10);--amplify-components-button-outlined-warning-hover-color: var(--amplify-colors-orange-100);--amplify-components-button-outlined-warning-focus-border-color: var(--amplify-colors-orange-100);--amplify-components-button-outlined-warning-focus-background-color: var(--amplify-colors-orange-10);--amplify-components-button-outlined-warning-focus-color: var(--amplify-colors-orange-100);--amplify-components-button-outlined-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-warning-focus-box-shadow);--amplify-components-button-outlined-warning-active-border-color: var(--amplify-colors-orange-100);--amplify-components-button-outlined-warning-active-background-color: var(--amplify-colors-orange-20);--amplify-components-button-outlined-warning-active-color: var(--amplify-colors-orange-100);--amplify-components-button-outlined-success-border-color: var(--amplify-colors-green-60);--amplify-components-button-outlined-success-background-color: transparent;--amplify-components-button-outlined-success-color: var(--amplify-colors-green-100);--amplify-components-button-outlined-success-hover-border-color: var(--amplify-colors-green-60);--amplify-components-button-outlined-success-hover-background-color: var(--amplify-colors-green-10);--amplify-components-button-outlined-success-hover-color: var(--amplify-colors-green-100);--amplify-components-button-outlined-success-focus-border-color: var(--amplify-colors-green-100);--amplify-components-button-outlined-success-focus-background-color: var(--amplify-colors-green-10);--amplify-components-button-outlined-success-focus-color: var(--amplify-colors-green-100);--amplify-components-button-outlined-success-focus-box-shadow: var(--amplify-components-fieldcontrol-success-focus-box-shadow);--amplify-components-button-outlined-success-active-border-color: var(--amplify-colors-green-100);--amplify-components-button-outlined-success-active-background-color: var(--amplify-colors-green-20);--amplify-components-button-outlined-success-active-color: var(--amplify-colors-green-100);--amplify-components-button-outlined-error-border-color: var(--amplify-colors-red-80);--amplify-components-button-outlined-error-background-color: transparent;--amplify-components-button-outlined-error-color: var(--amplify-colors-red-100);--amplify-components-button-outlined-error-hover-border-color: var(--amplify-colors-red-80);--amplify-components-button-outlined-error-hover-background-color: var(--amplify-colors-red-10);--amplify-components-button-outlined-error-hover-color: var(--amplify-colors-red-100);--amplify-components-button-outlined-error-focus-border-color: var(--amplify-colors-red-100);--amplify-components-button-outlined-error-focus-background-color: var(--amplify-colors-red-10);--amplify-components-button-outlined-error-focus-color: var(--amplify-colors-red-100);--amplify-components-button-outlined-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);--amplify-components-button-outlined-error-active-border-color: var(--amplify-colors-red-100);--amplify-components-button-outlined-error-active-background-color: var(--amplify-colors-red-20);--amplify-components-button-outlined-error-active-color: var(--amplify-colors-red-100);--amplify-components-button-outlined-overlay-border-color: var(--amplify-colors-overlay-60);--amplify-components-button-outlined-overlay-background-color: transparent;--amplify-components-button-outlined-overlay-color: var(--amplify-colors-font-primary);--amplify-components-button-outlined-overlay-hover-border-color: var(--amplify-colors-overlay-60);--amplify-components-button-outlined-overlay-hover-background-color: var(--amplify-colors-overlay-5);--amplify-components-button-outlined-overlay-hover-color: var(--amplify-colors-neutral-90);--amplify-components-button-outlined-overlay-focus-border-color: var(--amplify-colors-overlay-90);--amplify-components-button-outlined-overlay-focus-background-color: var(--amplify-colors-overlay-5);--amplify-components-button-outlined-overlay-focus-color: var(--amplify-colors-neutral-90);--amplify-components-button-outlined-overlay-focus-box-shadow: var(--amplify-components-fieldcontrol-overlay-focus-box-shadow);--amplify-components-button-outlined-overlay-active-border-color: var(--amplify-colors-overlay-90);--amplify-components-button-outlined-overlay-active-background-color: var(--amplify-colors-overlay-10);--amplify-components-button-outlined-overlay-active-color: var(--amplify-colors-neutral-100);--amplify-components-button-primary-border-color: transparent;--amplify-components-button-primary-border-width: var(--amplify-border-widths-small);--amplify-components-button-primary-border-style: solid;--amplify-components-button-primary-background-color: var(--amplify-colors-primary-80);--amplify-components-button-primary-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-disabled-border-color: transparent;--amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-button-primary-loading-border-color: transparent;--amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);--amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);--amplify-components-button-primary-hover-border-color: transparent;--amplify-components-button-primary-hover-background-color: var(--amplify-colors-primary-90);--amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-focus-border-color: transparent;--amplify-components-button-primary-focus-background-color: var(--amplify-colors-primary-90);--amplify-components-button-primary-focus-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-button-primary-active-border-color: transparent;--amplify-components-button-primary-active-background-color: var(--amplify-colors-primary-100);--amplify-components-button-primary-active-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-info-border-color: transparent;--amplify-components-button-primary-info-background-color: var(--amplify-colors-blue-80);--amplify-components-button-primary-info-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-info-hover-border-color: transparent;--amplify-components-button-primary-info-hover-background-color: var(--amplify-colors-blue-90);--amplify-components-button-primary-info-hover-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-info-focus-border-color: transparent;--amplify-components-button-primary-info-focus-background-color: var(--amplify-colors-blue-90);--amplify-components-button-primary-info-focus-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-info-focus-box-shadow: var(--amplify-components-fieldcontrol-info-focus-box-shadow);--amplify-components-button-primary-info-active-border-color: transparent;--amplify-components-button-primary-info-active-background-color: var(--amplify-colors-blue-100);--amplify-components-button-primary-info-active-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-warning-border-color: transparent;--amplify-components-button-primary-warning-background-color: var(--amplify-colors-orange-80);--amplify-components-button-primary-warning-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-warning-hover-border-color: transparent;--amplify-components-button-primary-warning-hover-background-color: var(--amplify-colors-orange-90);--amplify-components-button-primary-warning-hover-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-warning-focus-border-color: transparent;--amplify-components-button-primary-warning-focus-background-color: var(--amplify-colors-orange-90);--amplify-components-button-primary-warning-focus-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-overlay-focus-box-shadow);--amplify-components-button-primary-warning-active-border-color: transparent;--amplify-components-button-primary-warning-active-background-color: var(--amplify-colors-orange-100);--amplify-components-button-primary-warning-active-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-error-border-color: transparent;--amplify-components-button-primary-error-background-color: var(--amplify-colors-red-80);--amplify-components-button-primary-error-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-error-hover-border-color: transparent;--amplify-components-button-primary-error-hover-background-color: var(--amplify-colors-red-90);--amplify-components-button-primary-error-hover-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-error-focus-border-color: transparent;--amplify-components-button-primary-error-focus-background-color: var(--amplify-colors-red-90);--amplify-components-button-primary-error-focus-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);--amplify-components-button-primary-error-active-border-color: transparent;--amplify-components-button-primary-error-active-background-color: var(--amplify-colors-red-100);--amplify-components-button-primary-error-active-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-success-border-color: transparent;--amplify-components-button-primary-success-background-color: var(--amplify-colors-green-80);--amplify-components-button-primary-success-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-success-hover-border-color: transparent;--amplify-components-button-primary-success-hover-background-color: var(--amplify-colors-green-90);--amplify-components-button-primary-success-hover-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-success-focus-border-color: transparent;--amplify-components-button-primary-success-focus-background-color: var(--amplify-colors-green-90);--amplify-components-button-primary-success-focus-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-success-focus-box-shadow: var(--amplify-components-fieldcontrol-success-focus-box-shadow);--amplify-components-button-primary-success-active-border-color: transparent;--amplify-components-button-primary-success-active-background-color: var(--amplify-colors-green-100);--amplify-components-button-primary-success-active-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-overlay-border-color: transparent;--amplify-components-button-primary-overlay-background-color: var(--amplify-colors-overlay-70);--amplify-components-button-primary-overlay-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-overlay-hover-border-color: transparent;--amplify-components-button-primary-overlay-hover-background-color: var(--amplify-colors-overlay-90);--amplify-components-button-primary-overlay-hover-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-overlay-focus-border-color: transparent;--amplify-components-button-primary-overlay-focus-background-color: var(--amplify-colors-overlay-90);--amplify-components-button-primary-overlay-focus-color: var(--amplify-colors-font-inverse);--amplify-components-button-primary-overlay-focus-box-shadow: var(--amplify-components-fieldcontrol-overlay-focus-box-shadow);--amplify-components-button-primary-overlay-active-border-color: transparent;--amplify-components-button-primary-overlay-active-background-color: var(--amplify-colors-overlay-90);--amplify-components-button-primary-overlay-active-color: var(--amplify-colors-font-inverse);--amplify-components-button-menu-border-width: var(--amplify-space-zero);--amplify-components-button-menu-background-color: transparent;--amplify-components-button-menu-justify-content: start;--amplify-components-button-menu-hover-color: var(--amplify-colors-font-inverse);--amplify-components-button-menu-hover-background-color: var(--amplify-colors-primary-80);--amplify-components-button-menu-focus-color: var(--amplify-colors-font-inverse);--amplify-components-button-menu-focus-background-color: var(--amplify-colors-primary-80);--amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse);--amplify-components-button-menu-active-background-color: var(--amplify-colors-primary-90);--amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-button-link-background-color: transparent;--amplify-components-button-link-border-color: transparent;--amplify-components-button-link-border-width: var(--amplify-border-widths-small);--amplify-components-button-link-color: var(--amplify-colors-font-interactive);--amplify-components-button-link-hover-border-color: transparent;--amplify-components-button-link-hover-background-color: var(--amplify-colors-primary-10);--amplify-components-button-link-hover-color: var(--amplify-colors-font-hover);--amplify-components-button-link-focus-border-color: transparent;--amplify-components-button-link-focus-background-color: var(--amplify-colors-primary-10);--amplify-components-button-link-focus-color: var(--amplify-colors-font-focus);--amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-button-link-active-border-color: transparent;--amplify-components-button-link-active-background-color: var(--amplify-colors-primary-20);--amplify-components-button-link-active-color: var(--amplify-colors-font-active);--amplify-components-button-link-disabled-border-color: transparent;--amplify-components-button-link-disabled-background-color: transparent;--amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-button-link-loading-border-color: transparent;--amplify-components-button-link-loading-background-color: transparent;--amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);--amplify-components-button-link-info-border-color: transparent;--amplify-components-button-link-info-background-color: transparent;--amplify-components-button-link-info-color: var(--amplify-colors-blue-100);--amplify-components-button-link-info-hover-border-color: transparent;--amplify-components-button-link-info-hover-background-color: var(--amplify-colors-blue-10);--amplify-components-button-link-info-hover-color: var(--amplify-colors-blue-90);--amplify-components-button-link-info-focus-border-color: transparent;--amplify-components-button-link-info-focus-background-color: var(--amplify-colors-blue-10);--amplify-components-button-link-info-focus-color: var(--amplify-colors-blue-100);--amplify-components-button-link-info-focus-box-shadow: var(--amplify-components-fieldcontrol-info-focus-box-shadow);--amplify-components-button-link-info-active-border-color: transparent;--amplify-components-button-link-info-active-background-color: var(--amplify-colors-blue-20);--amplify-components-button-link-info-active-color: var(--amplify-colors-blue-100);--amplify-components-button-link-warning-border-color: transparent;--amplify-components-button-link-warning-background-color: transparent;--amplify-components-button-link-warning-color: var(--amplify-colors-orange-100);--amplify-components-button-link-warning-hover-border-color: transparent;--amplify-components-button-link-warning-hover-background-color: var(--amplify-colors-orange-10);--amplify-components-button-link-warning-hover-color: var(--amplify-colors-orange-90);--amplify-components-button-link-warning-focus-border-color: transparent;--amplify-components-button-link-warning-focus-background-color: var(--amplify-colors-orange-10);--amplify-components-button-link-warning-focus-color: var(--amplify-colors-orange-100);--amplify-components-button-link-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-warning-focus-box-shadow);--amplify-components-button-link-warning-active-border-color: transparent;--amplify-components-button-link-warning-active-background-color: var(--amplify-colors-orange-20);--amplify-components-button-link-warning-active-color: var(--amplify-colors-orange-100);--amplify-components-button-link-success-border-color: transparent;--amplify-components-button-link-success-background-color: transparent;--amplify-components-button-link-success-color: var(--amplify-colors-green-100);--amplify-components-button-link-success-hover-border-color: transparent;--amplify-components-button-link-success-hover-background-color: var(--amplify-colors-green-10);--amplify-components-button-link-success-hover-color: var(--amplify-colors-green-90);--amplify-components-button-link-success-focus-border-color: transparent;--amplify-components-button-link-success-focus-background-color: var(--amplify-colors-green-10);--amplify-components-button-link-success-focus-color: var(--amplify-colors-green-100);--amplify-components-button-link-success-focus-box-shadow: var(--amplify-components-fieldcontrol-success-focus-box-shadow);--amplify-components-button-link-success-active-border-color: transparent;--amplify-components-button-link-success-active-background-color: var(--amplify-colors-green-20);--amplify-components-button-link-success-active-color: var(--amplify-colors-green-100);--amplify-components-button-link-error-border-color: transparent;--amplify-components-button-link-error-background-color: transparent;--amplify-components-button-link-error-color: var(--amplify-colors-red-100);--amplify-components-button-link-error-hover-border-color: transparent;--amplify-components-button-link-error-hover-background-color: var(--amplify-colors-red-10);--amplify-components-button-link-error-hover-color: var(--amplify-colors-red-90);--amplify-components-button-link-error-focus-border-color: transparent;--amplify-components-button-link-error-focus-background-color: var(--amplify-colors-red-10);--amplify-components-button-link-error-focus-color: var(--amplify-colors-red-100);--amplify-components-button-link-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);--amplify-components-button-link-error-active-border-color: transparent;--amplify-components-button-link-error-active-background-color: var(--amplify-colors-red-20);--amplify-components-button-link-error-active-color: var(--amplify-colors-red-100);--amplify-components-button-link-overlay-border-color: transparent;--amplify-components-button-link-overlay-background-color: transparent;--amplify-components-button-link-overlay-color: var(--amplify-colors-neutral-100);--amplify-components-button-link-overlay-hover-border-color: transparent;--amplify-components-button-link-overlay-hover-background-color: var(--amplify-colors-overlay-5);--amplify-components-button-link-overlay-hover-color: var(--amplify-colors-overlay-80);--amplify-components-button-link-overlay-focus-border-color: transparent;--amplify-components-button-link-overlay-focus-background-color: var(--amplify-colors-overlay-5);--amplify-components-button-link-overlay-focus-color: var(--amplify-colors-overlay-90);--amplify-components-button-link-overlay-focus-box-shadow: var(--amplify-components-fieldcontrol-overlay-focus-box-shadow);--amplify-components-button-link-overlay-active-border-color: transparent;--amplify-components-button-link-overlay-active-background-color: var(--amplify-colors-overlay-10);--amplify-components-button-link-overlay-active-color: var(--amplify-colors-overlay-90);--amplify-components-button-warning-background-color: transparent;--amplify-components-button-warning-border-color: var(--amplify-colors-red-60);--amplify-components-button-warning-border-width: var(--amplify-border-widths-small);--amplify-components-button-warning-color: var(--amplify-colors-red-60);--amplify-components-button-warning-hover-border-color: var(--amplify-colors-red-80);--amplify-components-button-warning-hover-background-color: var(--amplify-colors-red-10);--amplify-components-button-warning-hover-color: var(--amplify-colors-font-error);--amplify-components-button-warning-focus-border-color: var(--amplify-colors-red-80);--amplify-components-button-warning-focus-background-color: var(--amplify-colors-red-10);--amplify-components-button-warning-focus-color: var(--amplify-colors-red-80);--amplify-components-button-warning-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);--amplify-components-button-warning-active-border-color: var(--amplify-colors-red-100);--amplify-components-button-warning-active-background-color: var(--amplify-colors-red-20);--amplify-components-button-warning-active-color: var(--amplify-colors-red-100);--amplify-components-button-warning-disabled-border-color: var(--amplify-colors-border-tertiary);--amplify-components-button-warning-disabled-background-color: transparent;--amplify-components-button-warning-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-button-warning-loading-border-color: var(--amplify-colors-border-tertiary);--amplify-components-button-warning-loading-background-color: transparent;--amplify-components-button-warning-loading-color: var(--amplify-colors-font-disabled);--amplify-components-button-destructive-border-color: transparent;--amplify-components-button-destructive-border-width: var(--amplify-border-widths-small);--amplify-components-button-destructive-border-style: solid;--amplify-components-button-destructive-background-color: var(--amplify-colors-red-60);--amplify-components-button-destructive-color: var(--amplify-colors-font-inverse);--amplify-components-button-destructive-disabled-border-color: transparent;--amplify-components-button-destructive-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-button-destructive-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-button-destructive-loading-border-color: transparent;--amplify-components-button-destructive-loading-background-color: var(--amplify-colors-background-disabled);--amplify-components-button-destructive-loading-color: var(--amplify-colors-font-disabled);--amplify-components-button-destructive-hover-border-color: transparent;--amplify-components-button-destructive-hover-background-color: var(--amplify-colors-red-80);--amplify-components-button-destructive-hover-color: var(--amplify-colors-font-inverse);--amplify-components-button-destructive-focus-border-color: transparent;--amplify-components-button-destructive-focus-background-color: var(--amplify-colors-red-80);--amplify-components-button-destructive-focus-color: var(--amplify-colors-font-inverse);--amplify-components-button-destructive-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);--amplify-components-button-destructive-active-border-color: transparent;--amplify-components-button-destructive-active-background-color: var(--amplify-colors-red-100);--amplify-components-button-destructive-active-color: var(--amplify-colors-font-inverse);--amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size);--amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);--amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);--amplify-components-button-small-padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);--amplify-components-button-small-padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);--amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size);--amplify-components-button-large-padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);--amplify-components-button-large-padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);--amplify-components-button-large-padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);--amplify-components-button-large-padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);--amplify-components-button-loader-wrapper-align-items: center;--amplify-components-button-loader-wrapper-gap: var(--amplify-space-xs);--amplify-components-card-background-color: var(--amplify-colors-background-primary);--amplify-components-card-border-radius: var(--amplify-radii-xs);--amplify-components-card-border-width: 0;--amplify-components-card-border-style: solid;--amplify-components-card-border-color: transparent;--amplify-components-card-box-shadow: none;--amplify-components-card-padding: var(--amplify-space-medium);--amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color);--amplify-components-card-outlined-border-radius: var(--amplify-radii-xs);--amplify-components-card-outlined-border-width: var(--amplify-border-widths-small);--amplify-components-card-outlined-border-style: solid;--amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);--amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow);--amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color);--amplify-components-card-elevated-border-radius: var(--amplify-radii-xs);--amplify-components-card-elevated-border-width: 0;--amplify-components-card-elevated-border-style: solid;--amplify-components-card-elevated-border-color: transparent;--amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium);--amplify-components-checkbox-cursor: pointer;--amplify-components-checkbox-align-items: center;--amplify-components-checkbox-disabled-cursor: not-allowed;--amplify-components-checkbox-button-position: relative;--amplify-components-checkbox-button-align-items: center;--amplify-components-checkbox-button-justify-content: center;--amplify-components-checkbox-button-color: var(--amplify-colors-font-inverse);--amplify-components-checkbox-button-before-width: 100%;--amplify-components-checkbox-button-before-height: 100%;--amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium);--amplify-components-checkbox-button-before-border-radius: 20%;--amplify-components-checkbox-button-before-border-style: solid;--amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary);--amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent);--amplify-components-checkbox-button-focus-outline-style: solid;--amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium);--amplify-components-checkbox-button-focus-outline-offset: var(--amplify-outline-offsets-medium);--amplify-components-checkbox-button-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-checkbox-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);--amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);--amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-border-error);--amplify-components-checkbox-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);--amplify-components-checkbox-icon-background-color: var(--amplify-colors-primary-80);--amplify-components-checkbox-icon-border-radius: 20%;--amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0);--amplify-components-checkbox-icon-transform: scale(0);--amplify-components-checkbox-icon-transition-property: all;--amplify-components-checkbox-icon-transition-duration: var(--amplify-time-short);--amplify-components-checkbox-icon-transition-timing-function: ease-in-out;--amplify-components-checkbox-icon-checked-opacity: var(--amplify-opacities-100);--amplify-components-checkbox-icon-checked-transform: scale(1);--amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);--amplify-components-checkbox-icon-indeterminate-transform: scale(1);--amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-checkbox-label-color: var(--amplify-components-text-color);--amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-checkboxfield-align-items: flex-start;--amplify-components-checkboxfield-align-content: center;--amplify-components-checkboxfield-flex-direction: column;--amplify-components-checkboxfield-justify-content: center;--amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);--amplify-components-collection-pagination-current-background-color: var(--amplify-components-pagination-current-background-color);--amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color);--amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color);--amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color);--amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color);--amplify-components-collection-search-input-color: var(--amplify-components-searchfield-color);--amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color);--amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color);--amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color);--amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color);--amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color);--amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color);--amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color);--amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color);--amplify-components-collection-search-button-focus-border-color: var(--amplify-components-searchfield-button-focus-border-color);--amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color);--amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color);--amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color);--amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color);--amplify-components-copy-font-size: var(--amplify-font-sizes-xs);--amplify-components-copy-gap: var(--amplify-space-relative-medium);--amplify-components-copy-svg-path-fill: var(--amplify-colors-font-primary);--amplify-components-copy-tool-tip-bottom: var(--amplify-space-large);--amplify-components-copy-tool-tip-color: var(--amplify-colors-teal-100);--amplify-components-copy-tool-tip-font-size: var(--amplify-font-sizes-xxs);--amplify-components-countrycodeselect-height: var(--amplify-space-relative-full);--amplify-components-divider-border-style: solid;--amplify-components-divider-border-color: var(--amplify-colors-border-primary);--amplify-components-divider-border-width: var(--amplify-border-widths-medium);--amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);--amplify-components-divider-label-padding-inline: var(--amplify-space-medium);--amplify-components-divider-label-font-size: var(--amplify-font-sizes-small);--amplify-components-divider-label-background-color: var(--amplify-colors-background-primary);--amplify-components-divider-small-border-width: var(--amplify-border-widths-small);--amplify-components-divider-large-border-width: var(--amplify-border-widths-large);--amplify-components-divider-opacity: var(--amplify-opacities-60);--amplify-components-dropzone-background-color: var(--amplify-colors-background-primary);--amplify-components-dropzone-border-radius: var(--amplify-radii-small);--amplify-components-dropzone-border-color: var(--amplify-colors-border-primary);--amplify-components-dropzone-border-style: dashed;--amplify-components-dropzone-border-width: var(--amplify-border-widths-small);--amplify-components-dropzone-color: var(--amplify-colors-font-primary);--amplify-components-dropzone-gap: var(--amplify-space-small);--amplify-components-dropzone-padding-block: var(--amplify-space-xl);--amplify-components-dropzone-padding-inline: var(--amplify-space-large);--amplify-components-dropzone-text-align: center;--amplify-components-dropzone-active-background-color: var(--amplify-colors-primary-10);--amplify-components-dropzone-active-border-radius: var(--amplify-components-dropzone-border-radius);--amplify-components-dropzone-active-border-color: var(--amplify-colors-border-pressed);--amplify-components-dropzone-active-border-style: var(--amplify-components-dropzone-border-style);--amplify-components-dropzone-active-border-width: var(--amplify-components-dropzone-border-width);--amplify-components-dropzone-active-color: var(--amplify-colors-font-primary);--amplify-components-dropzone-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-dropzone-disabled-border-radius: var(--amplify-components-dropzone-border-radius);--amplify-components-dropzone-disabled-border-color: var(--amplify-colors-border-disabled);--amplify-components-dropzone-disabled-border-style: var(--amplify-components-dropzone-border-style);--amplify-components-dropzone-disabled-border-width: var(--amplify-components-dropzone-border-width);--amplify-components-dropzone-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-dropzone-accepted-background-color: var(--amplify-colors-background-success);--amplify-components-dropzone-accepted-border-radius: var(--amplify-components-dropzone-border-radius);--amplify-components-dropzone-accepted-border-color: var(--amplify-colors-border-success);--amplify-components-dropzone-accepted-border-style: var(--amplify-components-dropzone-border-style);--amplify-components-dropzone-accepted-border-width: var(--amplify-components-dropzone-border-width);--amplify-components-dropzone-accepted-color: var(--amplify-colors-font-success);--amplify-components-dropzone-rejected-background-color: var(--amplify-colors-background-error);--amplify-components-dropzone-rejected-border-radius: var(--amplify-components-dropzone-border-radius);--amplify-components-dropzone-rejected-border-color: var(--amplify-colors-border-pressed);--amplify-components-dropzone-rejected-border-style: var(--amplify-components-dropzone-border-style);--amplify-components-dropzone-rejected-border-width: var(--amplify-components-dropzone-border-width);--amplify-components-dropzone-rejected-color: var(--amplify-colors-font-error);--amplify-components-field-gap: var(--amplify-space-xs);--amplify-components-field-font-size: var(--amplify-font-sizes-medium);--amplify-components-field-flex-direction: column;--amplify-components-field-small-gap: var(--amplify-space-xxxs);--amplify-components-field-small-font-size: var(--amplify-font-sizes-small);--amplify-components-field-large-gap: var(--amplify-space-small);--amplify-components-field-large-font-size: var(--amplify-font-sizes-large);--amplify-components-field-label-color: var(--amplify-colors-font-secondary);--amplify-components-fieldcontrol-border-style: solid;--amplify-components-fieldcontrol-border-color: var(--amplify-colors-border-primary);--amplify-components-fieldcontrol-border-width: var(--amplify-border-widths-small);--amplify-components-fieldcontrol-border-radius: var(--amplify-radii-small);--amplify-components-fieldcontrol-color: var(--amplify-colors-font-primary);--amplify-components-fieldcontrol-padding-block-start: var(--amplify-space-xs);--amplify-components-fieldcontrol-padding-block-end: var(--amplify-space-xs);--amplify-components-fieldcontrol-padding-inline-start: var(--amplify-space-medium);--amplify-components-fieldcontrol-padding-inline-end: var(--amplify-space-medium);--amplify-components-fieldcontrol-font-size: var(--amplify-components-field-font-size);--amplify-components-fieldcontrol-line-height: var(--amplify-line-heights-medium);--amplify-components-fieldcontrol-transition-duration: var(--amplify-time-medium);--amplify-components-fieldcontrol-outline-color: var(--amplify-colors-transparent);--amplify-components-fieldcontrol-outline-style: solid;--amplify-components-fieldcontrol-outline-width: var(--amplify-outline-widths-medium);--amplify-components-fieldcontrol-outline-offset: var(--amplify-outline-offsets-medium);--amplify-components-fieldcontrol-small-font-size: var(--amplify-components-field-small-font-size);--amplify-components-fieldcontrol-small-padding-block-start: var(--amplify-space-xxs);--amplify-components-fieldcontrol-small-padding-block-end: var(--amplify-space-xxs);--amplify-components-fieldcontrol-small-padding-inline-start: var(--amplify-space-small);--amplify-components-fieldcontrol-small-padding-inline-end: var(--amplify-space-small);--amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);--amplify-components-fieldcontrol-large-padding-block-start: var(--amplify-space-xs);--amplify-components-fieldcontrol-large-padding-block-end: var(--amplify-space-xs);--amplify-components-fieldcontrol-large-padding-inline-start: var(--amplify-space-medium);--amplify-components-fieldcontrol-large-padding-inline-end: var(--amplify-space-medium);--amplify-components-fieldcontrol-quiet-border-style: none;--amplify-components-fieldcontrol-quiet-border-inline-start: none;--amplify-components-fieldcontrol-quiet-border-inline-end: none;--amplify-components-fieldcontrol-quiet-border-block-start: none;--amplify-components-fieldcontrol-quiet-border-radius: 0;--amplify-components-fieldcontrol-quiet-focus-border-block-end-color: transparent;--amplify-components-fieldcontrol-quiet-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);--amplify-components-fieldcontrol-quiet-error-focus-border-block-end-color: transparent;--amplify-components-fieldcontrol-quiet-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);--amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);--amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-fieldcontrol-disabled-cursor: not-allowed;--amplify-components-fieldcontrol-disabled-border-color: var(--amplify-colors-transparent);--amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);--amplify-components-fieldcontrol-error-color: var(--amplify-colors-font-error);--amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);--amplify-components-fieldcontrol-info-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-blue-100);--amplify-components-fieldcontrol-warning-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-orange-100);--amplify-components-fieldcontrol-success-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-green-100);--amplify-components-fieldcontrol-overlay-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-overlay-90);--amplify-components-fieldgroup-gap: var(--amplify-space-zero);--amplify-components-fieldgroup-vertical-align-items: center;--amplify-components-fieldgroup-outer-align-items: center;--amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error);--amplify-components-fieldmessages-error-font-size: var(--amplify-font-sizes-small);--amplify-components-fieldmessages-description-color: var(--amplify-colors-font-secondary);--amplify-components-fieldmessages-description-font-style: italic;--amplify-components-fieldmessages-description-font-size: var(--amplify-font-sizes-small);--amplify-components-fieldset-background-color: transparent;--amplify-components-fieldset-border-radius: var(--amplify-radii-xs);--amplify-components-fieldset-flex-direction: column;--amplify-components-fieldset-gap: var(--amplify-components-field-gap);--amplify-components-fieldset-legend-color: var(--amplify-colors-font-primary);--amplify-components-fieldset-legend-font-size: var(--amplify-components-field-font-size);--amplify-components-fieldset-legend-font-weight: var(--amplify-font-weights-bold);--amplify-components-fieldset-legend-line-height: var(--amplify-line-heights-medium);--amplify-components-fieldset-legend-small-font-size: var(--amplify-components-field-small-font-size);--amplify-components-fieldset-legend-large-font-size: var(--amplify-components-field-large-font-size);--amplify-components-fieldset-outlined-padding: var(--amplify-space-medium);--amplify-components-fieldset-outlined-border-color: var(--amplify-colors-neutral-40);--amplify-components-fieldset-outlined-border-width: var(--amplify-border-widths-small);--amplify-components-fieldset-outlined-border-style: solid;--amplify-components-fieldset-outlined-small-padding: var(--amplify-space-small);--amplify-components-fieldset-outlined-large-padding: var(--amplify-space-large);--amplify-components-fieldset-small-gap: var(--amplify-components-field-small-gap);--amplify-components-fieldset-large-gap: var(--amplify-components-field-large-gap);--amplify-components-fileuploader-dropzone-background-color: var(--amplify-colors-background-primary);--amplify-components-fileuploader-dropzone-border-radius: var(--amplify-radii-small);--amplify-components-fileuploader-dropzone-border-color: var(--amplify-colors-border-primary);--amplify-components-fileuploader-dropzone-border-style: dashed;--amplify-components-fileuploader-dropzone-border-width: var(--amplify-border-widths-small);--amplify-components-fileuploader-dropzone-gap: var(--amplify-space-small);--amplify-components-fileuploader-dropzone-padding-block: var(--amplify-space-xl);--amplify-components-fileuploader-dropzone-padding-inline: var(--amplify-space-large);--amplify-components-fileuploader-dropzone-text-align: center;--amplify-components-fileuploader-dropzone-active-background-color: var(--amplify-colors-primary-10);--amplify-components-fileuploader-dropzone-active-border-radius: var(--amplify-components-fileuploader-dropzone-border-radius);--amplify-components-fileuploader-dropzone-active-border-color: var(--amplify-colors-border-pressed);--amplify-components-fileuploader-dropzone-active-border-style: var(--amplify-components-fileuploader-dropzone-border-style);--amplify-components-fileuploader-dropzone-active-border-width: var(--amplify-border-widths-medium);--amplify-components-fileuploader-dropzone-icon-color: var(--amplify-colors-border-primary);--amplify-components-fileuploader-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);--amplify-components-fileuploader-dropzone-text-color: var(--amplify-colors-font-tertiary);--amplify-components-fileuploader-dropzone-text-font-size: var(--amplify-font-sizes-medium);--amplify-components-fileuploader-dropzone-text-font-weight: var(--amplify-font-weights-bold);--amplify-components-fileuploader-file-background-color: var(--amplify-colors-background-primary);--amplify-components-fileuploader-file-border-radius: var(--amplify-radii-small);--amplify-components-fileuploader-file-border-color: var(--amplify-colors-border-primary);--amplify-components-fileuploader-file-border-style: solid;--amplify-components-fileuploader-file-border-width: var(--amplify-border-widths-small);--amplify-components-fileuploader-file-padding-block: var(--amplify-space-xs);--amplify-components-fileuploader-file-padding-inline: var(--amplify-space-small);--amplify-components-fileuploader-file-gap: var(--amplify-space-small);--amplify-components-fileuploader-file-align-items: baseline;--amplify-components-fileuploader-file-name-font-size: var(--amplify-font-sizes-medium);--amplify-components-fileuploader-file-name-font-weight: var(--amplify-font-weights-bold);--amplify-components-fileuploader-file-name-color: var(--amplify-colors-font-primary);--amplify-components-fileuploader-file-size-font-size: var(--amplify-font-sizes-small);--amplify-components-fileuploader-file-size-font-weight: var(--amplify-font-weights-normal);--amplify-components-fileuploader-file-size-color: var(--amplify-colors-font-tertiary);--amplify-components-fileuploader-file-image-width: var(--amplify-space-xxl);--amplify-components-fileuploader-file-image-height: var(--amplify-space-xxl);--amplify-components-fileuploader-file-image-background-color: var(--amplify-colors-background-secondary);--amplify-components-fileuploader-file-image-color: var(--amplify-colors-font-tertiary);--amplify-components-fileuploader-file-image-border-radius: var(--amplify-radii-small);--amplify-components-fileuploader-filelist-flex-direction: column;--amplify-components-fileuploader-filelist-gap: var(--amplify-space-small);--amplify-components-fileuploader-loader-stroke-linecap: round;--amplify-components-fileuploader-loader-stroke-empty: var(--amplify-colors-border-secondary);--amplify-components-fileuploader-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);--amplify-components-fileuploader-loader-stroke-width: var(--amplify-border-widths-large);--amplify-components-fileuploader-previewer-background-color: var(--amplify-colors-background-primary);--amplify-components-fileuploader-previewer-border-color: var(--amplify-colors-border-primary);--amplify-components-fileuploader-previewer-border-style: solid;--amplify-components-fileuploader-previewer-border-width: var(--amplify-border-widths-small);--amplify-components-fileuploader-previewer-border-radius: var(--amplify-radii-small);--amplify-components-fileuploader-previewer-padding-block: var(--amplify-space-zero);--amplify-components-fileuploader-previewer-padding-inline: var(--amplify-space-zero);--amplify-components-fileuploader-previewer-max-height: 40rem;--amplify-components-fileuploader-previewer-max-width: auto;--amplify-components-fileuploader-previewer-text-font-size: var(--amplify-font-sizes-medium);--amplify-components-fileuploader-previewer-text-font-weight: var(--amplify-font-weights-bold);--amplify-components-fileuploader-previewer-text-color: var(--amplify-colors-font-primary);--amplify-components-fileuploader-previewer-body-padding-block: var(--amplify-space-medium);--amplify-components-fileuploader-previewer-body-padding-inline: var(--amplify-space-medium);--amplify-components-fileuploader-previewer-body-gap: var(--amplify-space-small);--amplify-components-fileuploader-previewer-footer-justify-content: flex-end;--amplify-components-flex-gap: var(--amplify-space-medium);--amplify-components-flex-justify-content: normal;--amplify-components-flex-align-items: stretch;--amplify-components-flex-align-content: normal;--amplify-components-flex-flex-wrap: nowrap;--amplify-components-heading-1-font-size: var(--amplify-font-sizes-xxxxl);--amplify-components-heading-1-font-weight: var(--amplify-font-weights-light);--amplify-components-heading-2-font-size: var(--amplify-font-sizes-xxxl);--amplify-components-heading-2-font-weight: var(--amplify-font-weights-normal);--amplify-components-heading-3-font-size: var(--amplify-font-sizes-xxl);--amplify-components-heading-3-font-weight: var(--amplify-font-weights-medium);--amplify-components-heading-4-font-size: var(--amplify-font-sizes-xl);--amplify-components-heading-4-font-weight: var(--amplify-font-weights-semibold);--amplify-components-heading-5-font-size: var(--amplify-font-sizes-large);--amplify-components-heading-5-font-weight: var(--amplify-font-weights-bold);--amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium);--amplify-components-heading-6-font-weight: var(--amplify-font-weights-extrabold);--amplify-components-heading-color: var(--amplify-colors-font-primary);--amplify-components-heading-line-height: var(--amplify-line-heights-small);--amplify-components-icon-line-height: 1;--amplify-components-icon-height: 1em;--amplify-components-highlightmatch-highlighted-font-weight: var(--amplify-font-weights-bold);--amplify-components-image-max-width: 100%;--amplify-components-image-height: auto;--amplify-components-image-object-fit: initial;--amplify-components-image-object-position: initial;--amplify-components-inappmessaging-banner-height: 150px ;--amplify-components-inappmessaging-banner-width: 400px ;--amplify-components-inappmessaging-button-background-color: #e8e8e8;--amplify-components-inappmessaging-button-border-radius: 5px;--amplify-components-inappmessaging-button-color: black;--amplify-components-inappmessaging-dialog-height: 50vh;--amplify-components-inappmessaging-dialog-min-height: 400px;--amplify-components-inappmessaging-dialog-min-width: 400px;--amplify-components-inappmessaging-dialog-width: 30vw;--amplify-components-inappmessaging-header-font-size: var(--amplify-font-sizes-medium);--amplify-components-inappmessaging-header-font-weight: var(--amplify-font-weights-extrabold);--amplify-components-input-color: var(--amplify-components-fieldcontrol-color);--amplify-components-input-border-color: var(--amplify-components-fieldcontrol-border-color);--amplify-components-input-font-size: var(--amplify-components-fieldcontrol-font-size);--amplify-components-input-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);--amplify-components-link-active-color: var(--amplify-colors-font-active);--amplify-components-link-color: var(--amplify-colors-font-interactive);--amplify-components-link-focus-color: var(--amplify-colors-font-focus);--amplify-components-link-hover-color: var(--amplify-colors-font-hover);--amplify-components-link-visited-color: var(--amplify-colors-font-interactive);--amplify-components-liveness-camera-module-background-color: var(--amplify-colors-background-primary);--amplify-components-loader-width: var(--amplify-font-sizes-medium);--amplify-components-loader-height: var(--amplify-font-sizes-medium);--amplify-components-loader-font-size: var(--amplify-font-sizes-xs);--amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20);--amplify-components-loader-stroke-filled: var(--amplify-colors-primary-80);--amplify-components-loader-stroke-linecap: round;--amplify-components-loader-animation-duration: 1s;--amplify-components-loader-small-width: var(--amplify-font-sizes-small);--amplify-components-loader-small-height: var(--amplify-font-sizes-small);--amplify-components-loader-small-font-size: var(--amplify-font-sizes-xxs);--amplify-components-loader-large-width: var(--amplify-font-sizes-large);--amplify-components-loader-large-height: var(--amplify-font-sizes-large);--amplify-components-loader-large-font-size: var(--amplify-font-sizes-small);--amplify-components-loader-linear-width: 100%;--amplify-components-loader-linear-min-width: 5rem;--amplify-components-loader-linear-font-size: var(--amplify-font-sizes-xxs);--amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-xxs);--amplify-components-loader-linear-stroke-filled: var(--amplify-colors-primary-80);--amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20);--amplify-components-loader-linear-stroke-linecap: round;--amplify-components-loader-linear-animation-duration: 1s;--amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-xxxs);--amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-xxxs);--amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-xs);--amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-xs);--amplify-components-loader-text-fill: var(--amplify-colors-font-primary);--amplify-components-menu-background-color: var(--amplify-colors-background-primary);--amplify-components-menu-border-radius: var(--amplify-radii-medium);--amplify-components-menu-border-width: var(--amplify-border-widths-small);--amplify-components-menu-border-style: solid;--amplify-components-menu-border-color: var(--amplify-colors-border-primary);--amplify-components-menu-box-shadow: var(--amplify-shadows-large);--amplify-components-menu-flex-direction: column;--amplify-components-menu-gap: var(--amplify-space-zero);--amplify-components-menu-max-width: 30rem;--amplify-components-menu-min-width: 14rem;--amplify-components-menu-small-width: var(--amplify-font-sizes-medium);--amplify-components-menu-small-height: var(--amplify-font-sizes-medium);--amplify-components-menu-large-width: var(--amplify-font-sizes-xxxl);--amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl);--amplify-components-menu-item-min-height: 2.5rem;--amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium);--amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium);--amplify-components-message-align-items: center;--amplify-components-message-background-color: var(--amplify-colors-background-tertiary);--amplify-components-message-border-color: transparent;--amplify-components-message-border-style: solid;--amplify-components-message-border-width: var(--amplify-border-widths-small);--amplify-components-message-border-radius: var(--amplify-radii-xs);--amplify-components-message-color: var(--amplify-colors-font-primary);--amplify-components-message-justify-content: flex-start;--amplify-components-message-padding-block: var(--amplify-space-small);--amplify-components-message-padding-inline: var(--amplify-space-medium);--amplify-components-message-line-height: var(--amplify-line-heights-small);--amplify-components-message-icon-size: var(--amplify-font-sizes-xl);--amplify-components-message-heading-font-size: var(--amplify-font-sizes-medium);--amplify-components-message-heading-font-weight: var(--amplify-font-weights-bold);--amplify-components-message-dismiss-gap: var(--amplify-space-xxs);--amplify-components-message-plain-color: var(--amplify-colors-font-primary);--amplify-components-message-plain-background-color: var(--amplify-colors-background-primary);--amplify-components-message-plain-border-color: transparent;--amplify-components-message-plain-info-color: var(--amplify-colors-font-info);--amplify-components-message-plain-info-background-color: var(--amplify-colors-background-primary);--amplify-components-message-plain-info-border-color: transparent;--amplify-components-message-plain-error-color: var(--amplify-colors-font-error);--amplify-components-message-plain-error-background-color: var(--amplify-colors-background-primary);--amplify-components-message-plain-error-border-color: transparent;--amplify-components-message-plain-success-color: var(--amplify-colors-font-success);--amplify-components-message-plain-success-background-color: var(--amplify-colors-background-primary);--amplify-components-message-plain-success-border-color: transparent;--amplify-components-message-plain-warning-color: var(--amplify-colors-font-warning);--amplify-components-message-plain-warning-background-color: var(--amplify-colors-background-primary);--amplify-components-message-plain-warning-border-color: transparent;--amplify-components-message-outlined-color: var(--amplify-colors-font-primary);--amplify-components-message-outlined-background-color: var(--amplify-colors-background-primary);--amplify-components-message-outlined-border-color: var(--amplify-colors-border-primary);--amplify-components-message-outlined-info-color: var(--amplify-colors-font-info);--amplify-components-message-outlined-info-background-color: var(--amplify-colors-background-primary);--amplify-components-message-outlined-info-border-color: var(--amplify-colors-border-info);--amplify-components-message-outlined-error-color: var(--amplify-colors-font-error);--amplify-components-message-outlined-error-background-color: var(--amplify-colors-background-primary);--amplify-components-message-outlined-error-border-color: var(--amplify-colors-border-error);--amplify-components-message-outlined-success-color: var(--amplify-colors-font-success);--amplify-components-message-outlined-success-background-color: var(--amplify-colors-background-primary);--amplify-components-message-outlined-success-border-color: var(--amplify-colors-border-success);--amplify-components-message-outlined-warning-color: var(--amplify-colors-font-warning);--amplify-components-message-outlined-warning-background-color: var(--amplify-colors-background-primary);--amplify-components-message-outlined-warning-border-color: var(--amplify-colors-border-warning);--amplify-components-message-filled-color: var(--amplify-colors-font-primary);--amplify-components-message-filled-background-color: var(--amplify-colors-background-secondary);--amplify-components-message-filled-border-color: transparent;--amplify-components-message-filled-info-color: var(--amplify-colors-font-info);--amplify-components-message-filled-info-background-color: var(--amplify-colors-background-info);--amplify-components-message-filled-info-border-color: transparent;--amplify-components-message-filled-error-color: var(--amplify-colors-font-error);--amplify-components-message-filled-error-background-color: var(--amplify-colors-background-error);--amplify-components-message-filled-error-border-color: transparent;--amplify-components-message-filled-success-color: var(--amplify-colors-font-success);--amplify-components-message-filled-success-background-color: var(--amplify-colors-background-success);--amplify-components-message-filled-success-border-color: transparent;--amplify-components-message-filled-warning-color: var(--amplify-colors-font-warning);--amplify-components-message-filled-warning-background-color: var(--amplify-colors-background-warning);--amplify-components-message-filled-warning-border-color: transparent;--amplify-components-pagination-current-align-items: center;--amplify-components-pagination-current-justify-content: center;--amplify-components-pagination-current-color: var(--amplify-colors-font-inverse);--amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small);--amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40);--amplify-components-pagination-button-color: var(--amplify-colors-font-primary);--amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs);--amplify-components-pagination-button-padding-inline-end: var(--amplify-space-xxs);--amplify-components-pagination-button-transition-property: background-color;--amplify-components-pagination-button-transition-duration: var(--amplify-time-medium);--amplify-components-pagination-button-hover-background-color: var(--amplify-colors-overlay-10);--amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary);--amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-pagination-ellipsis-align-items: baseline;--amplify-components-pagination-ellipsis-justify-content: center;--amplify-components-pagination-ellipsis-padding-inline-start: var(--amplify-space-xs);--amplify-components-pagination-ellipsis-padding-inline-end: var(--amplify-space-xs);--amplify-components-pagination-item-container-margin-left: var(--amplify-space-xxxs);--amplify-components-pagination-item-container-margin-right: var(--amplify-space-xxxs);--amplify-components-pagination-item-shared-height: var(--amplify-font-sizes-xxl);--amplify-components-pagination-item-shared-min-width: var(--amplify-font-sizes-xxl);--amplify-components-pagination-item-shared-border-radius: var(--amplify-font-sizes-medium);--amplify-components-passwordfield-color: var(--amplify-components-fieldcontrol-color);--amplify-components-passwordfield-button-color: var(--amplify-components-button-color);--amplify-components-passwordfield-button-active-background-color: var(--amplify-components-button-active-background-color);--amplify-components-passwordfield-button-active-border-color: var(--amplify-components-button-active-border-color);--amplify-components-passwordfield-button-active-color: var(--amplify-components-button-active-color);--amplify-components-passwordfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);--amplify-components-passwordfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);--amplify-components-passwordfield-button-disabled-color: var(--amplify-components-button-disabled-color);--amplify-components-passwordfield-button-error-color: var(--amplify-components-button-outlined-error-color);--amplify-components-passwordfield-button-error-background-color: var(--amplify-components-button-outlined-error-background-color);--amplify-components-passwordfield-button-error-border-color: var(--amplify-components-button-outlined-error-border-color);--amplify-components-passwordfield-button-error-active-border-color: var(--amplify-components-button-outlined-error-active-border-color);--amplify-components-passwordfield-button-error-active-background-color: var(--amplify-components-button-outlined-error-active-background-color);--amplify-components-passwordfield-button-error-active-color: var(--amplify-components-button-outlined-error-active-color);--amplify-components-passwordfield-button-error-focus-border-color: var(--amplify-components-button-outlined-error-focus-border-color);--amplify-components-passwordfield-button-error-focus-background-color: var(--amplify-components-button-outlined-error-focus-background-color);--amplify-components-passwordfield-button-error-focus-color: var(--amplify-components-button-outlined-error-focus-color);--amplify-components-passwordfield-button-error-focus-box-shadow: var(--amplify-components-button-outlined-error-focus-box-shadow);--amplify-components-passwordfield-button-error-hover-border-color: var(--amplify-components-button-outlined-error-hover-border-color);--amplify-components-passwordfield-button-error-hover-background-color: var(--amplify-components-button-outlined-error-hover-background-color);--amplify-components-passwordfield-button-error-hover-color: var(--amplify-components-button-outlined-error-hover-color);--amplify-components-passwordfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);--amplify-components-passwordfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);--amplify-components-passwordfield-button-focus-color: var(--amplify-components-button-focus-color);--amplify-components-passwordfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);--amplify-components-passwordfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);--amplify-components-passwordfield-button-hover-color: var(--amplify-components-button-hover-color);--amplify-components-phonenumberfield-color: var(--amplify-components-fieldcontrol-color);--amplify-components-phonenumberfield-border-color: var(--amplify-components-fieldcontrol-border-color);--amplify-components-phonenumberfield-font-size: var(--amplify-components-fieldcontrol-font-size);--amplify-components-phonenumberfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);--amplify-components-placeholder-border-radius: var(--amplify-radii-small);--amplify-components-placeholder-transition-duration: var(--amplify-time-long);--amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary);--amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary);--amplify-components-placeholder-small-height: var(--amplify-space-small);--amplify-components-placeholder-default-height: var(--amplify-space-medium);--amplify-components-placeholder-large-height: var(--amplify-space-large);--amplify-components-radio-align-items: center;--amplify-components-radio-justify-content: flex-start;--amplify-components-radio-gap: inherit;--amplify-components-radio-disabled-cursor: not-allowed;--amplify-components-radio-button-align-items: center;--amplify-components-radio-button-justify-content: center;--amplify-components-radio-button-width: var(--amplify-font-sizes-medium);--amplify-components-radio-button-height: var(--amplify-font-sizes-medium);--amplify-components-radio-button-box-sizing: border-box;--amplify-components-radio-button-border-width: var(--amplify-border-widths-medium);--amplify-components-radio-button-border-style: solid;--amplify-components-radio-button-border-radius: 50%;--amplify-components-radio-button-border-color: var(--amplify-colors-border-primary);--amplify-components-radio-button-color: var(--amplify-colors-background-primary);--amplify-components-radio-button-background-color: var(--amplify-colors-background-primary);--amplify-components-radio-button-transition-property: all;--amplify-components-radio-button-transition-duration: var(--amplify-time-medium);--amplify-components-radio-button-outline-color: var(--amplify-colors-transparent);--amplify-components-radio-button-outline-style: solid;--amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium);--amplify-components-radio-button-outline-offset: var(--amplify-outline-offsets-medium);--amplify-components-radio-button-padding: var(--amplify-border-widths-medium);--amplify-components-radio-button-small-width: var(--amplify-font-sizes-small);--amplify-components-radio-button-small-height: var(--amplify-font-sizes-small);--amplify-components-radio-button-large-width: var(--amplify-font-sizes-large);--amplify-components-radio-button-large-height: var(--amplify-font-sizes-large);--amplify-components-radio-button-checked-color: var(--amplify-colors-primary-80);--amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);--amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error);--amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);--amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);--amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary);--amplify-components-radio-label-color: var(--amplify-components-text-color);--amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-radiogroup-radio-border-width: var(--amplify-components-radio-button-border-width);--amplify-components-radiogroup-radio-border-color: var(--amplify-components-radio-button-border-color);--amplify-components-radiogroup-radio-background-color: var(--amplify-components-radio-button-background-color);--amplify-components-radiogroup-radio-checked-color: var(--amplify-components-radio-button-checked-color);--amplify-components-radiogroup-radio-label-color: var(--amplify-components-radio-label-color);--amplify-components-radiogroup-legend-color: var(--amplify-components-fieldset-legend-color);--amplify-components-radiogroup-legend-font-weight: var(--amplify-font-weights-normal);--amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl);--amplify-components-rating-default-size: var(--amplify-font-sizes-xl);--amplify-components-rating-small-size: var(--amplify-font-sizes-small);--amplify-components-rating-filled-color: var(--amplify-colors-secondary-80);--amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);--amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);--amplify-components-searchfield-button-color: var(--amplify-components-button-color);--amplify-components-searchfield-button-background-color: var(--amplify-colors-background-primary);--amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color);--amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color);--amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color);--amplify-components-searchfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);--amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);--amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color);--amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);--amplify-components-searchfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);--amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color);--amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);--amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);--amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);--amplify-components-select-color: var(--amplify-components-fieldcontrol-color);--amplify-components-select-background-color: var(--amplify-colors-background-primary);--amplify-components-select-padding-inline-end: var(--amplify-space-xxl);--amplify-components-select-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-select-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-select-wrapper-flex: 1;--amplify-components-select-wrapper-display: block;--amplify-components-select-wrapper-position: relative;--amplify-components-select-wrapper-cursor: pointer;--amplify-components-select-icon-wrapper-align-items: center;--amplify-components-select-icon-wrapper-position: absolute;--amplify-components-select-icon-wrapper-top: 50%;--amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);--amplify-components-select-icon-wrapper-transform: translateY(-50%);--amplify-components-select-icon-wrapper-pointer-events: none;--amplify-components-select-icon-wrapper-small-right: var(--amplify-space-xs);--amplify-components-select-icon-wrapper-large-right: var(--amplify-space-medium);--amplify-components-select-option-background-color: transparent;--amplify-components-select-option-color: var(--amplify-colors-font-primary);--amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-select-option-disabled-background-color: transparent;--amplify-components-select-white-space: nowrap;--amplify-components-select-min-width: 6.5rem;--amplify-components-select-small-min-width: 5.5rem;--amplify-components-select-small-padding-inline-end: var(--amplify-space-xl);--amplify-components-select-large-min-width: 7.5rem;--amplify-components-select-large-padding-inline-end: var(--amplify-space-xxl);--amplify-components-select-expanded-padding-block: var(--amplify-space-xs);--amplify-components-select-expanded-padding-inline: var(--amplify-space-small);--amplify-components-select-expanded-option-padding-block: var(--amplify-space-xs);--amplify-components-select-expanded-option-padding-inline: var(--amplify-space-small);--amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color);--amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color);--amplify-components-selectfield-flex-direction: column;--amplify-components-selectfield-font-size: var(--amplify-components-fieldcontrol-font-size);--amplify-components-selectfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);--amplify-components-selectfield-label-color: var(--amplify-components-field-label-color);--amplify-components-sliderfield-padding-block: var(--amplify-space-xs);--amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);--amplify-components-sliderfield-track-border-radius: 9999px;--amplify-components-sliderfield-track-height: .375rem;--amplify-components-sliderfield-track-min-width: 10rem;--amplify-components-sliderfield-range-background-color: var(--amplify-colors-primary-80);--amplify-components-sliderfield-range-border-radius: 9999px;--amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-sliderfield-thumb-width: 1.25rem;--amplify-components-sliderfield-thumb-height: 1.25rem;--amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);--amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);--amplify-components-sliderfield-thumb-border-radius: 50%;--amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-medium);--amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary);--amplify-components-sliderfield-thumb-border-style: solid;--amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-sliderfield-thumb-disabled-border-color: transparent;--amplify-components-sliderfield-thumb-disabled-box-shadow: none;--amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary);--amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus);--amplify-components-sliderfield-thumb-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-sliderfield-thumb-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-sliderfield-small-track-height: .25rem;--amplify-components-sliderfield-small-thumb-width: 1rem;--amplify-components-sliderfield-small-thumb-height: 1rem;--amplify-components-sliderfield-large-track-height: .625rem;--amplify-components-sliderfield-large-thumb-width: 1.5rem;--amplify-components-sliderfield-large-thumb-height: 1.5rem;--amplify-components-stepperfield-border-color: var(--amplify-components-fieldcontrol-border-color);--amplify-components-stepperfield-flex-direction: column;--amplify-components-stepperfield-input-color: var(--amplify-components-fieldcontrol-color);--amplify-components-stepperfield-input-font-size: var(--amplify-components-fieldcontrol-font-size);--amplify-components-stepperfield-input-text-align: center;--amplify-components-stepperfield-button-color: var(--amplify-components-button-color);--amplify-components-stepperfield-button-background-color: var(--amplify-colors-transparent);--amplify-components-stepperfield-button-active-color: var(--amplify-components-button-active-color);--amplify-components-stepperfield-button-active-background-color: var(--amplify-components-button-active-background-color);--amplify-components-stepperfield-button-focus-color: var(--amplify-components-button-focus-color);--amplify-components-stepperfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);--amplify-components-stepperfield-button-disabled-color: var(--amplify-components-button-disabled-color);--amplify-components-stepperfield-button-disabled-background-color: var(--amplify-components-fieldcontrol-disabled-background-color);--amplify-components-stepperfield-button-hover-color: var(--amplify-components-button-hover-color);--amplify-components-stepperfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);--amplify-components-storagemanager-dropzone-background-color: var(--amplify-colors-background-primary);--amplify-components-storagemanager-dropzone-border-radius: var(--amplify-radii-small);--amplify-components-storagemanager-dropzone-border-color: var(--amplify-colors-border-primary);--amplify-components-storagemanager-dropzone-border-style: dashed;--amplify-components-storagemanager-dropzone-border-width: var(--amplify-border-widths-small);--amplify-components-storagemanager-dropzone-gap: var(--amplify-space-small);--amplify-components-storagemanager-dropzone-padding-block: var(--amplify-space-xl);--amplify-components-storagemanager-dropzone-padding-inline: var(--amplify-space-large);--amplify-components-storagemanager-dropzone-text-align: center;--amplify-components-storagemanager-dropzone-active-background-color: var(--amplify-colors-primary-10);--amplify-components-storagemanager-dropzone-active-border-radius: var(--amplify-components-storagemanager-dropzone-border-radius);--amplify-components-storagemanager-dropzone-active-border-color: var(--amplify-colors-border-pressed);--amplify-components-storagemanager-dropzone-active-border-style: var(--amplify-components-storagemanager-dropzone-border-style);--amplify-components-storagemanager-dropzone-active-border-width: var(--amplify-border-widths-medium);--amplify-components-storagemanager-dropzone-icon-color: var(--amplify-colors-border-primary);--amplify-components-storagemanager-dropzone-icon-font-size: var(--amplify-font-sizes-xxl);--amplify-components-storagemanager-dropzone-text-color: var(--amplify-colors-font-tertiary);--amplify-components-storagemanager-dropzone-text-font-size: var(--amplify-font-sizes-medium);--amplify-components-storagemanager-dropzone-text-font-weight: var(--amplify-font-weights-bold);--amplify-components-storagemanager-file-background-color: var(--amplify-colors-background-primary);--amplify-components-storagemanager-file-border-radius: var(--amplify-radii-small);--amplify-components-storagemanager-file-border-color: var(--amplify-colors-border-primary);--amplify-components-storagemanager-file-border-style: solid;--amplify-components-storagemanager-file-border-width: var(--amplify-border-widths-small);--amplify-components-storagemanager-file-padding-block: var(--amplify-space-xs);--amplify-components-storagemanager-file-padding-inline: var(--amplify-space-small);--amplify-components-storagemanager-file-gap: var(--amplify-space-small);--amplify-components-storagemanager-file-align-items: baseline;--amplify-components-storagemanager-file-name-font-size: var(--amplify-font-sizes-medium);--amplify-components-storagemanager-file-name-font-weight: var(--amplify-font-weights-bold);--amplify-components-storagemanager-file-name-color: var(--amplify-colors-font-primary);--amplify-components-storagemanager-file-size-font-size: var(--amplify-font-sizes-small);--amplify-components-storagemanager-file-size-font-weight: var(--amplify-font-weights-normal);--amplify-components-storagemanager-file-size-color: var(--amplify-colors-font-tertiary);--amplify-components-storagemanager-file-image-width: var(--amplify-space-xxl);--amplify-components-storagemanager-file-image-height: var(--amplify-space-xxl);--amplify-components-storagemanager-file-image-background-color: var(--amplify-colors-background-secondary);--amplify-components-storagemanager-file-image-color: var(--amplify-colors-font-tertiary);--amplify-components-storagemanager-file-image-border-radius: var(--amplify-radii-small);--amplify-components-storagemanager-filelist-flex-direction: column;--amplify-components-storagemanager-filelist-gap: var(--amplify-space-small);--amplify-components-storagemanager-loader-stroke-linecap: round;--amplify-components-storagemanager-loader-stroke-empty: var(--amplify-colors-border-secondary);--amplify-components-storagemanager-loader-stroke-filled: var(--amplify-components-loader-stroke-filled);--amplify-components-storagemanager-loader-stroke-width: var(--amplify-border-widths-large);--amplify-components-storagemanager-previewer-background-color: var(--amplify-colors-background-primary);--amplify-components-storagemanager-previewer-border-color: var(--amplify-colors-border-primary);--amplify-components-storagemanager-previewer-border-style: solid;--amplify-components-storagemanager-previewer-border-width: var(--amplify-border-widths-small);--amplify-components-storagemanager-previewer-border-radius: var(--amplify-radii-small);--amplify-components-storagemanager-previewer-padding-block: var(--amplify-space-zero);--amplify-components-storagemanager-previewer-padding-inline: var(--amplify-space-zero);--amplify-components-storagemanager-previewer-max-height: 40rem;--amplify-components-storagemanager-previewer-max-width: auto;--amplify-components-storagemanager-previewer-text-font-size: var(--amplify-font-sizes-medium);--amplify-components-storagemanager-previewer-text-font-weight: var(--amplify-font-weights-bold);--amplify-components-storagemanager-previewer-text-color: var(--amplify-colors-font-primary);--amplify-components-storagemanager-previewer-body-padding-block: var(--amplify-space-medium);--amplify-components-storagemanager-previewer-body-padding-inline: var(--amplify-space-medium);--amplify-components-storagemanager-previewer-body-gap: var(--amplify-space-small);--amplify-components-storagemanager-previewer-footer-justify-content: flex-end;--amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);--amplify-components-switchfield-focused-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-switchfield-font-size: var(--amplify-font-sizes-medium);--amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);--amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);--amplify-components-switchfield-label-padding: var(--amplify-space-xs);--amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);--amplify-components-switchfield-thumb-border-color: transparent;--amplify-components-switchfield-thumb-border-width: var(--amplify-border-widths-small);--amplify-components-switchfield-thumb-border-style: solid;--amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl);--amplify-components-switchfield-thumb-checked-transform: var(--amplify-transforms-slide-x-medium);--amplify-components-switchfield-thumb-transition-duration: var(--amplify-time-medium);--amplify-components-switchfield-thumb-width: var(--amplify-space-relative-medium);--amplify-components-switchfield-track-background-color: var(--amplify-colors-background-quaternary);--amplify-components-switchfield-track-border-radius: var(--amplify-radii-xxxl);--amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-primary-80);--amplify-components-switchfield-track-height: var(--amplify-space-relative-medium);--amplify-components-switchfield-track-padding: var(--amplify-outline-widths-medium);--amplify-components-switchfield-track-transition-duration: var(--amplify-time-short);--amplify-components-switchfield-track-width: var(--amplify-space-relative-xl);--amplify-components-switchfield-track-error-background-color: var(--amplify-colors-background-error);--amplify-components-table-border-collapse: collapse;--amplify-components-table-display: table;--amplify-components-table-width: 100%;--amplify-components-table-head-display: table-header-group;--amplify-components-table-head-vertical-align: middle;--amplify-components-table-body-display: table-row-group;--amplify-components-table-body-vertical-align: middle;--amplify-components-table-foot-display: table-footer-group;--amplify-components-table-foot-vertical-align: middle;--amplify-components-table-row-display: table-row;--amplify-components-table-row-vertical-align: middle;--amplify-components-table-row-hover-background-color: var(--amplify-colors-background-tertiary);--amplify-components-table-row-striped-background-color: var(--amplify-colors-background-secondary);--amplify-components-table-header-border-color: var(--amplify-colors-border-tertiary);--amplify-components-table-header-border-style: solid;--amplify-components-table-header-border-width: var(--amplify-border-widths-small);--amplify-components-table-header-color: var(--amplify-colors-font-primary);--amplify-components-table-header-display: table-cell;--amplify-components-table-header-font-size: var(--amplify-font-sizes-medium);--amplify-components-table-header-font-weight: var(--amplify-font-weights-bold);--amplify-components-table-header-padding: var(--amplify-space-medium);--amplify-components-table-header-vertical-align: middle;--amplify-components-table-header-large-font-size: var(--amplify-font-sizes-large);--amplify-components-table-header-large-padding: var(--amplify-space-large);--amplify-components-table-header-small-font-size: var(--amplify-font-sizes-small);--amplify-components-table-header-small-padding: var(--amplify-space-xs);--amplify-components-table-data-border-color: var(--amplify-colors-border-tertiary);--amplify-components-table-data-border-style: solid;--amplify-components-table-data-border-width: var(--amplify-border-widths-small);--amplify-components-table-data-color: var(--amplify-colors-font-primary);--amplify-components-table-data-display: table-cell;--amplify-components-table-data-font-size: var(--amplify-font-sizes-medium);--amplify-components-table-data-font-weight: var(--amplify-font-weights-normal);--amplify-components-table-data-padding: var(--amplify-space-medium);--amplify-components-table-data-vertical-align: middle;--amplify-components-table-data-large-font-size: var(--amplify-font-sizes-large);--amplify-components-table-data-large-padding: var(--amplify-space-large);--amplify-components-table-data-small-font-size: var(--amplify-font-sizes-small);--amplify-components-table-data-small-padding: var(--amplify-space-xs);--amplify-components-table-caption-caption-side: bottom;--amplify-components-table-caption-color: var(--amplify-colors-font-primary);--amplify-components-table-caption-display: table-caption;--amplify-components-table-caption-font-size: var(--amplify-font-sizes-medium);--amplify-components-table-caption-text-align: center;--amplify-components-table-caption-word-break: break-all;--amplify-components-table-caption-large-font-size: var(--amplify-font-sizes-large);--amplify-components-table-caption-small-font-size: var(--amplify-font-sizes-small);--amplify-components-tabs-background-color: transparent;--amplify-components-tabs-border-color: var(--amplify-colors-border-secondary);--amplify-components-tabs-border-style: solid;--amplify-components-tabs-border-width: var(--amplify-border-widths-medium);--amplify-components-tabs-gap: 0;--amplify-components-tabs-item-background-color: transparent;--amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary);--amplify-components-tabs-item-border-style: solid;--amplify-components-tabs-item-border-width: var(--amplify-border-widths-medium);--amplify-components-tabs-item-color: var(--amplify-colors-font-secondary);--amplify-components-tabs-item-font-size: var(--amplify-font-sizes-medium);--amplify-components-tabs-item-font-weight: var(--amplify-font-weights-bold);--amplify-components-tabs-item-padding-vertical: var(--amplify-space-small);--amplify-components-tabs-item-padding-horizontal: var(--amplify-space-medium);--amplify-components-tabs-item-text-align: center;--amplify-components-tabs-item-transition-duration: var(--amplify-time-medium);--amplify-components-tabs-item-hover-background-color: transparent;--amplify-components-tabs-item-hover-border-color: var(--amplify-colors-border-focus);--amplify-components-tabs-item-hover-box-shadow: none;--amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover);--amplify-components-tabs-item-focus-background-color: transparent;--amplify-components-tabs-item-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-tabs-item-focus-box-shadow: 0px 0px 0px var(--amplify-border-widths-medium) var(--amplify-colors-border-focus);--amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);--amplify-components-tabs-item-active-background-color: transparent;--amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);--amplify-components-tabs-item-active-box-shadow: none;--amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);--amplify-components-tabs-item-disabled-background-color: transparent;--amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);--amplify-components-tabs-item-disabled-box-shadow: none;--amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-tabs-panel-background-color: transparent;--amplify-components-tabs-panel-padding-inline: 0;--amplify-components-tabs-panel-padding-block: var(--amplify-space-small);--amplify-components-text-color: var(--amplify-colors-font-primary);--amplify-components-text-primary-color: var(--amplify-colors-font-primary);--amplify-components-text-secondary-color: var(--amplify-colors-font-secondary);--amplify-components-text-tertiary-color: var(--amplify-colors-font-tertiary);--amplify-components-text-error-color: var(--amplify-colors-font-error);--amplify-components-text-warning-color: var(--amplify-colors-font-warning);--amplify-components-text-success-color: var(--amplify-colors-font-success);--amplify-components-text-info-color: var(--amplify-colors-font-info);--amplify-components-textareafield-color: var(--amplify-components-fieldcontrol-color);--amplify-components-textareafield-border-color: var(--amplify-components-fieldcontrol-border-color);--amplify-components-textareafield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);--amplify-components-textfield-color: var(--amplify-components-fieldcontrol-color);--amplify-components-textfield-border-color: var(--amplify-components-fieldcontrol-border-color);--amplify-components-textfield-font-size: var(--amplify-components-fieldcontrol-font-size);--amplify-components-textfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);--amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary);--amplify-components-togglebutton-color: var(--amplify-colors-font-primary);--amplify-components-togglebutton-hover-background-color: var(--amplify-colors-overlay-10);--amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-togglebutton-focus-color: var(--amplify-colors-font-primary);--amplify-components-togglebutton-active-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-disabled-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-disabled);--amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-togglebutton-pressed-border-color: var(--amplify-colors-border-pressed);--amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary);--amplify-components-togglebutton-pressed-background-color: var(--amplify-colors-overlay-20);--amplify-components-togglebutton-pressed-hover-background-color: var(--amplify-colors-overlay-30);--amplify-components-togglebutton-primary-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small);--amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);--amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-font-primary);--amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10);--amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-font-primary);--amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled);--amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled);--amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-primary-80);--amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-primary-80);--amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary);--amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);--amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);--amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary);--amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-primary-60);--amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-primary-60);--amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-primary-60);--amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary);--amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);--amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-link-hover-color: var(--amplify-colors-overlay-50);--amplify-components-togglebutton-link-focus-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-link-focus-color: var(--amplify-colors-overlay-50);--amplify-components-togglebutton-link-disabled-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);--amplify-components-togglebutton-link-pressed-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-link-pressed-color: var(--amplify-colors-overlay-90);--amplify-components-togglebutton-link-pressed-focus-background-color: var(--amplify-colors-transparent);--amplify-components-togglebutton-link-pressed-focus-color: var(--amplify-colors-overlay-90);--amplify-components-togglebutton-link-pressed-hover-color: var(--amplify-colors-overlay-90);--amplify-components-togglebutton-link-pressed-hover-background-color: var(--amplify-colors-transparent);--amplify-components-togglebuttongroup-align-items: center;--amplify-components-togglebuttongroup-align-content: center;--amplify-components-togglebuttongroup-justify-content: flex-start;--amplify-border-widths-small: 1px;--amplify-border-widths-medium: 2px;--amplify-border-widths-large: 3px;--amplify-colors-red-10: hsl(0, 75%, 95%);--amplify-colors-red-20: hsl(0, 75%, 85%);--amplify-colors-red-40: hsl(0, 75%, 75%);--amplify-colors-red-60: hsl(0, 50%, 50%);--amplify-colors-red-80: hsl(0, 95%, 30%);--amplify-colors-red-90: hsl(0, 100%, 20%);--amplify-colors-red-100: hsl(0, 100%, 15%);--amplify-colors-orange-10: hsl(30, 75%, 95%);--amplify-colors-orange-20: hsl(30, 75%, 85%);--amplify-colors-orange-40: hsl(30, 75%, 75%);--amplify-colors-orange-60: hsl(30, 50%, 50%);--amplify-colors-orange-80: hsl(30, 95%, 30%);--amplify-colors-orange-90: hsl(30, 100%, 20%);--amplify-colors-orange-100: hsl(30, 100%, 15%);--amplify-colors-yellow-10: hsl(60, 75%, 95%);--amplify-colors-yellow-20: hsl(60, 75%, 85%);--amplify-colors-yellow-40: hsl(60, 75%, 75%);--amplify-colors-yellow-60: hsl(60, 50%, 50%);--amplify-colors-yellow-80: hsl(60, 95%, 30%);--amplify-colors-yellow-90: hsl(60, 100%, 20%);--amplify-colors-yellow-100: hsl(60, 100%, 15%);--amplify-colors-green-10: hsl(130, 60%, 95%);--amplify-colors-green-20: hsl(130, 60%, 90%);--amplify-colors-green-40: hsl(130, 44%, 63%);--amplify-colors-green-60: hsl(130, 43%, 46%);--amplify-colors-green-80: hsl(130, 33%, 37%);--amplify-colors-green-90: hsl(130, 27%, 29%);--amplify-colors-green-100: hsl(130, 22%, 23%);--amplify-colors-teal-10: hsl(190, 75%, 95%);--amplify-colors-teal-20: hsl(190, 75%, 85%);--amplify-colors-teal-40: hsl(190, 70%, 70%);--amplify-colors-teal-60: hsl(190, 50%, 50%);--amplify-colors-teal-80: hsl(190, 95%, 30%);--amplify-colors-teal-90: hsl(190, 100%, 20%);--amplify-colors-teal-100: hsl(190, 100%, 15%);--amplify-colors-blue-10: hsl(220, 95%, 95%);--amplify-colors-blue-20: hsl(220, 85%, 85%);--amplify-colors-blue-40: hsl(220, 70%, 70%);--amplify-colors-blue-60: hsl(220, 50%, 50%);--amplify-colors-blue-80: hsl(220, 95%, 30%);--amplify-colors-blue-90: hsl(220, 100%, 20%);--amplify-colors-blue-100: hsl(220, 100%, 15%);--amplify-colors-purple-10: hsl(300, 95%, 95%);--amplify-colors-purple-20: hsl(300, 85%, 85%);--amplify-colors-purple-40: hsl(300, 70%, 70%);--amplify-colors-purple-60: hsl(300, 50%, 50%);--amplify-colors-purple-80: hsl(300, 95%, 30%);--amplify-colors-purple-90: hsl(300, 100%, 20%);--amplify-colors-purple-100: hsl(300, 100%, 15%);--amplify-colors-pink-10: hsl(340, 95%, 95%);--amplify-colors-pink-20: hsl(340, 90%, 85%);--amplify-colors-pink-40: hsl(340, 70%, 70%);--amplify-colors-pink-60: hsl(340, 50%, 50%);--amplify-colors-pink-80: hsl(340, 95%, 30%);--amplify-colors-pink-90: hsl(340, 100%, 20%);--amplify-colors-pink-100: hsl(340, 100%, 15%);--amplify-colors-neutral-10: hsl(210, 5%, 98%);--amplify-colors-neutral-20: hsl(210, 5%, 94%);--amplify-colors-neutral-40: hsl(210, 5%, 87%);--amplify-colors-neutral-60: hsl(210, 10%, 58%);--amplify-colors-neutral-80: hsl(210, 10%, 40%);--amplify-colors-neutral-90: hsl(210, 25%, 25%);--amplify-colors-neutral-100: hsl(210, 50%, 10%);--amplify-colors-primary-10: var(--amplify-colors-teal-10);--amplify-colors-primary-20: var(--amplify-colors-teal-20);--amplify-colors-primary-40: var(--amplify-colors-teal-40);--amplify-colors-primary-60: var(--amplify-colors-teal-60);--amplify-colors-primary-80: var(--amplify-colors-teal-80);--amplify-colors-primary-90: var(--amplify-colors-teal-90);--amplify-colors-primary-100: var(--amplify-colors-teal-100);--amplify-colors-secondary-10: var(--amplify-colors-purple-10);--amplify-colors-secondary-20: var(--amplify-colors-purple-20);--amplify-colors-secondary-40: var(--amplify-colors-purple-40);--amplify-colors-secondary-60: var(--amplify-colors-purple-60);--amplify-colors-secondary-80: var(--amplify-colors-purple-80);--amplify-colors-secondary-90: var(--amplify-colors-purple-90);--amplify-colors-secondary-100: var(--amplify-colors-purple-100);--amplify-colors-font-primary: var(--amplify-colors-neutral-100);--amplify-colors-font-secondary: var(--amplify-colors-neutral-90);--amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);--amplify-colors-font-disabled: var(--amplify-colors-neutral-60);--amplify-colors-font-inverse: var(--amplify-colors-white);--amplify-colors-font-interactive: var(--amplify-colors-primary-80);--amplify-colors-font-hover: var(--amplify-colors-primary-90);--amplify-colors-font-focus: var(--amplify-colors-primary-100);--amplify-colors-font-active: var(--amplify-colors-primary-100);--amplify-colors-font-info: var(--amplify-colors-blue-90);--amplify-colors-font-warning: var(--amplify-colors-orange-90);--amplify-colors-font-error: var(--amplify-colors-red-90);--amplify-colors-font-success: var(--amplify-colors-green-90);--amplify-colors-background-primary: var(--amplify-colors-white);--amplify-colors-background-secondary: var(--amplify-colors-neutral-10);--amplify-colors-background-tertiary: var(--amplify-colors-neutral-20);--amplify-colors-background-quaternary: var(--amplify-colors-neutral-60);--amplify-colors-background-disabled: var(--amplify-colors-background-tertiary);--amplify-colors-background-info: var(--amplify-colors-blue-10);--amplify-colors-background-warning: var(--amplify-colors-orange-10);--amplify-colors-background-error: var(--amplify-colors-red-10);--amplify-colors-background-success: var(--amplify-colors-green-10);--amplify-colors-border-primary: var(--amplify-colors-neutral-60);--amplify-colors-border-secondary: var(--amplify-colors-neutral-40);--amplify-colors-border-tertiary: var(--amplify-colors-neutral-20);--amplify-colors-border-disabled: var(--amplify-colors-border-tertiary);--amplify-colors-border-pressed: var(--amplify-colors-primary-100);--amplify-colors-border-focus: var(--amplify-colors-primary-100);--amplify-colors-border-error: var(--amplify-colors-red-80);--amplify-colors-border-info: var(--amplify-colors-blue-80);--amplify-colors-border-success: var(--amplify-colors-green-80);--amplify-colors-border-warning: var(--amplify-colors-orange-80);--amplify-colors-shadow-primary: hsla(210, 50%, 10%, .25);--amplify-colors-shadow-secondary: hsla(210, 50%, 10%, .15);--amplify-colors-shadow-tertiary: hsla(210, 50%, 10%, .05);--amplify-colors-overlay-5: hsla(0, 0%, 0%, .05);--amplify-colors-overlay-10: hsla(0, 0%, 0%, .1);--amplify-colors-overlay-20: hsla(0, 0%, 0%, .2);--amplify-colors-overlay-30: hsla(0, 0%, 0%, .3);--amplify-colors-overlay-40: hsla(0, 0%, 0%, .4);--amplify-colors-overlay-50: hsla(0, 0%, 0%, .5);--amplify-colors-overlay-60: hsla(0, 0%, 0%, .6);--amplify-colors-overlay-70: hsla(0, 0%, 0%, .7);--amplify-colors-overlay-80: hsla(0, 0%, 0%, .8);--amplify-colors-overlay-90: hsla(0, 0%, 0%, .9);--amplify-colors-black: hsl(0, 0%, 0%);--amplify-colors-white: hsl(0, 0%, 100%);--amplify-colors-transparent: transparent;--amplify-fonts-default-variable: "InterVariable", "Inter var", "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;--amplify-fonts-default-static: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;--amplify-font-sizes-xxxs: .375rem;--amplify-font-sizes-xxs: .5rem;--amplify-font-sizes-xs: .75rem;--amplify-font-sizes-small: .875rem;--amplify-font-sizes-medium: 1rem;--amplify-font-sizes-large: 1.25rem;--amplify-font-sizes-xl: 1.5rem;--amplify-font-sizes-xxl: 2rem;--amplify-font-sizes-xxxl: 2.5rem;--amplify-font-sizes-xxxxl: 3rem;--amplify-font-weights-hairline: 100;--amplify-font-weights-thin: 200;--amplify-font-weights-light: 300;--amplify-font-weights-normal: 400;--amplify-font-weights-medium: 500;--amplify-font-weights-semibold: 600;--amplify-font-weights-bold: 700;--amplify-font-weights-extrabold: 800;--amplify-font-weights-black: 900;--amplify-line-heights-small: 1.25;--amplify-line-heights-medium: 1.5;--amplify-line-heights-large: 2;--amplify-opacities-0: 0;--amplify-opacities-10: .1;--amplify-opacities-20: .2;--amplify-opacities-30: .3;--amplify-opacities-40: .4;--amplify-opacities-50: .5;--amplify-opacities-60: .6;--amplify-opacities-70: .7;--amplify-opacities-80: .8;--amplify-opacities-90: .9;--amplify-opacities-100: 1;--amplify-outline-offsets-small: 1px;--amplify-outline-offsets-medium: 2px;--amplify-outline-offsets-large: 3px;--amplify-outline-widths-small: 1px;--amplify-outline-widths-medium: 2px;--amplify-outline-widths-large: 3px;--amplify-radii-xs: .125rem;--amplify-radii-small: .25rem;--amplify-radii-medium: .5rem;--amplify-radii-large: 1rem;--amplify-radii-xl: 2rem;--amplify-radii-xxl: 4rem;--amplify-radii-xxxl: 8rem;--amplify-shadows-small: 0px 2px 4px var(--amplify-colors-shadow-tertiary);--amplify-shadows-medium: 0px 2px 6px var(--amplify-colors-shadow-secondary);--amplify-shadows-large: 0px 4px 12px var(--amplify-colors-shadow-primary);--amplify-space-zero: 0;--amplify-space-xxxs: .25rem;--amplify-space-xxs: .375rem;--amplify-space-xs: .5rem;--amplify-space-small: .75rem;--amplify-space-medium: 1rem;--amplify-space-large: 1.5rem;--amplify-space-xl: 2rem;--amplify-space-xxl: 3rem;--amplify-space-xxxl: 4.5rem;--amplify-space-relative-xxxs: .25em;--amplify-space-relative-xxs: .375em;--amplify-space-relative-xs: .5em;--amplify-space-relative-small: .75em;--amplify-space-relative-medium: 1em;--amplify-space-relative-large: 1.5em;--amplify-space-relative-xl: 2em;--amplify-space-relative-xxl: 3em;--amplify-space-relative-xxxl: 4.5em;--amplify-space-relative-full: 100%;--amplify-time-short: .1s;--amplify-time-medium: .25s;--amplify-time-long: .5s;--amplify-transforms-slide-x-small: translateX(.5em);--amplify-transforms-slide-x-medium: translateX(1em);--amplify-transforms-slide-x-large: translateX(2em)}html,[data-amplify-theme]{font-family:var(--amplify-fonts-default-static)}@supports (font-variation-settings: normal){html,[data-amplify-theme]{font-family:var(--amplify-fonts-default-variable)}}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:var(--amplify-line-heights-medium)}*{box-sizing:border-box}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}[class*=amplify]{all:unset;box-sizing:border-box}.amplify-flex{align-content:var(--amplify-components-flex-align-content);align-items:var(--amplify-components-flex-align-items);display:flex;flex-wrap:var(--amplify-components-flex-flex-wrap);gap:var(--amplify-components-flex-gap);justify-content:var(--amplify-components-flex-justify-content)}.amplify-grid{display:grid}.amplify-scrollview{display:block;overflow:auto}.amplify-text{display:block;color:var(--amplify-components-text-color)}b.amplify-text,em.amplify-text,i.amplify-text,span.amplify-text,strong.amplify-text{display:inline}.amplify-text--truncated{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amplify-text--primary{color:var(--amplify-components-text-primary-color)}.amplify-text--secondary{color:var(--amplify-components-text-secondary-color)}.amplify-text--tertiary{color:var(--amplify-components-text-tertiary-color)}.amplify-text--error{color:var(--amplify-components-text-error-color)}.amplify-text--info{color:var(--amplify-components-text-info-color)}.amplify-text--success{color:var(--amplify-components-text-success-color)}.amplify-text--warning{color:var(--amplify-components-text-warning-color)}.amplify-badge{background-color:var(--amplify-components-badge-background-color);border-radius:var(--amplify-components-badge-border-radius);color:var(--amplify-components-badge-color);display:inline-flex;font-size:var(--amplify-components-badge-font-size);font-weight:var(--amplify-components-badge-font-weight);line-height:var(--amplify-components-badge-line-height);padding:var(--amplify-components-badge-padding-vertical) var(--amplify-components-badge-padding-horizontal);text-align:var(--amplify-components-badge-text-align)}.amplify-badge--info{color:var(--amplify-components-badge-info-color);background-color:var(--amplify-components-badge-info-background-color)}.amplify-badge--error{color:var(--amplify-components-badge-error-color);background-color:var(--amplify-components-badge-error-background-color)}.amplify-badge--warning{color:var(--amplify-components-badge-warning-color);background-color:var(--amplify-components-badge-warning-background-color)}.amplify-badge--success{color:var(--amplify-components-badge-success-color);background-color:var(--amplify-components-badge-success-background-color)}.amplify-badge--small{font-size:var(--amplify-components-badge-small-font-size);padding:var(--amplify-components-badge-small-padding-vertical) var(--amplify-components-badge-small-padding-horizontal)}.amplify-badge--large{font-size:var(--amplify-components-badge-large-font-size);padding:var(--amplify-components-badge-large-padding-vertical) var(--amplify-components-badge-large-padding-horizontal)}.amplify-button{--amplify-internal-button-background-color: var( --amplify-components-button-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-border-color );--amplify-internal-button-color: var(--amplify-components-button-color);--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-focus-box-shadow );--amplify-internal-button-border-width: var( --amplify-components-button-border-width );align-items:center;background-color:var(--amplify-internal-button-background-color);border-color:var(--amplify-internal-button-border-color);border-radius:var(--amplify-components-button-border-radius);border-style:var(--amplify-components-button-border-style);border-width:var(--amplify-internal-button-border-width);box-sizing:border-box;color:var(--amplify-internal-button-color);cursor:pointer;display:inline-flex;font-size:var(--amplify-components-button-font-size);font-weight:var(--amplify-components-button-font-weight);justify-content:center;line-height:var(--amplify-components-button-line-height);padding-block-start:var(--amplify-components-button-padding-block-start);padding-block-end:var(--amplify-components-button-padding-block-end);padding-inline-start:var(--amplify-components-button-padding-inline-start);padding-inline-end:var(--amplify-components-button-padding-inline-end);transition:all var(--amplify-components-button-transition-duration);-webkit-user-select:none;-moz-user-select:none;user-select:none;--amplify-internal-button-disabled-color: var( --amplify-components-button-disabled-color );--amplify-internal-button-disabled-background-color: var( --amplify-components-button-disabled-background-color );--amplify-internal-button-disabled-border-color: var( --amplify-components-button-disabled-border-color );--amplify-internal-button-disabled-text-decoration: initial;--amplify-internal-button-loading-background-color: var( --amplify-components-button-loading-background-color );--amplify-internal-button-loading-border-color: var( --amplify-components-button-loading-border-color );--amplify-internal-button-loading-color: var( --amplify-components-button-loading-color );--amplify-internal-button-loading-text-decoration: initial}.amplify-button:hover{--amplify-internal-button-background-color: var( --amplify-components-button-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-hover-color )}.amplify-button:focus{--amplify-internal-button-background-color: var( --amplify-components-button-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-focus-color );box-shadow:var(--amplify-internal-button-focus-box-shadow)}.amplify-button:active{--amplify-internal-button-background-color: var( --amplify-components-button-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-active-color )}.amplify-button--fullwidth{width:100%}.amplify-button--outlined--info{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-info-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-info-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-info-color )}.amplify-button--outlined--info:hover{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-info-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-info-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-info-hover-color )}.amplify-button--outlined--info:focus{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-info-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-info-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-info-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-info-focus-box-shadow )}.amplify-button--outlined--info:active{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-info-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-info-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-info-active-color )}.amplify-button--outlined--warning{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-warning-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-warning-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-warning-color )}.amplify-button--outlined--warning:hover{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-warning-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-warning-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-warning-hover-color )}.amplify-button--outlined--warning:focus{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-warning-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-warning-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-warning-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-warning-focus-box-shadow )}.amplify-button--outlined--warning:active{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-warning-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-warning-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-warning-active-color )}.amplify-button--outlined--error{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-error-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-error-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-error-color )}.amplify-button--outlined--error:hover{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-error-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-error-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-error-hover-color )}.amplify-button--outlined--error:focus{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-error-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-error-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-error-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-error-focus-box-shadow )}.amplify-button--outlined--error:active{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-error-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-error-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-error-active-color )}.amplify-button--outlined--success{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-success-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-success-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-success-color )}.amplify-button--outlined--success:hover{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-success-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-success-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-success-hover-color )}.amplify-button--outlined--success:focus{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-success-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-success-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-success-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-success-focus-box-shadow )}.amplify-button--outlined--success:active{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-success-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-success-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-success-active-color )}.amplify-button--outlined--overlay{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-overlay-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-overlay-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-overlay-color )}.amplify-button--outlined--overlay:hover{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-overlay-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-overlay-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-overlay-hover-color )}.amplify-button--outlined--overlay:focus{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-overlay-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-overlay-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-overlay-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-outlined-overlay-focus-box-shadow )}.amplify-button--outlined--overlay:active{--amplify-internal-button-background-color: var( --amplify-components-button-outlined-overlay-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-outlined-overlay-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-outlined-overlay-active-color )}.amplify-button--menu{border-width:var(--amplify-components-button-menu-border-width);background-color:var(--amplify-components-button-menu-background-color);justify-content:var(--amplify-components-button-menu-justify-content);--amplify-internal-button-disabled-color: var( --amplify-components-button-menu-disabled-color )}.amplify-button--menu:hover{color:var(--amplify-components-button-menu-hover-color);background-color:var(--amplify-components-button-menu-hover-background-color)}.amplify-button--menu:focus{box-shadow:none;color:var(--amplify-components-button-menu-focus-color);background-color:var(--amplify-components-button-menu-focus-background-color)}.amplify-button--menu:active{color:var(--amplify-components-button-menu-active-color);background-color:var(--amplify-components-button-menu-active-background-color)}.amplify-button--primary{--amplify-internal-button-border-width: var( --amplify-components-button-primary-border-width );--amplify-internal-button-background-color: var( --amplify-components-button-primary-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-color );--amplify-internal-button-disabled-border-color: var( --amplify-components-button-primary-disabled-border-color );--amplify-internal-button-disabled-background-color: var( --amplify-components-button-primary-disabled-background-color );--amplify-internal-button-disabled-color: var( --amplify-components-button-primary-disabled-color );--amplify-internal-button-loading-background-color: var( --amplify-components-button-primary-loading-background-color );--amplify-internal-button-loading-border-color: var( --amplify-components-button-primary-loading-border-color );--amplify-internal-button-loading-color: var( --amplify-components-button-primary-loading-color )}.amplify-button--primary:hover{--amplify-internal-button-background-color: var( --amplify-components-button-primary-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-hover-color )}.amplify-button--primary:focus{--amplify-internal-button-background-color: var( --amplify-components-button-primary-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-focus-box-shadow )}.amplify-button--primary:active{--amplify-internal-button-background-color: var( --amplify-components-button-primary-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-active-color )}.amplify-button--primary--info{--amplify-internal-button-background-color: var( --amplify-components-button-primary-info-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-info-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-info-color )}.amplify-button--primary--info:hover{--amplify-internal-button-background-color: var( --amplify-components-button-primary-info-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-info-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-info-hover-color )}.amplify-button--primary--info:focus{--amplify-internal-button-background-color: var( --amplify-components-button-primary-info-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-info-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-info-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-info-focus-box-shadow )}.amplify-button--primary--info:active{--amplify-internal-button-background-color: var( --amplify-components-button-primary-info-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-info-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-info-active-color )}.amplify-button--primary--warning{--amplify-internal-button-background-color: var( --amplify-components-button-primary-warning-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-warning-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-warning-color )}.amplify-button--primary--warning:hover{--amplify-internal-button-background-color: var( --amplify-components-button-primary-warning-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-warning-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-warning-hover-color )}.amplify-button--primary--warning:focus{--amplify-internal-button-background-color: var( --amplify-components-button-primary-warning-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-warning-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-warning-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-warning-focus-box-shadow )}.amplify-button--primary--warning:active{--amplify-internal-button-background-color: var( --amplify-components-button-primary-warning-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-warning-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-warning-active-color )}.amplify-button--primary--error{--amplify-internal-button-background-color: var( --amplify-components-button-primary-error-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-error-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-error-color )}.amplify-button--primary--error:hover{--amplify-internal-button-background-color: var( --amplify-components-button-primary-error-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-error-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-error-hover-color )}.amplify-button--primary--error:focus{--amplify-internal-button-background-color: var( --amplify-components-button-primary-error-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-error-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-error-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-error-focus-box-shadow )}.amplify-button--primary--error:active{--amplify-internal-button-background-color: var( --amplify-components-button-primary-error-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-error-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-error-active-color )}.amplify-button--primary--success{--amplify-internal-button-background-color: var( --amplify-components-button-primary-success-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-success-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-success-color )}.amplify-button--primary--success:hover{--amplify-internal-button-background-color: var( --amplify-components-button-primary-success-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-success-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-success-hover-color )}.amplify-button--primary--success:focus{--amplify-internal-button-background-color: var( --amplify-components-button-primary-success-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-success-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-success-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-success-focus-box-shadow )}.amplify-button--primary--success:active{--amplify-internal-button-background-color: var( --amplify-components-button-primary-success-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-success-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-success-active-color )}.amplify-button--primary--overlay{--amplify-internal-button-background-color: var( --amplify-components-button-primary-overlay-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-overlay-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-overlay-color )}.amplify-button--primary--overlay:hover{--amplify-internal-button-background-color: var( --amplify-components-button-primary-overlay-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-overlay-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-overlay-hover-color )}.amplify-button--primary--overlay:focus{--amplify-internal-button-background-color: var( --amplify-components-button-primary-overlay-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-overlay-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-overlay-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-primary-overlay-focus-box-shadow )}.amplify-button--primary--overlay:active{--amplify-internal-button-background-color: var( --amplify-components-button-primary-overlay-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-primary-overlay-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-primary-overlay-active-color )}.amplify-button--link{--amplify-internal-button-border-width: var( --amplify-components-button-link-border-width );--amplify-internal-button-background-color: var( --amplify-components-button-link-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-color );--amplify-internal-button-disabled-border-color: var( --amplify-components-button-link-disabled-border-color );--amplify-internal-button-disabled-background-color: var( --amplify-components-button-link-disabled-background-color );--amplify-internal-button-disabled-color: var( --amplify-components-button-link-disabled-color );--amplify-internal-button-loading-background-color: var( --amplify-components-button-link-loading-background-color );--amplify-internal-button-loading-border-color: var( --amplify-components-button-link-loading-border-color );--amplify-internal-button-loading-color: var( --amplify-components-button-link-loading-color )}.amplify-button--link:hover{--amplify-internal-button-background-color: var( --amplify-components-button-link-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-hover-color )}.amplify-button--link:focus{--amplify-internal-button-background-color: var( --amplify-components-button-link-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-focus-box-shadow )}.amplify-button--link:active{--amplify-internal-button-background-color: var( --amplify-components-button-link-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-active-color )}.amplify-button--link--info{--amplify-internal-button-background-color: var( --amplify-components-button-link-info-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-info-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-info-color )}.amplify-button--link--info:hover{--amplify-internal-button-background-color: var( --amplify-components-button-link-info-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-info-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-info-hover-color )}.amplify-button--link--info:focus{--amplify-internal-button-background-color: var( --amplify-components-button-link-info-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-info-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-info-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-info-focus-box-shadow )}.amplify-button--link--info:active{--amplify-internal-button-background-color: var( --amplify-components-button-link-info-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-info-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-info-active-color )}.amplify-button--link--warning{--amplify-internal-button-background-color: var( --amplify-components-button-link-warning-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-warning-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-warning-color )}.amplify-button--link--warning:hover{--amplify-internal-button-background-color: var( --amplify-components-button-link-warning-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-warning-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-warning-hover-color )}.amplify-button--link--warning:focus{--amplify-internal-button-background-color: var( --amplify-components-button-link-warning-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-warning-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-warning-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-warning-focus-box-shadow )}.amplify-button--link--warning:active{--amplify-internal-button-background-color: var( --amplify-components-button-link-warning-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-warning-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-warning-active-color )}.amplify-button--link--error{--amplify-internal-button-background-color: var( --amplify-components-button-link-error-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-error-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-error-color )}.amplify-button--link--error:hover{--amplify-internal-button-background-color: var( --amplify-components-button-link-error-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-error-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-error-hover-color )}.amplify-button--link--error:focus{--amplify-internal-button-background-color: var( --amplify-components-button-link-error-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-error-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-error-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-error-focus-box-shadow )}.amplify-button--link--error:active{--amplify-internal-button-background-color: var( --amplify-components-button-link-error-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-error-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-error-active-color )}.amplify-button--link--success{--amplify-internal-button-background-color: var( --amplify-components-button-link-success-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-success-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-success-color )}.amplify-button--link--success:hover{--amplify-internal-button-background-color: var( --amplify-components-button-link-success-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-success-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-success-hover-color )}.amplify-button--link--success:focus{--amplify-internal-button-background-color: var( --amplify-components-button-link-success-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-success-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-success-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-success-focus-box-shadow )}.amplify-button--link--success:active{--amplify-internal-button-background-color: var( --amplify-components-button-link-success-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-success-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-success-active-color )}.amplify-button--link--overlay{--amplify-internal-button-background-color: var( --amplify-components-button-link-overlay-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-overlay-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-overlay-color )}.amplify-button--link--overlay:hover{--amplify-internal-button-background-color: var( --amplify-components-button-link-overlay-hover-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-overlay-hover-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-overlay-hover-color )}.amplify-button--link--overlay:focus{--amplify-internal-button-background-color: var( --amplify-components-button-link-overlay-focus-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-overlay-focus-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-overlay-focus-color );--amplify-internal-button-focus-box-shadow: var( --amplify-components-button-link-overlay-focus-box-shadow )}.amplify-button--link--overlay:active{--amplify-internal-button-background-color: var( --amplify-components-button-link-overlay-active-background-color );--amplify-internal-button-border-color: var( --amplify-components-button-link-overlay-active-border-color );--amplify-internal-button-color: var( --amplify-components-button-link-overlay-active-color )}.amplify-button--destructive{border-width:var(--amplify-components-button-destructive-border-width);background-color:var(--amplify-components-button-destructive-background-color);border-color:var(--amplify-components-button-destructive-border-color);color:var(--amplify-components-button-destructive-color);--amplify-internal-button-disabled-border-color: var( --amplify-components-button-destructive-disabled-border-color );--amplify-internal-button-disabled-background-color: var( --amplify-components-button-destructive-disabled-background-color );--amplify-internal-button-disabled-color: var( --amplify-components-button-destructive-disabled-color );--amplify-internal-button-loading-background-color: var( --amplify-components-button-destructive-loading-background-color );--amplify-internal-button-loading-border-color: var( --amplify-components-button-destructive-loading-border-color );--amplify-internal-button-loading-color: var( --amplify-components-button-destructive-loading-color )}.amplify-button--destructive:hover{background-color:var(--amplify-components-button-destructive-hover-background-color);border-color:var(--amplify-components-button-destructive-hover-border-color);color:var(--amplify-components-button-destructive-hover-color)}.amplify-button--destructive:focus{background-color:var(--amplify-components-button-destructive-focus-background-color);border-color:var(--amplify-components-button-destructive-focus-border-color);color:var(--amplify-components-button-destructive-focus-color);box-shadow:var(--amplify-components-button-destructive-focus-box-shadow)}.amplify-button--destructive:active{background-color:var(--amplify-components-button-destructive-active-background-color);border-color:var(--amplify-components-button-destructive-active-border-color);color:var(--amplify-components-button-destructive-active-color)}.amplify-button--warning{background-color:var(--amplify-components-button-warning-background-color);border-color:var(--amplify-components-button-warning-border-color);border-width:var(--amplify-components-button-warning-border-width);color:var(--amplify-components-button-warning-color);--amplify-internal-button-disabled-text-decoration: none;--amplify-internal-button-disabled-border-color: var( --amplify-components-button-warning-disabled-border-color );--amplify-internal-button-disabled-background-color: var( --amplify-components-button-warning-disabled-background-color );--amplify-internal-button-disabled-color: var( --amplify-components-button-warning-disabled-color );--amplify-internal-button-loading-background-color: var( --amplify-components-button-warning-loading-background-color );--amplify-internal-button-loading-border-color: var( --amplify-components-button-warning-loading-border-color );--amplify-internal-button-loading-color: var( --amplify-components-button-warning-loading-color );--amplify-internal-button-loading-text-decoration: none}.amplify-button--warning:hover{background-color:var(--amplify-components-button-warning-hover-background-color);border-color:var(--amplify-components-button-warning-hover-border-color);color:var(--amplify-components-button-warning-hover-color)}.amplify-button--warning:focus{background-color:var(--amplify-components-button-warning-focus-background-color);border-color:var(--amplify-components-button-warning-focus-border-color);color:var(--amplify-components-button-warning-focus-color);box-shadow:var(--amplify-components-button-warning-focus-box-shadow)}.amplify-button--warning:active{background-color:var(--amplify-components-button-warning-active-background-color);border-color:var(--amplify-components-button-warning-active-border-color);color:var(--amplify-components-button-warning-active-color)}.amplify-button--small{font-size:var(--amplify-components-button-small-font-size);padding-block-start:var(--amplify-components-button-small-padding-block-start);padding-block-end:var(--amplify-components-button-small-padding-block-end);padding-inline-start:var(--amplify-components-button-small-padding-inline-start);padding-inline-end:var(--amplify-components-button-small-padding-inline-end)}.amplify-button--large{font-size:var(--amplify-components-button-large-font-size);padding-block-start:var(--amplify-components-button-large-padding-block-start);padding-block-end:var(--amplify-components-button-large-padding-block-end);padding-inline-start:var(--amplify-components-button-large-padding-inline-start);padding-inline-end:var(--amplify-components-button-large-padding-inline-end)}.amplify-button--disabled{background-color:var(--amplify-internal-button-disabled-background-color);border-color:var(--amplify-internal-button-disabled-border-color);color:var(--amplify-internal-button-disabled-color);-webkit-text-decoration:var(--amplify-internal-button-disabled-text-decoration);text-decoration:var(--amplify-internal-button-disabled-text-decoration);cursor:not-allowed}.amplify-button--disabled:hover{background-color:var(--amplify-internal-button-disabled-background-color);border-color:var(--amplify-internal-button-disabled-border-color);color:var(--amplify-internal-button-disabled-color);-webkit-text-decoration:var(--amplify-internal-button-disabled-text-decoration);text-decoration:var(--amplify-internal-button-disabled-text-decoration)}.amplify-button--disabled :focus{background-color:var(--amplify-internal-button-disabled-background-color);border-color:var(--amplify-internal-button-disabled-border-color);color:var(--amplify-internal-button-disabled-color);-webkit-text-decoration:var(--amplify-internal-button-disabled-text-decoration);text-decoration:var(--amplify-internal-button-disabled-text-decoration)}.amplify-button--disabled:active{background-color:var(--amplify-internal-button-disabled-background-color);border-color:var(--amplify-internal-button-disabled-border-color);color:var(--amplify-internal-button-disabled-color);-webkit-text-decoration:var(--amplify-internal-button-disabled-text-decoration);text-decoration:var(--amplify-internal-button-disabled-text-decoration)}.amplify-button--loading,.amplify-button--loading:hover{background-color:var(--amplify-internal-button-loading-background-color);border-color:var(--amplify-internal-button-loading-border-color);color:var(--amplify-components-button-loading-color);-webkit-text-decoration:var(--amplify-internal-button-loading-text-decoration);text-decoration:var(--amplify-internal-button-loading-text-decoration)}.amplify-button--loading:focus{background-color:var(--amplify-internal-button-loading-background-color);border-color:var(--amplify-internal-button-loading-border-color);color:var(--amplify-components-button-loading-color);-webkit-text-decoration:var(--amplify-internal-button-loading-text-decoration);text-decoration:var(--amplify-internal-button-loading-text-decoration)}.amplify-button--loading:active{background-color:var(--amplify-internal-button-loading-background-color);border-color:var(--amplify-internal-button-loading-border-color);color:var(--amplify-components-button-loading-color);-webkit-text-decoration:var(--amplify-internal-button-loading-text-decoration);text-decoration:var(--amplify-internal-button-loading-text-decoration)}.amplify-button__loader-wrapper{align-items:var(--amplify-components-button-loader-wrapper-align-items);gap:var(--amplify-components-button-loader-wrapper-gap)}@media(prefers-reduced-motion:reduce){.amplify-button{transition:none}}.amplify-dropzone{display:block;background-color:var(--amplify-components-dropzone-background-color);border-color:var(--amplify-components-dropzone-border-color);border-width:var(--amplify-components-dropzone-border-width);border-style:var(--amplify-components-dropzone-border-style);border-radius:var(--amplify-components-dropzone-border-radius);color:var(--amplify-components-dropzone-color);padding-block:var(--amplify-components-dropzone-padding-block);padding-inline:var(--amplify-components-dropzone-padding-inline);text-align:var(--amplify-components-dropzone-text-align)}.amplify-dropzone--disabled{cursor:not-allowed;background-color:var(--amplify-components-dropzone-disabled-background-color);border-color:var(--amplify-components-dropzone-disabled-border-color);border-width:var(--amplify-components-dropzone-disabled-border-width);border-style:var(--amplify-components-dropzone-disabled-border-style);border-radius:var(--amplify-components-dropzone-disabled-border-radius);color:var(--amplify-components-dropzone-disabled-color)}.amplify-dropzone--active{background-color:var(--amplify-components-dropzone-active-background-color);border-color:var(--amplify-components-dropzone-active-border-color);border-width:var(--amplify-components-dropzone-active-border-width);border-style:var(--amplify-components-dropzone-active-border-style);border-radius:var(--amplify-components-dropzone-active-border-radius);color:var(--amplify-components-dropzone-active-color)}.amplify-dropzone--rejected{background-color:var(--amplify-components-dropzone-rejected-background-color);border-color:var(--amplify-components-dropzone-rejected-border-color);border-width:var(--amplify-components-dropzone-rejected-border-width);border-style:var(--amplify-components-dropzone-rejected-border-style);border-radius:var(--amplify-components-dropzone-rejected-border-radius);color:var(--amplify-components-dropzone-rejected-color)}.amplify-dropzone--accepted{background-color:var(--amplify-components-dropzone-accepted-background-color);border-color:var(--amplify-components-dropzone-accepted-border-color);border-width:var(--amplify-components-dropzone-accepted-border-width);border-style:var(--amplify-components-dropzone-accepted-border-style);border-radius:var(--amplify-components-dropzone-accepted-border-radius);color:var(--amplify-components-dropzone-accepted-color)}.amplify-field__description{color:var(--amplify-components-fieldmessages-description-color);font-style:var(--amplify-components-fieldmessages-description-font-style);font-size:var(--amplify-components-fieldmessages-description-font-size)}.amplify-field__error-message{color:var(--amplify-components-fieldmessages-error-color);font-size:var(--amplify-components-fieldmessages-error-font-size)}.amplify-heading{color:var(--amplify-components-heading-color);line-height:var(--amplify-components-heading-line-height);display:block}.amplify-heading--truncated{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amplify-heading--1{font-size:var(--amplify-components-heading-1-font-size);font-weight:var(--amplify-components-heading-1-font-weight)}.amplify-heading--2{font-size:var(--amplify-components-heading-2-font-size);font-weight:var(--amplify-components-heading-2-font-weight)}.amplify-heading--3{font-size:var(--amplify-components-heading-3-font-size);font-weight:var(--amplify-components-heading-3-font-weight)}.amplify-heading--4{font-size:var(--amplify-components-heading-4-font-size);font-weight:var(--amplify-components-heading-4-font-weight)}.amplify-heading--5{font-size:var(--amplify-components-heading-5-font-size);font-weight:var(--amplify-components-heading-5-font-weight)}.amplify-heading--6{font-size:var(--amplify-components-heading-6-font-size);font-weight:var(--amplify-components-heading-6-font-weight)}.amplify-icon{display:inline-block;vertical-align:middle;fill:currentColor;height:var(--amplify-components-icon-height);line-height:var(--amplify-components-icon-line-height)}.amplify-icon>svg{height:var(--amplify-components-icon-height);width:var(--amplify-components-icon-height)}.amplify-highlightmatch__highlighted{font-weight:var(--amplify-components-highlightmatch-highlighted-font-weight)}.amplify-input{box-sizing:border-box;color:var(--amplify-components-fieldcontrol-color);font-size:var(--amplify-components-fieldcontrol-font-size);line-height:var(--amplify-components-fieldcontrol-line-height);padding-block-start:var(--amplify-components-fieldcontrol-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-padding-inline-end);transition:all var(--amplify-components-fieldcontrol-transition-duration);width:100%;border-color:var(--amplify-components-fieldcontrol-border-color);border-radius:var(--amplify-components-fieldcontrol-border-radius);border-style:var(--amplify-components-fieldcontrol-border-style);border-width:var(--amplify-components-fieldcontrol-border-width);outline-color:var(--amplify-components-fieldcontrol-outline-color);outline-style:var(--amplify-components-fieldcontrol-outline-style);outline-width:var(--amplify-components-fieldcontrol-outline-width);outline-offset:var(--amplify-components-fieldcontrol-outline-offset);-webkit-user-select:text;-moz-user-select:text;user-select:text;display:inline-block;--amplify-components-fieldcontrol-color: var( --amplify-components-input-color );--amplify-components-fieldcontrol-border-color: var( --amplify-components-input-border-color );--amplify-components-fieldcontrol-font-size: var( --amplify-components-input-font-size );--amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-input-focus-border-color )}.amplify-input:focus{border-color:var(--amplify-components-fieldcontrol-focus-border-color);box-shadow:var(--amplify-components-fieldcontrol-focus-box-shadow)}.amplify-input--small{font-size:var(--amplify-components-fieldcontrol-small-font-size);padding-block-start:var(--amplify-components-fieldcontrol-small-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-small-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-small-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-small-padding-inline-end)}.amplify-input--large{font-size:var(--amplify-components-fieldcontrol-large-font-size);padding-block-start:var(--amplify-components-fieldcontrol-large-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-large-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-large-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-large-padding-inline-end)}.amplify-input--error{border-color:var(--amplify-components-fieldcontrol-error-border-color)}.amplify-input--error:focus{border-color:var(--amplify-components-fieldcontrol-error-border-color);box-shadow:var(--amplify-components-fieldcontrol-error-focus-box-shadow)}.amplify-input--quiet{border-block-start:var(--amplify-components-fieldcontrol-quiet-border-block-start);border-inline-start:var(--amplify-components-fieldcontrol-quiet-border-inline-start);border-inline-end:var(--amplify-components-fieldcontrol-quiet-border-inline-end);border-radius:var(--amplify-components-fieldcontrol-quiet-border-radius)}.amplify-input--quiet:focus{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color);box-shadow:var(--amplify-components-fieldcontrol-quiet-focus-box-shadow)}.amplify-input--quiet[aria-invalid=true]{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color)}.amplify-input--quiet[aria-invalid=true]:focus{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-error-focus-border-block-end-color);box-shadow:var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow)}.amplify-input[disabled]{color:var(--amplify-components-fieldcontrol-disabled-color);cursor:var(--amplify-components-fieldcontrol-disabled-cursor);border-color:var(--amplify-components-fieldcontrol-disabled-border-color);background-color:var(--amplify-components-fieldcontrol-disabled-background-color)}.amplify-textarea{box-sizing:border-box;color:var(--amplify-components-fieldcontrol-color);font-size:var(--amplify-components-fieldcontrol-font-size);line-height:var(--amplify-components-fieldcontrol-line-height);padding-block-start:var(--amplify-components-fieldcontrol-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-padding-inline-end);transition:all var(--amplify-components-fieldcontrol-transition-duration);width:100%;border-color:var(--amplify-components-fieldcontrol-border-color);border-radius:var(--amplify-components-fieldcontrol-border-radius);border-style:var(--amplify-components-fieldcontrol-border-style);border-width:var(--amplify-components-fieldcontrol-border-width);outline-color:var(--amplify-components-fieldcontrol-outline-color);outline-style:var(--amplify-components-fieldcontrol-outline-style);outline-width:var(--amplify-components-fieldcontrol-outline-width);outline-offset:var(--amplify-components-fieldcontrol-outline-offset);-webkit-user-select:text;-moz-user-select:text;user-select:text;white-space:pre-wrap}.amplify-textarea:focus{border-color:var(--amplify-components-fieldcontrol-focus-border-color);box-shadow:var(--amplify-components-fieldcontrol-focus-box-shadow)}.amplify-textarea--small{font-size:var(--amplify-components-fieldcontrol-small-font-size);padding-block-start:var(--amplify-components-fieldcontrol-small-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-small-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-small-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-small-padding-inline-end)}.amplify-textarea--large{font-size:var(--amplify-components-fieldcontrol-large-font-size);padding-block-start:var(--amplify-components-fieldcontrol-large-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-large-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-large-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-large-padding-inline-end)}.amplify-textarea--error{border-color:var(--amplify-components-fieldcontrol-error-border-color)}.amplify-textarea--error:focus{border-color:var(--amplify-components-fieldcontrol-error-border-color);box-shadow:var(--amplify-components-fieldcontrol-error-focus-box-shadow)}.amplify-textarea--quiet{border-block-start:var(--amplify-components-fieldcontrol-quiet-border-block-start);border-inline-start:var(--amplify-components-fieldcontrol-quiet-border-inline-start);border-inline-end:var(--amplify-components-fieldcontrol-quiet-border-inline-end);border-radius:var(--amplify-components-fieldcontrol-quiet-border-radius)}.amplify-textarea--quiet:focus{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color);box-shadow:var(--amplify-components-fieldcontrol-quiet-focus-box-shadow)}.amplify-textarea--quiet[aria-invalid=true]{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color)}.amplify-textarea--quiet[aria-invalid=true]:focus{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-error-focus-border-block-end-color);box-shadow:var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow)}.amplify-textarea[disabled]{color:var(--amplify-components-fieldcontrol-disabled-color);cursor:var(--amplify-components-fieldcontrol-disabled-cursor);border-color:var(--amplify-components-fieldcontrol-disabled-border-color);background-color:var(--amplify-components-fieldcontrol-disabled-background-color)}.amplify-image{height:var(--amplify-components-image-height);max-width:var(--amplify-components-image-max-width);-o-object-fit:var(--amplify-components-image-object-fit);object-fit:var(--amplify-components-image-object-fit);-o-object-position:var(--amplify-components-image-object-position);object-position:var(--amplify-components-image-object-position);overflow:clip}.amplify-link{color:var(--amplify-components-link-color);-webkit-text-decoration:var(--amplify-components-link-text-decoration);text-decoration:var(--amplify-components-link-text-decoration);cursor:pointer}.amplify-link:visited{color:var(--amplify-components-link-visited-color);-webkit-text-decoration:var(--amplify-components-link-visited-text-decoration);text-decoration:var(--amplify-components-link-visited-text-decoration)}.amplify-link:active{color:var(--amplify-components-link-active-color);-webkit-text-decoration:var(--amplify-components-link-active-text-decoration);text-decoration:var(--amplify-components-link-active-text-decoration)}.amplify-link:focus{color:var(--amplify-components-link-focus-color);-webkit-text-decoration:var(--amplify-components-link-focus-text-decoration);text-decoration:var(--amplify-components-link-focus-text-decoration)}.amplify-link:hover{color:var(--amplify-components-link-hover-color);-webkit-text-decoration:var(--amplify-components-link-hover-text-decoration);text-decoration:var(--amplify-components-link-hover-text-decoration)}.amplify-loader{width:var(--amplify-components-loader-width);height:var(--amplify-components-loader-height);font-size:var(--amplify-components-loader-font-size);fill:none;stroke:var(--amplify-components-loader-stroke-empty);--amplify-internal-loader-linear-font-size: var( --amplify-components-loader-linear-font-size );--amplify-internal-loader-linear-stroke-width: var( --amplify-components-loader-linear-stroke-width )}.amplify-loader circle:last-of-type{transform-origin:center center;animation-name:amplify-loader-circular;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--amplify-components-loader-animation-duration);stroke:var(--amplify-components-loader-stroke-filled);stroke-linecap:var(--amplify-components-loader-stroke-linecap)}@media(prefers-reduced-motion){.amplify-loader circle:last-of-type{animation:none;stroke-dasharray:100% 200%;stroke-dashoffset:50%}}.amplify-loader line:last-of-type{stroke:var(--amplify-components-loader-linear-stroke-filled);stroke-dasharray:50% 200%;animation-name:amplify-loader-linear;animation-duration:var(--amplify-components-loader-linear-animation-duration);animation-timing-function:linear;animation-iteration-count:infinite}@media(prefers-reduced-motion){.amplify-loader line:last-of-type{animation:none;stroke-dashoffset:-50%}}.amplify-loader--small{width:var(--amplify-components-loader-small-width);height:var(--amplify-components-loader-small-height);font-size:var(--amplify-components-loader-small-font-size);--amplify-internal-loader-linear-stroke-width: var( --amplify-components-loader-linear-small-stroke-width );--amplify-internal-loader-linear-font-size: var( --amplify-components-loader-linear-small-font-size )}.amplify-loader--large{width:var(--amplify-components-loader-large-width);height:var(--amplify-components-loader-large-height);font-size:var(--amplify-components-loader-large-font-size);--amplify-internal-loader-linear-stroke-width: var( --amplify-components-loader-linear-large-stroke-width );--amplify-internal-loader-linear-font-size: var( --amplify-components-loader-linear-large-font-size )}.amplify-loader--linear{width:var(--amplify-components-loader-linear-width);min-width:var(--amplify-components-loader-linear-min-width);stroke:var(--amplify-components-loader-linear-stroke-empty);stroke-linecap:var(--amplify-components-loader-linear-stroke-linecap);stroke-width:var(--amplify-internal-loader-linear-stroke-width);font-size:var(--amplify-internal-loader-linear-font-size)}.amplify-loader--determinate circle:last-of-type{animation:none;transform:rotate(-90deg)}.amplify-loader--determinate line:last-of-type{animation:none;stroke-dashoffset:0%;stroke-dasharray:none}.amplify-loader__label{fill:var(--amplify-components-loader-text-fill);stroke:none}@keyframes amplify-loader-circular{0%{stroke-dasharray:100% 200%;transform:rotate(120deg)}50%{stroke-dasharray:20% 400%}to{stroke-dasharray:100% 200%;transform:rotate(480deg)}}@keyframes amplify-loader-linear{0%{stroke-dashoffset:200%}to{stroke-dashoffset:-50%}}.amplify-placeholder{animation-direction:alternate;animation-duration:var(--amplify-components-placeholder-transition-duration);animation-iteration-count:infinite;animation-name:amplify-placeholder-loading;border-radius:var(--amplify-components-placeholder-border-radius);height:var(--amplify-components-placeholder-default-height);width:100%;display:block}.amplify-placeholder--small{height:var(--amplify-components-placeholder-small-height)}.amplify-placeholder--large{height:var(--amplify-components-placeholder-large-height)}@keyframes amplify-placeholder-loading{0%{background-color:var(--amplify-components-placeholder-start-color)}to{background-color:var(--amplify-components-placeholder-end-color)}}@media(prefers-reduced-motion:reduce){.amplify-placeholder{animation:none;background-color:var(--amplify-components-placeholder-end-color)}}[data-amplify-copy]{display:flex;font-size:var(--amplify-components-copy-font-size);gap:var(--amplify-components-copy-gap);justify-content:center;align-items:center;word-break:break-all}[data-amplify-copy-svg]{cursor:pointer;position:relative}[data-amplify-copy-svg] path{fill:var(--amplify-components-copy-svg-path-fill)}[data-amplify-copy-svg]:hover [data-amplify-copy-tooltip]{visibility:visible;font-size:var(--amplify-components-copy-tool-tip-font-size)}[data-amplify-copy-tooltip]{visibility:hidden;position:absolute;bottom:var(--amplify-components-copy-tool-tip-bottom);color:var(--amplify-components-copy-tool-tip-color)}.amplify-accordion{display:block;background-color:var(--amplify-components-accordion-background-color);border-radius:var(--amplify-components-accordion-item-border-radius)}.amplify-accordion__item{display:block;position:relative;border-width:var(--amplify-components-accordion-item-border-width);border-style:var(--amplify-components-accordion-item-border-style);border-color:var(--amplify-components-accordion-item-border-color)}.amplify-accordion__item+.amplify-accordion__item{margin-block-start:calc(-1 * var(--amplify-components-accordion-item-border-width))}.amplify-accordion__item:where(:first-of-type){border-start-end-radius:var(--amplify-components-accordion-item-border-radius);border-start-start-radius:var(--amplify-components-accordion-item-border-radius)}.amplify-accordion__item:where(:last-of-type){border-end-end-radius:var(--amplify-components-accordion-item-border-radius);border-end-start-radius:var(--amplify-components-accordion-item-border-radius)}.amplify-accordion__item__trigger{cursor:pointer;display:flex;position:relative;color:var(--amplify-components-accordion-item-trigger-color);border-radius:var(--amplify-components-accordion-item-border-radius);padding-inline:var(--amplify-components-accordion-item-trigger-padding-inline);padding-block:var(--amplify-components-accordion-item-trigger-padding-block);gap:var(--amplify-components-accordion-item-trigger-gap);align-items:var(--amplify-components-accordion-item-trigger-align-items);justify-content:var(--amplify-components-accordion-item-trigger-justify-content)}.amplify-accordion__item__trigger:hover{background-color:var(--amplify-components-accordion-item-trigger-hover-background-color);color:var(--amplify-components-accordion-item-trigger-hover-color)}.amplify-accordion__item__trigger:focus{box-shadow:var(--amplify-components-accordion-item-trigger-focus-box-shadow);border-color:var(--amplify-components-accordion-item-trigger-focus-border-color);z-index:2}.amplify-accordion__item__trigger::-webkit-details-marker{display:none}.amplify-accordion__item__content{display:block;color:var(--amplify-components-accordion-item-content-color);padding-block-end:var(--amplify-components-accordion-item-content-padding-block-end);padding-block-start:var(--amplify-components-accordion-item-content-padding-block-start);padding-inline:var(--amplify-components-accordion-item-content-padding-inline)}.amplify-accordion__item__icon{color:var(--amplify-components-accordion-item-icon-color);transition-property:transform;transition-duration:var(--amplify-components-accordion-item-icon-transition-duration);transition-timing-function:var(--amplify-components-accordion-item-icon-transition-timing-function)}[open] .amplify-accordion__item__icon{transform:rotate(180deg)}.amplify-alert{align-items:var(--amplify-components-alert-align-items);background-color:var(--amplify-components-alert-background-color);color:var(--amplify-components-alert-color);justify-content:var(--amplify-components-alert-justify-content);padding-block:var(--amplify-components-alert-padding-block);padding-inline:var(--amplify-components-alert-padding-inline)}.amplify-alert--info{color:var(--amplify-components-alert-info-color);background-color:var(--amplify-components-alert-info-background-color)}.amplify-alert--error{color:var(--amplify-components-alert-error-color);background-color:var(--amplify-components-alert-error-background-color)}.amplify-alert--warning{color:var(--amplify-components-alert-warning-color);background-color:var(--amplify-components-alert-warning-background-color)}.amplify-alert--success{color:var(--amplify-components-alert-success-color);background-color:var(--amplify-components-alert-success-background-color)}.amplify-alert__icon{font-size:var(--amplify-components-alert-icon-size);line-height:1}.amplify-alert__heading{display:block;font-weight:var(--amplify-components-alert-heading-font-weight);font-size:var(--amplify-components-alert-heading-font-size)}.amplify-alert__body{color:inherit;display:block}.amplify-alert__dismiss{color:inherit}.amplify-autocomplete__menu__option,.amplify-autocomplete__menu--loading,.amplify-autocomplete__menu--empty{padding-block:var(--amplify-components-autocomplete-menu-space-shared-padding-block);padding-inline:var(--amplify-components-autocomplete-menu-space-shared-padding-inline)}.amplify-autocomplete{position:relative;display:block}.amplify-autocomplete__menu{position:absolute;z-index:999999;width:var(--amplify-components-autocomplete-menu-width);margin-block-start:var(--amplify-components-autocomplete-menu-margin-block-start);background-color:var(--amplify-components-autocomplete-menu-background-color);border-color:var(--amplify-components-autocomplete-menu-border-color);border-width:var(--amplify-components-autocomplete-menu-border-width);border-style:var(--amplify-components-autocomplete-menu-border-style);border-radius:var(--amplify-components-autocomplete-menu-border-radius)}.amplify-autocomplete__menu--empty{display:var(--amplify-components-autocomplete-menu-empty-display)}.amplify-autocomplete__menu--loading{display:var(--amplify-components-autocomplete-menu-loading-display);align-items:var(--amplify-components-autocomplete-menu-loading-align-items);gap:var(--amplify-components-autocomplete-menu-loading-gap)}.amplify-autocomplete__menu__options{position:relative;overscroll-behavior:contain;display:var(--amplify-components-autocomplete-menu-options-display);flex-direction:var(--amplify-components-autocomplete-menu-options-flex-direction);max-height:var(--amplify-components-autocomplete-menu-options-max-height)}.amplify-autocomplete__menu__option{background-color:var(--amplify-components-autocomplete-menu-option-background-color);color:var(--amplify-components-autocomplete-menu-option-color);cursor:var(--amplify-components-autocomplete-menu-option-cursor);transition-duration:var(--amplify-components-autocomplete-menu-option-transition-duration);transition-property:var(--amplify-components-autocomplete-menu-option-transition-property);transition-timing-function:var(--amplify-components-autocomplete-menu-option-transition-timing-function)}.amplify-autocomplete__menu__option--active{background-color:var(--amplify-components-autocomplete-menu-option-active-background-color);color:var(--amplify-components-autocomplete-menu-option-active-color)}[data-amplify-authenticator]{display:grid}[data-amplify-authenticator][data-variation=modal]{overflow-y:auto;width:var(--amplify-components-authenticator-modal-width);height:var(--amplify-components-authenticator-modal-height);background-color:var(--amplify-components-authenticator-modal-background-color);position:fixed;top:var(--amplify-components-authenticator-modal-top);left:var(--amplify-components-authenticator-modal-left);z-index:1}[data-amplify-authenticator] [data-amplify-container]{place-self:center}@media(min-width:30rem){[data-amplify-authenticator] [data-amplify-container]{width:var(--amplify-components-authenticator-container-width-max)}}[data-amplify-authenticator] [data-amplify-router]{background-color:var(--amplify-components-authenticator-router-background-color);box-shadow:var(--amplify-components-authenticator-router-box-shadow);border-color:var(--amplify-components-authenticator-router-border-color);border-width:var(--amplify-components-authenticator-router-border-width);border-style:var(--amplify-components-authenticator-router-border-style)}[data-amplify-authenticator] [data-amplify-footer]{padding-bottom:var(--amplify-components-authenticator-footer-padding-bottom);text-align:center}[data-amplify-authenticator] [data-amplify-form]{padding:var(--amplify-components-authenticator-form-padding)}[data-amplify-authenticator] [data-state=inactive]{background-color:var(--amplify-components-authenticator-state-inactive-background-color)}@media(max-width:26rem){[data-amplify-authenticator] [data-amplify-sign-up-errors]{font-size:.688rem}}.amplify-authenticator__column{display:flex;flex-direction:column}.amplify-authenticator__subtitle{margin-bottom:var(--amplify-space-medium)}.amplify-authenticator__heading{font-size:var(--amplify-font-sizes-xl)}.amplify-authenticator__federated-text{align-self:center}.amplify-authenticator__federated-buttons{flex-direction:column;padding-block-end:var(--amplify-space-medium)}.amplify-authenticator__federated-button{font-weight:400;gap:var(--amplify-space-medium)}.amplify-avatar{--avatar-color: var(--amplify-components-avatar-color);--avatar-background-color: var(--amplify-components-avatar-background-color);--avatar-filled-background-color: var(--amplify-components-avatar-color);--avatar-filled-color: var(--amplify-components-avatar-background-color);--avatar-border-color: var(--amplify-components-avatar-border-color);--avatar-size: var(--amplify-components-avatar-width);--amplify-components-icon-height: 100%;position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--avatar-color);background-color:var(--avatar-background-color);font-weight:var(--amplify-components-avatar-font-weight);font-size:var(--amplify-components-avatar-font-size);width:var(--amplify-components-avatar-width);height:var(--amplify-components-avatar-height);overflow:hidden;border-radius:var(--amplify-components-avatar-border-radius)}.amplify-avatar--filled{background-color:var(--avatar-filled-background-color);color:var(--avatar-filled-color)}.amplify-avatar--outlined{border-width:var(--amplify-components-avatar-border-width);border-style:solid;padding:var(--amplify-components-avatar-border-width);border-color:var(--avatar-border-color);background-color:transparent;color:var(--avatar-color)}.amplify-avatar--small{--avatar-size: var(--amplify-components-avatar-small-width);width:var(--amplify-components-avatar-small-width);height:var(--amplify-components-avatar-small-height);font-size:var(--amplify-components-avatar-small-font-size)}.amplify-avatar--large{--avatar-size: var(--amplify-components-avatar-large-width);width:var(--amplify-components-avatar-large-width);height:var(--amplify-components-avatar-large-height);font-size:var(--amplify-components-avatar-large-font-size)}.amplify-avatar--warning{--avatar-border-color: var( --amplify-components-avatar-warning-border-color );--avatar-background-color: var( --amplify-components-avatar-warning-background-color );--avatar-color: var(--amplify-components-avatar-warning-color);--avatar-filled-background-color: var( --amplify-components-avatar-warning-color );--avatar-filled-color: var( --amplify-components-avatar-warning-background-color );--amplify-components-loader-stroke-filled: var( --amplify-components-avatar-warning-color )}.amplify-avatar--error{--avatar-border-color: var(--amplify-components-avatar-error-border-color);--avatar-background-color: var( --amplify-components-avatar-error-background-color );--avatar-color: var(--amplify-components-avatar-error-color);--avatar-filled-background-color: var( --amplify-components-avatar-error-color );--avatar-filled-color: var( --amplify-components-avatar-error-background-color );--amplify-components-loader-stroke-filled: var( --amplify-components-avatar-error-color )}.amplify-avatar--info{--avatar-border-color: var(--amplify-components-avatar-info-border-color);--avatar-background-color: var( --amplify-components-avatar-info-background-color );--avatar-color: var(--amplify-components-avatar-info-color);--avatar-filled-background-color: var( --amplify-components-avatar-info-color );--avatar-filled-color: var( --amplify-components-avatar-info-background-color );--amplify-components-loader-stroke-filled: var( --amplify-components-avatar-info-color )}.amplify-avatar--success{--avatar-border-color: var( --amplify-components-avatar-success-border-color );--avatar-background-color: var( --amplify-components-avatar-success-background-color );--avatar-color: var(--amplify-components-avatar-success-color);--avatar-filled-background-color: var( --amplify-components-avatar-success-color );--avatar-filled-color: var( --amplify-components-avatar-success-background-color );--amplify-components-loader-stroke-filled: var( --amplify-components-avatar-success-color )}.amplify-avatar__icon{display:flex;font-size:calc(var(--avatar-size) * .6)}.amplify-avatar__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.amplify-avatar__loader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;stroke:transparent}.amplify-breadcrumbs__list{display:flex;flex-wrap:var(--amplify-components-breadcrumbs-flex-wrap);flex-direction:var(--amplify-components-breadcrumbs-flex-direction);gap:var(--amplify-components-breadcrumbs-gap);color:var(--amplify-components-breadcrumbs-color)}.amplify-breadcrumbs__item{display:inline-flex;flex-direction:var(--amplify-components-breadcrumbs-item-flex-direction);align-items:var(--amplify-components-breadcrumbs-item-align-items);line-height:var(--amplify-components-breadcrumbs-item-line-height);color:var(--amplify-components-breadcrumbs-item-color);font-size:var(--amplify-components-breadcrumbs-item-font-size)}.amplify-breadcrumbs__separator{color:var(--amplify-components-breadcrumbs-separator-color);font-size:var(--amplify-components-breadcrumbs-separator-font-size);padding-inline:var(--amplify-components-breadcrumbs-separator-padding-inline)}.amplify-breadcrumbs__link{color:var(--amplify-components-breadcrumbs-link-color);font-size:var(--amplify-components-breadcrumbs-link-font-size);font-weight:var(--amplify-components-breadcrumbs-link-font-weight);padding-inline:var(--amplify-components-breadcrumbs-link-padding-inline);padding-block:var(--amplify-components-breadcrumbs-link-padding-block);-webkit-text-decoration:var(--amplify-components-breadcrumbs-link-text-decoration);text-decoration:var(--amplify-components-breadcrumbs-link-text-decoration)}.amplify-breadcrumbs__link--current{color:var(--amplify-components-breadcrumbs-link-current-color);font-size:var(--amplify-components-breadcrumbs-link-current-font-size);font-weight:var(--amplify-components-breadcrumbs-link-current-font-weight);-webkit-text-decoration:var(--amplify-components-breadcrumbs-link-current-text-decoration);text-decoration:var(--amplify-components-breadcrumbs-link-current-text-decoration)}.amplify-card{background-color:var(--amplify-components-card-background-color);border-radius:var(--amplify-components-card-border-radius);border-width:var(--amplify-components-card-border-width);border-style:var(--amplify-components-card-border-style);border-color:var(--amplify-components-card-border-color);box-shadow:var(--amplify-components-card-box-shadow);display:block;padding:var(--amplify-components-card-padding)}.amplify-card--outlined{background-color:var(--amplify-components-card-outlined-background-color);border-radius:var(--amplify-components-card-outlined-border-radius);border-width:var(--amplify-components-card-outlined-border-width);border-style:var(--amplify-components-card-outlined-border-style);border-color:var(--amplify-components-card-outlined-border-color);box-shadow:var(--amplify-components-card-outlined-box-shadow)}.amplify-card--elevated{background-color:var(--amplify-components-card-elevated-background-color);border-radius:var(--amplify-components-card-elevated-border-radius);border-width:var(--amplify-components-card-elevated-border-width);border-style:var(--amplify-components-card-elevated-border-style);border-color:var(--amplify-components-card-elevated-border-color);box-shadow:var(--amplify-components-card-elevated-box-shadow)}.amplify-collection{flex-direction:column}.amplify-collection__pagination{justify-content:center;--amplify-components-pagination-current-color: var( --amplify-components-collection-pagination-current-color );--amplify-components-pagination-current-background-color: var( --amplify-components-collection-pagination-current-background-color );--amplify-components-pagination-button-color: var( --amplify-components-collection-pagination-button-color );--amplify-components-pagination-button-hover-color: var( --amplify-components-collection-pagination-button-hover-color );--amplify-components-pagination-button-hover-background-color: var( --amplify-components-collection-pagination-button-hover-background-color );--amplify-components-pagination-button-disabled-color: var( --amplify-components-collection-pagination-button-disabled-color )}.amplify-collection__search{flex-direction:row;justify-content:center;--amplify-components-searchfield-input-color: var( --amplify-components-collection-search-input-color );--amplify-components-searchfield-button-color: var( --amplify-components-collection-search-button-color );--amplify-components-searchfield-button-active-background-color: var( --amplify-components-collection-search-button-active-background-color );--amplify-components-searchfield-button-active-border-color: var( --amplify-components-collection-search-button-active-border-color );--amplify-components-searchfield-button-active-color: var( --amplify-components-collection-search-button-active-color );--amplify-components-searchfield-button-disabled-background-color: var( --amplify-components-collection-search-button-disabled-background-color );--amplify-components-searchfield-button-disabled-border-color: var( --amplify-components-collection-search-button-disabled-border-color );--amplify-components-searchfield-button-disabled-color: var( --amplify-components-collection-search-button-disabled-color );--amplify-components-searchfield-button-focus-background-color: var( --amplify-components-collection-search-button-focus-background-color );--amplify-components-searchfield-button-focus-border-color: var( --amplify-components-collection-search-button-focus-border-color );--amplify-components-searchfield-button-focus-color: var( --amplify-components-collection-search-button-focus-color );--amplify-components-searchfield-button-hover-background-color: var( --amplify-components-collection-search-button-hover-background-color );--amplify-components-searchfield-button-hover-border-color: var( --amplify-components-collection-search-button-hover-border-color );--amplify-components-searchfield-button-hover-color: var( --amplify-components-collection-search-button-hover-color )}.amplify-checkbox{cursor:var(--amplify-components-checkbox-cursor);align-items:var(--amplify-components-checkbox-align-items);flex-direction:row-reverse;gap:inherit;position:relative}.amplify-checkbox--disabled{cursor:var(--amplify-components-checkbox-disabled-cursor);color:var(--amplify-components-checkbox-label-disabled-color)}.amplify-checkbox__button{position:var(--amplify-components-checkbox-button-position);align-items:var(--amplify-components-checkbox-button-align-items);justify-content:var(--amplify-components-checkbox-button-justify-content);color:var(--amplify-components-checkbox-button-color);--amplify-internal-checkbox_button-focused-before-border-color: var( --amplify-components-checkbox-button-focus-border-color );--amplify-internal-checkbox_button-focused-before-box-shadow: var( --amplify-components-checkbox-button-focus-box-shadow )}.amplify-checkbox__button:before{content:"";display:inline-block;position:absolute;box-sizing:border-box;width:var(--amplify-components-checkbox-button-before-width);height:var(--amplify-components-checkbox-button-before-height);border-width:var(--amplify-components-checkbox-button-before-border-width);border-radius:var(--amplify-components-checkbox-button-before-border-radius);border-style:var(--amplify-components-checkbox-button-before-border-style);border-color:var(--amplify-components-checkbox-button-before-border-color)}.amplify-checkbox__button--focused:before{outline-color:var(--amplify-components-checkbox-button-focus-outline-color);outline-style:var(--amplify-components-checkbox-button-focus-outline-style);outline-width:var(--amplify-components-checkbox-button-focus-outline-width);outline-offset:var(--amplify-components-checkbox-button-focus-outline-offset);border-color:var(--amplify-internal-checkbox_button-focused-before-border-color);box-shadow:var(--amplify-internal-checkbox_button-focused-before-box-shadow)}.amplify-checkbox__button--error{--amplify-internal-checkbox_button-focused-before-border-color: var( --amplify-components-checkbox-button-error-focus-border-color );--amplify-internal-checkbox_button-focused-before-box-shadow: var( --amplify-components-checkbox-button-error-focus-box-shadow )}.amplify-checkbox__button--error:before{border-color:var(--amplify-components-checkbox-button-error-border-color)}.amplify-checkbox__button--disabled:before{border-color:var(--amplify-components-checkbox-button-disabled-border-color)}.amplify-checkbox__icon{line-height:1;width:1em;height:1em;background-color:var(--amplify-components-checkbox-icon-background-color);opacity:var(--amplify-components-checkbox-icon-opacity);transform:var(--amplify-components-checkbox-icon-transform);border-radius:var(--amplify-components-checkbox-icon-border-radius);transition-property:var(--amplify-components-checkbox-icon-transition-property);transition-duration:var(--amplify-components-checkbox-icon-transition-duration);transition-timing-function:var(--amplify-components-checkbox-icon-transition-timing-function);--amplify-internal-checkbox-icon-disabled-background-color: var( --amplify-components-checkbox-icon-background-color )}.amplify-checkbox__icon--checked{opacity:var(--amplify-components-checkbox-icon-checked-opacity);transform:var(--amplify-components-checkbox-icon-checked-transform);--amplify-internal-checkbox-icon-disabled-background-color: var( --amplify-components-checkbox-icon-checked-disabled-background-color )}.amplify-checkbox__icon--indeterminate{opacity:var(--amplify-components-checkbox-icon-indeterminate-opacity);transform:var(--amplify-components-checkbox-icon-indeterminate-transform);--amplify-internal-checkbox-icon-disabled-background-color: var( --amplify-components-checkbox-icon-indeterminate-disabled-background-color )}.amplify-checkbox__icon--disabled{background-color:var(--amplify-internal-checkbox-icon-disabled-background-color)}.amplify-checkbox__label{color:var(--amplify-components-checkbox-label-color)}.amplify-checkbox__label--disabled{color:var(--amplify-components-checkbox-label-disabled-color)}.amplify-checkboxfield{align-content:var(--amplify-components-checkboxfield-align-content);align-items:var(--amplify-components-checkboxfield-align-items);flex-direction:var(--amplify-components-checkboxfield-flex-direction);justify-content:var(--amplify-components-checkboxfield-justify-content)}.amplify-dialcodeselect{height:var(--amplify-components-countrycodeselect-height)}.amplify-divider{--amplify-internal-divider-size: var( --amplify-components-divider-border-width );border-color:var(--amplify-components-divider-border-color);border-style:var(--amplify-components-divider-border-style);border-width:0;opacity:var(--amplify-components-divider-opacity);padding:0;display:flex;position:relative;text-align:center;justify-content:center}.amplify-divider:after{content:attr(data-label);position:absolute;transform:translateY(-50%);font-size:var(--amplify-components-divider-label-font-size);padding-inline:var(--amplify-components-divider-label-padding-inline);background-color:var(--amplify-components-divider-label-background-color);color:var(--amplify-components-divider-label-color)}.amplify-divider--small{--amplify-internal-divider-size: var( --amplify-components-divider-small-border-width )}.amplify-divider--large{--amplify-internal-divider-size: var( --amplify-components-divider-large-border-width )}.amplify-divider--horizontal{width:100%;border-bottom-width:var(--amplify-internal-divider-size)}.amplify-divider--vertical{border-left-width:var(--amplify-internal-divider-size);flex-direction:column}.amplify-divider--vertical:after{top:auto;transform:translate(-50%);padding-block:0;padding-inline:0}.amplify-field{font-size:var(--amplify-components-field-font-size);gap:var(--amplify-components-field-gap);flex-direction:var(--amplify-components-field-flex-direction)}.amplify-field--small{font-size:var(--amplify-components-field-small-font-size);gap:var(--amplify-components-field-small-gap)}.amplify-field--large{font-size:var(--amplify-components-field-large-font-size);gap:var(--amplify-components-field-large-gap)}.amplify-label{color:var(--amplify-components-field-label-color)}.amplify-field-group__outer-end .amplify-select__wrapper .amplify-select,.amplify-field-group__outer-end .amplify-field-group__control,.amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child),.amplify-field-group__outer-start--quiet .amplify-field-group__control,.amplify-field-group__outer-start .amplify-field-group__control:not(:first-child),.amplify-field-group :not(:first-child) .amplify-input{border-start-start-radius:0;border-end-start-radius:0}@supports not (border-start-start-radius: 0){.amplify-field-group__outer-end .amplify-select__wrapper .amplify-select,.amplify-field-group__outer-end .amplify-field-group__control,.amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child),.amplify-field-group__outer-start--quiet .amplify-field-group__control,.amplify-field-group__outer-start .amplify-field-group__control:not(:first-child),.amplify-field-group :not(:first-child) .amplify-input{border-top-left-radius:0;border-bottom-left-radius:0}}.amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select,.amplify-field-group__outer-end--quiet .amplify-field-group__control,.amplify-field-group__outer-end .amplify-field-group__control:not(:last-child),.amplify-field-group__outer-start .amplify-select__wrapper .amplify-select,.amplify-field-group__outer-start .amplify-field-group__control,.amplify-field-group :not(:last-child) .amplify-input{border-end-end-radius:0;border-start-end-radius:0}@supports not (border-end-end-radius: 0){.amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select,.amplify-field-group__outer-end--quiet .amplify-field-group__control,.amplify-field-group__outer-end .amplify-field-group__control:not(:last-child),.amplify-field-group__outer-start .amplify-select__wrapper .amplify-select,.amplify-field-group__outer-start .amplify-field-group__control,.amplify-field-group :not(:last-child) .amplify-input{border-bottom-right-radius:0;border-top-right-radius:0}}.amplify-field-group{gap:var(--amplify-components-fieldgroup-gap);align-self:stretch}.amplify-field-group--horizontal{flex-direction:row}.amplify-field-group--vertical{flex-direction:column;align-items:var(--amplify-components-fieldgroup-vertical-align-items)}.amplify-field-group__outer-start,.amplify-field-group__outer-end{display:flex;flex-shrink:0;align-items:var(--amplify-components-fieldgroup-outer-align-items)}.amplify-field-group__outer-start .amplify-field-group__control,.amplify-field-group__outer-end .amplify-field-group__control{height:100%}.amplify-field-group__outer-start .amplify-field-group__control:not(:focus){border-inline-end-color:transparent}.amplify-field-group__outer-start .amplify-field-group__control:focus{z-index:1}.amplify-field-group__outer-start--quiet .amplify-field-group__control:not(:focus){border-block-start-color:transparent;border-inline-start-color:transparent}.amplify-field-group__outer-end .amplify-field-group__control:not(:focus){border-inline-start-color:transparent}.amplify-field-group__outer-end .amplify-field-group__control:focus{z-index:1}.amplify-field-group__outer-end--quiet .amplify-field-group__control:not(:focus){border-block-start-color:transparent;border-inline-end-color:transparent}.amplify-field-group__field-wrapper{position:relative;width:100%}.amplify-field-group__field-wrapper--vertical{width:-moz-fit-content;width:fit-content}.amplify-field-group__inner-end,.amplify-field-group__inner-start{position:absolute;top:0;height:100%;pointer-events:none}.amplify-field-group__inner-end .amplify-button,.amplify-field-group__inner-start .amplify-button{pointer-events:all;height:100%}.amplify-field-group__inner-end{right:0;left:auto}.amplify-field-group__inner-start,html[dir=rtl] .amplify-field-group__inner-end{right:auto;left:0}html[dir=rtl] .amplify-field-group__inner-start{left:auto;right:0}.amplify-field-group--has-inner-end .amplify-input{padding-inline-end:calc(var(--amplify-components-fieldcontrol-padding-inline-end) * 3)}.amplify-field-group--has-inner-start .amplify-input{padding-inline-start:calc(var(--amplify-components-fieldcontrol-padding-inline-start) * 3)}.amplify-field-group__icon:not(.amplify-field-group__icon-button){display:flex;padding-inline-start:var(--amplify-components-fieldcontrol-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-padding-inline-start);flex-direction:column;justify-content:center;height:100%}.amplify-fieldset{background-color:var(--amplify-components-fieldset-background-color);border-radius:var(--amplify-components-fieldset-border-radius);flex-direction:var(--amplify-components-fieldset-flex-direction);gap:var(--amplify-components-fieldset-gap)}.amplify-fieldset--small{gap:var(--amplify-components-fieldset-small-gap)}.amplify-fieldset--large{gap:var(--amplify-components-fieldset-large-gap)}.amplify-fieldset--outlined{border:var(--amplify-components-fieldset-outlined-border-width) var(--amplify-components-fieldset-outlined-border-style) var(--amplify-components-fieldset-outlined-border-color);padding:var(--amplify-components-fieldset-outlined-padding)}.amplify-fieldset--outlined.amplify-fieldset--small{padding:var(--amplify-components-fieldset-outlined-small-padding)}.amplify-fieldset--outlined.amplify-fieldset--large{padding:var(--amplify-components-fieldset-outlined-large-padding)}.amplify-fieldset__legend{color:var(--amplify-components-fieldset-legend-color);font-weight:var(--amplify-components-fieldset-legend-font-weight);line-height:var(--amplify-components-fieldset-legend-line-height);font-size:var(--amplify-components-fieldset-legend-font-size)}.amplify-fieldset__legend--small{font-size:var(--amplify-components-fieldset-legend-small-font-size)}.amplify-fieldset__legend--large{font-size:var(--amplify-components-fieldset-legend-large-font-size)}.amplify-liveness-cancel-container{z-index:2;position:absolute;top:var(--amplify-space-medium);right:var(--amplify-space-medium)}.liveness-detector .amplify-button--primary:focus{box-shadow:unset;outline:var(--amplify-components-button-focus-color) solid 2px;outline-offset:2px}.amplify-liveness-cancel-button{background-color:#fff;color:#047d95}.amplify-liveness-fade-out{animation-name:amplify-liveness-animation-fadeout;animation-duration:1s;animation-fill-mode:forwards}@keyframes amplify-liveness-animation-fadeout{0%{opacity:1}to{opacity:0}}.amplify-liveness-camera-module{flex-direction:column;align-items:center;justify-content:center;background-color:var(--amplify-components-liveness-camera-module-background-color);border:1px solid var(--amplify-colors-neutral-40);position:relative}.amplify-liveness-camera-module--mobile{position:fixed;top:0;left:0;height:100%;width:100%;z-index:2}.amplify-liveness-video{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleX(-1)}.amplify-liveness-freshness-canvas{height:100%;width:100%;position:fixed;top:0;left:0;pointer-events:none;z-index:1}.amplify-liveness-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.amplify-liveness-oval-canvas{flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center}.amplify-liveness-oval-canvas--mobile{position:fixed}.amplify-liveness-video-anchor{position:relative;width:100%}.amplify-liveness-recording-icon-container{z-index:1;position:absolute;top:var(--amplify-space-medium);left:var(--amplify-space-medium)}.amplify-liveness-recording-icon{flex-direction:column;align-items:center;background-color:#fff;padding:var(--amplify-space-xxs);gap:var(--amplify-space-xxs);border-radius:var(--amplify-radii-small)}.amplify-liveness-recording-icon .amplify-text{color:var(--amplify-colors-black)}.amplify-liveness-instruction-overlay{z-index:2}.amplify-liveness-countdown-container{background-color:var(--amplify-colors-background-primary);border-radius:100%;padding:var(--amplify-space-xs)}.amplify-liveness-instruction-list{flex-direction:column}.amplify-liveness-instruction-list li{display:flex}.amplify-liveness-toast{background-color:var(--amplify-colors-background-primary);padding:var(--amplify-space-small);max-width:100%}.amplify-liveness-toast__message{color:var(--amplify-colors-font-primary);text-align:center;flex-direction:column}.amplify-liveness-toast--medium{border-radius:var(--amplify-radii-medium)}.amplify-liveness-toast--large{font-size:var(--amplify-font-sizes-xxl);padding:0 var(--amplify-space-xs)}.amplify-liveness-toast--primary{background-color:var(--amplify-colors-primary-80)}.amplify-liveness-toast--primary .amplify-liveness-toast__message{color:var(--amplify-colors-font-inverse);text-align:center;flex-direction:column}.amplify-liveness-toast__container{gap:var(--amplify-space-xs);flex-direction:column;align-items:center}.amplify-liveness-toast--error{background-color:var(--amplify-colors-red-80)}.amplify-liveness-toast--error .amplify-liveness-toast__message{color:var(--amplify-colors-font-inverse)}.amplify-liveness-match-indicator{display:block;width:min(70%,200px);position:relative;--amplify-liveness-match-indicator-transition: transform .2s linear}.amplify-liveness-match-indicator__bar{--percentage: 0;display:block;width:100%;height:var(--amplify-space-medium);border-radius:var(--amplify-radii-medium);background:var(--amplify-colors-white);position:relative;overflow:hidden;transform:translateZ(0);border:1px solid var(--amplify-colors-border-tertiary)}.amplify-liveness-match-indicator__pin{--percentage: 0;display:block;width:100%;position:absolute;top:50%;left:0;transform:translate(var(--percentage));transition:var(--amplify-liveness-match-indicator-transition)}.amplify-liveness-match-indicator__bar:after{position:absolute;content:"";width:100%;height:100%;background:var(--amplify-colors-primary-80);left:-100%;transform:translate(var(--percentage));transition:var(--amplify-liveness-match-indicator-transition)}.amplify-liveness-match-indicator__pin:after{--height: var(--amplify-space-xl);position:absolute;content:"";width:var(--amplify-space-small);height:var(--height);border-radius:var(--amplify-radii-medium);background:var(--amplify-colors-primary-80);left:0;top:0;transform:translate(-50%,calc(var(--height) / 2 * -1))}.amplify-liveness-figures{flex-wrap:wrap}.amplify-liveness-figure{flex-direction:column;gap:0}.amplify-liveness-figure__caption{padding:var(--amplify-space-xxs)}.amplify-liveness-figure__caption--success{background-color:var(--amplify-colors-background-success);color:var(--amplify-colors-font-success)}.amplify-liveness-figure__caption--error{background-color:var(--amplify-colors-background-error);color:var(--amplify-colors-font-error)}.amplify-liveness-figure__image{background-color:#fff;border:1px solid var(--amplify-colors-border-primary);position:relative;display:flex;justify-content:center}.amplify-liveness-figure__image svg{display:block}.amplify-liveness-figure__image--success{border-color:var(--amplify-colors-green-90)}.amplify-liveness-figure__image--error{border-color:var(--amplify-colors-border-error)}.amplify-liveness-figure__icon{position:absolute;left:0;top:0}.amplify-liveness-landscape-error-modal{background-color:var(--amplify-colors-background-primary);flex-direction:column;text-align:center;align-items:center;justify-content:center;width:100%}.amplify-liveness-landscape-error-modal__header{font-size:large;font-weight:var(--amplify-font-weights-bold)}.amplify-liveness-landscape-error-modal__button{justify-content:center}.amplify-liveness-start-screen-header{display:flex;flex-direction:column}.amplify-liveness-start-screen-header__heading{color:var(--amplify-colors-font-primary);font-weight:var(--amplify-font-weights-bold)}.amplify-liveness-start-screen-header__body{color:var(--amplify-colors-font-primary)}.amplify-liveness-start-screen-warning{color:var(--amplify-colors-blue-90);background-color:var(--amplify-colors-blue-10);align-items:center;z-index:3}.amplify-liveness-start-screen-instructions__heading{color:var(--amplify-colors-font-primary);font-weight:var(--amplify-font-weights-bold)}.amplify-liveness-overlay-opaque{background-color:var(--amplify-colors-overlay-40)}.amplify-liveness-overlay{flex-direction:column;position:absolute;left:0;top:0;width:100%;height:100%;padding:var(--amplify-space-large)}.amplify-liveness-error-modal{gap:var(--amplify-space-xs);align-items:center;justify-content:center;color:var(--amplify-colors-font-error)}.amplify-liveness-error-modal__heading{font-weight:var(--amplify-font-weights-bold)}.amplify-liveness-hint--mobile{margin-top:var(--amplify-space-xxxl)}.amplify-liveness-hint__text{align-items:center;gap:var(--amplify-space-xs)}.amplify-liveness-popover{position:relative}.amplify-liveness-popover__anchor{position:absolute;top:26px;left:20px;z-index:3;border-style:solid;border-width:0 9px 9px 9px;border-color:transparent transparent var(--amplify-colors-background-primary) transparent}.amplify-liveness-popover__anchor-secondary{position:absolute;top:24px;left:19px;z-index:2;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent var(--amplify-colors-border-secondary) transparent}.amplify-liveness-popover__container{position:absolute;background-color:var(--amplify-colors-background-primary);color:var(--amplify-colors-font-primary);flex-direction:row;font-size:var(--amplify-font-sizes-xs);font-weight:var(--amplify-font-weights-normal);padding:var(--amplify-space-small);top:33px;width:240px;border:1px solid var(--amplify-colors-border-secondary);border-radius:2px;z-index:4}.amplify-liveness-start-screen-camera-select{flex-direction:column;position:absolute;left:0;top:0;width:100%;height:100%;padding:var(--amplify-space-xl);align-items:center;justify-content:flex-end;display:flex;z-index:2}.amplify-liveness-start-screen-camera-select__container{display:flex;justify-content:space-between;align-items:inherit;gap:var(--amplify-space-xs)}.amplify-liveness-start-screen-camera-select__label,.amplify-liveness-start-screen-camera-select .amplify-select,.amplify-liveness-start-screen-camera-select .amplify-select__wrapper,.amplify-liveness-start-screen-camera-select .amplify-select__icon-wrapper{background-color:var(--amplify-colors-background-primary);color:var(--amplify-colors-font-primary)}.amplify-liveness-start-screen-camera-waiting{flex-direction:column;align-items:center;justify-content:center;text-align:center;height:480px}.amplify-menu__wrapper{z-index:999999}.amplify-menu__trigger{display:flex;justify-content:center;align-items:center}.amplify-menu__content{background-color:var(--amplify-components-menu-background-color);border-radius:var(--amplify-components-menu-border-radius);box-shadow:var(--amplify-components-menu-box-shadow);flex-direction:var(--amplify-components-menu-flex-direction);gap:var(--amplify-components-menu-gap);min-width:var(--amplify-components-menu-min-width);max-width:var(--amplify-components-menu-max-width);border-color:var(--amplify-components-menu-border-color);border-width:var(--amplify-components-menu-border-width);border-style:var(--amplify-components-menu-border-style)}.amplify-menu__content__item{min-height:var(--amplify-components-menu-item-min-height);padding-inline-start:var(--amplify-components-menu-item-padding-inline-start);padding-inline-end:var(--amplify-components-menu-item-padding-inline-end)}.amplify-menu__content__item:not(:first-child):not(:last-child){border-radius:0}.amplify-menu__content__item:first-child{border-end-end-radius:0;border-end-start-radius:0}@supports not (border-end-end-radius: 0){.amplify-menu__content__item:first-child{border-bottom-right-radius:0;border-bottom-left-radius:0}}.amplify-menu__content__item:last-child{border-start-end-radius:0;border-start-start-radius:0}@supports not (border-end-end-radius: 0){.amplify-menu__content__item:last-child{border-top-right-radius:0;border-top-left-radius:0}}.amplify-message{align-items:var(--amplify-components-message-align-items);background-color:var(--amplify-components-message-background-color);color:var(--amplify-components-message-color);justify-content:var(--amplify-components-message-justify-content);padding-block:var(--amplify-components-message-padding-block);padding-inline:var(--amplify-components-message-padding-inline);border-color:var(--amplify-components-message-border-color);border-radius:var(--amplify-components-message-border-radius);border-style:var(--amplify-components-message-border-style);border-width:var(--amplify-components-message-border-width);line-height:var(--amplify-components-message-line-height)}.amplify-message--plain{background-color:var(--amplify-components-message-plain-background-color);border-color:var(--amplify-components-message-plain-border-color);color:var(--amplify-components-message-plain-color)}.amplify-message--plain.amplify-message--info{background-color:var(--amplify-components-message-plain-info-background-color);border-color:var(--amplify-components-message-plain-info-border-color);color:var(--amplify-components-message-plain-info-color)}.amplify-message--plain.amplify-message--error{background-color:var(--amplify-components-message-plain-error-background-color);border-color:var(--amplify-components-message-plain-error-border-color);color:var(--amplify-components-message-plain-error-color)}.amplify-message--plain.amplify-message--warning{background-color:var(--amplify-components-message-plain-warning-background-color);border-color:var(--amplify-components-message-plain-warning-border-color);color:var(--amplify-components-message-plain-warning-color)}.amplify-message--plain.amplify-message--success{background-color:var(--amplify-components-message-plain-success-background-color);border-color:var(--amplify-components-message-plain-success-border-color);color:var(--amplify-components-message-plain-success-color)}.amplify-message--outlined{background-color:var(--amplify-components-message-outlined-background-color);border-color:var(--amplify-components-message-outlined-border-color);color:var(--amplify-components-message-outlined-color)}.amplify-message--outlined.amplify-message--info{background-color:var(--amplify-components-message-outlined-info-background-color);border-color:var(--amplify-components-message-outlined-info-border-color);color:var(--amplify-components-message-outlined-info-color)}.amplify-message--outlined.amplify-message--error{background-color:var(--amplify-components-message-outlined-error-background-color);border-color:var(--amplify-components-message-outlined-error-border-color);color:var(--amplify-components-message-outlined-error-color)}.amplify-message--outlined.amplify-message--warning{background-color:var(--amplify-components-message-outlined-warning-background-color);border-color:var(--amplify-components-message-outlined-warning-border-color);color:var(--amplify-components-message-outlined-warning-color)}.amplify-message--outlined.amplify-message--success{background-color:var(--amplify-components-message-outlined-success-background-color);border-color:var(--amplify-components-message-outlined-success-border-color);color:var(--amplify-components-message-outlined-success-color)}.amplify-message--filled{background-color:var(--amplify-components-message-filled-background-color);border-color:var(--amplify-components-message-filled-border-color);color:var(--amplify-components-message-filled-color)}.amplify-message--filled.amplify-message--info{background-color:var(--amplify-components-message-filled-info-background-color);border-color:var(--amplify-components-message-filled-info-border-color);color:var(--amplify-components-message-filled-info-color)}.amplify-message--filled.amplify-message--error{background-color:var(--amplify-components-message-filled-error-background-color);border-color:var(--amplify-components-message-filled-error-border-color);color:var(--amplify-components-message-filled-error-color)}.amplify-message--filled.amplify-message--warning{background-color:var(--amplify-components-message-filled-warning-background-color);border-color:var(--amplify-components-message-filled-warning-border-color);color:var(--amplify-components-message-filled-warning-color)}.amplify-message--filled.amplify-message--success{background-color:var(--amplify-components-message-filled-success-background-color);border-color:var(--amplify-components-message-filled-success-border-color);color:var(--amplify-components-message-filled-success-color)}.amplify-message__icon{font-size:var(--amplify-components-message-icon-size)}.amplify-message__icon>*{display:block}.amplify-message__heading{font-weight:var(--amplify-components-message-heading-font-weight);font-size:var(--amplify-components-message-heading-font-size)}.amplify-message__content{flex:1;flex-direction:column;gap:var(--amplify-space-xxxs)}.amplify-message__dismiss{margin-inline-start:auto;gap:var(--amplify-components-message-dismiss-gap)}.amplify-pagination{list-style-type:none}.amplify-pagination__item{height:var(--amplify-components-pagination-item-shared-height);min-width:var(--amplify-components-pagination-item-shared-min-width);border-radius:var(--amplify-components-pagination-item-shared-border-radius);display:flex;align-items:center;justify-content:center;font-weight:initial;color:var(--amplify-components-pagination-button-color);margin-inline-start:var(--amplify-components-pagination-item-container-margin-left);margin-inline-end:var(--amplify-components-pagination-item-container-margin-right);padding-inline-start:var(--amplify-components-pagination-button-padding-inline-start);padding-inline-end:var(--amplify-components-pagination-button-padding-inline-end);transition-property:var(--amplify-components-pagination-button-transition-property);transition-duration:var(--amplify-components-pagination-button-transition-duration)}.amplify-pagination__item:hover{text-decoration:none;color:var(--amplify-components-pagination-button-hover-color);background-color:var(--amplify-components-pagination-button-hover-background-color)}.amplify-pagination__item--disabled{color:var(--amplify-components-pagination-button-disabled-color);pointer-events:none}.amplify-pagination__item--current{align-items:var(--amplify-components-pagination-current-align-items);justify-content:var(--amplify-components-pagination-current-justify-content);color:var(--amplify-components-pagination-current-color);font-size:var(--amplify-components-pagination-current-font-size);background-color:var(--amplify-components-pagination-current-background-color)}.amplify-pagination__item--ellipsis{align-items:var(--amplify-components-pagination-ellipsis-align-items);justify-content:var(--amplify-components-pagination-ellipsis-justify-content);padding-inline-start:var(--amplify-components-pagination-ellipsis-padding-inline-start);padding-inline-end:var(--amplify-components-pagination-ellipsis-padding-inline-end)}.amplify-passwordfield{--amplify-components-fieldcontrol-color: var( --amplify-components-passwordfield-color );--amplify-components-button-color: var( --amplify-components-passwordfield-button-color );--amplify-components-button-active-background-color: var( --amplify-components-passwordfield-button-active-background-color );--amplify-components-button-active-border-color: var( --amplify-components-passwordfield-button-active-border-color );--amplify-components-button-active-color: var( --amplify-components-passwordfield-button-active-color );--amplify-components-button-disabled-background-color: var( --amplify-components-passwordfield-button-disabled-background-color );--amplify-components-button-disabled-border-color: var( --amplify-components-passwordfield-button-disabled-border-color );--amplify-components-button-disabled-color: var( --amplify-components-passwordfield-button-disabled-color );--amplify-components-button-focus-background-color: var( --amplify-components-passwordfield-button-focus-background-color );--amplify-components-button-focus-border-color: var( --amplify-components-passwordfield-button-focus-border-color );--amplify-components-button-focus-color: var( --amplify-components-passwordfield-button-focus-color );--amplify-components-button-hover-background-color: var( --amplify-components-passwordfield-button-hover-background-color );--amplify-components-button-hover-border-color: var( --amplify-components-passwordfield-button-hover-border-color );--amplify-components-button-hover-color: var( --amplify-components-passwordfield-button-hover-color );--amplify-components-button-outlined-error-color: var( --amplify-components-passwordfield-button-error-color );--amplify-components-button-outlined-error-border-color: var( --amplify-components-passwordfield-button-error-border-color );--amplify-components-button-outlined-error-background-color: var( --amplify-components-passwordfield-button-error-background-color );--amplify-components-button-outlined-error-active-color: var( --amplify-components-passwordfield-button-error-active-color );--amplify-components-button-outlined-error-active-border-color: var( --amplify-components-passwordfield-button-error-active-border-color );--amplify-components-button-outlined-error-active-background-color: var( --amplify-components-passwordfield-button-error-active-background-color );--amplify-components-button-outlined-error-hover-color: var( --amplify-components-passwordfield-button-error-hover-color );--amplify-components-button-outlined-error-hover-border-color: var( --amplify-components-passwordfield-button-error-hover-border-color );--amplify-components-button-outlined-error-hover-background-color: var( --amplify-components-passwordfield-button-error-hover-background-color );--amplify-components-button-outlined-error-focus-color: var( --amplify-components-passwordfield-button-error-focus-color );--amplify-components-button-outlined-error-focus-box-shadow: var( --amplify-components-passwordfield-button-error-focus-box-shadow );--amplify-components-button-outlined-error-focus-border-color: var( --amplify-components-passwordfield-button-error-focus-border-color );--amplify-components-button-outlined-error-focus-background-color: var( --amplify-components-passwordfield-button-error-focus-background-color )}.amplify-phonenumberfield select:not(:focus){border-right:none}.amplify-phonenumberfield{--amplify-components-selectfield-color: var( --amplify-components-phonenumberfield-color );--amplify-components-selectfield-border-color: var( --amplify-components-phonenumberfield-border-color );--amplify-components-selectfield-font-size: var( --amplify-components-phonenumberfield-font-size );--amplify-components-selectfield-focus-border-color: var( --amplify-components-phonenumberfield-focus-border-color );--amplify-components-textfield-color: var( --amplify-components-phonenumberfield-color );--amplify-components-textfield-border-color: var( --amplify-components-phonenumberfield-border-color );--amplify-components-textfield-font-size: var( --amplify-components-phonenumberfield-font-size );--amplify-components-textfield-focus-border-color: var( --amplify-components-phonenumberfield-focus-border-color )}.amplify-rating{display:flex;position:relative;text-align:left;font-size:var(--amplify-components-rating-default-size);line-height:var(--amplify-components-rating-default-size)}.amplify-rating--small{font-size:var(--amplify-components-rating-small-size);line-height:var(--amplify-components-rating-small-size)}.amplify-rating--large{font-size:var(--amplify-components-rating-large-size);line-height:var(--amplify-components-rating-large-size)}.amplify-rating__item{position:relative;height:1em;width:1em}.amplify-rating__icon{width:1em;height:1em;display:block;position:absolute;overflow:hidden}.amplify-rating__icon--filled{color:var(--amplify-components-rating-filled-color)}.amplify-rating__icon--empty{color:var(--amplify-components-rating-empty-color)}.amplify-radio{align-items:var(--amplify-components-radio-align-items);justify-content:var(--amplify-components-radio-justify-content);gap:inherit;flex-direction:row-reverse;position:relative}.amplify-radio--disabled{cursor:var(--amplify-components-radio-disabled-cursor)}.amplify-radio__button{flex-shrink:0;align-items:var(--amplify-components-radio-button-align-items);justify-content:var(--amplify-components-radio-button-justify-content);padding:var(--amplify-components-radio-button-padding);box-sizing:var(--amplify-components-radio-button-box-sizing);border-width:var(--amplify-components-radio-button-border-width);border-style:var(--amplify-components-radio-button-border-style);border-radius:var(--amplify-components-radio-button-border-radius);border-color:var(--amplify-components-radio-button-border-color);color:var(--amplify-components-radio-button-color);background-color:var(--amplify-components-radio-button-background-color);transition-property:var(--amplify-components-radio-button-transition-property);transition-duration:var(--amplify-components-radio-button-transition-duration);width:var(--amplify-components-radio-button-width);height:var(--amplify-components-radio-button-height);outline-color:var(--amplify-components-radio-button-outline-color);outline-style:var(--amplify-components-radio-button-outline-style);outline-width:var(--amplify-components-radio-button-outline-width);outline-offset:var(--amplify-components-radio-button-outline-offset)}.amplify-radio__button:before{content:"";display:inline-block;width:100%;height:100%;border-radius:var(--amplify-components-radio-button-before-border-radius);background-color:currentColor;border-radius:50%}.amplify-radio__button--small{width:var(--amplify-components-radio-button-small-width);height:var(--amplify-components-radio-button-small-height)}.amplify-radio__button--large{width:var(--amplify-components-radio-button-large-width);height:var(--amplify-components-radio-button-large-height)}.amplify-radio__input:checked+.amplify-radio__button{color:var(--amplify-components-radio-button-checked-color)}.amplify-radio__input:checked:disabled+.amplify-radio__button{color:var(--amplify-components-radio-button-checked-disabled-color)}.amplify-radio__input:focus+.amplify-radio__button{border-color:var(--amplify-components-radio-button-focus-border-color);box-shadow:var(--amplify-components-radio-button-focus-box-shadow)}.amplify-radio__input[aria-invalid=true]+.amplify-radio__button{border-color:var(--amplify-components-radio-button-error-border-color)}.amplify-radio__input[aria-invalid=true]:focus+.amplify-radio__button{box-shadow:var(--amplify-components-radio-button-error-focus-box-shadow)}.amplify-radio__input:disabled+.amplify-radio__button{border-color:var(--amplify-components-radio-button-disabled-border-color);background-color:var(--amplify-components-radio-button-disabled-background-color)}.amplify-radio__label{color:var(--amplify-components-radio-label-color)}.amplify-radio__label--disabled{color:var(--amplify-components-radio-label-disabled-color)}.amplify-radiogroup{gap:inherit;flex-direction:inherit;align-items:inherit}.amplify-radiogroupfield{flex-direction:column;align-items:flex-start;--amplify-components-fieldset-legend-color: var( --amplify-components-radiogroup-legend-color );--amplify-components-fieldset-legend-font-weight: var( --amplify-components-radiogroup-legend-font-weight );--amplify-components-radio-button-border-width: var( --amplify-components-radiogroup-radio-border-width );--amplify-components-radio-button-border-color: var( --amplify-components-radiogroup-radio-border-color );--amplify-components-radio-button-background-color: var( --amplify-components-radiogroup-radio-background-color );--amplify-components-radio-label-color: var( --amplify-components-radiogroup-radio-label-color );--amplify-components-radio-button-checked-color: var( --amplify-components-radiogroup-radio-checked-color )}.amplify-searchfield{--amplify-components-fieldcontrol-color: var( --amplify-components-searchfield-input-color )}.amplify-searchfield__search{color:var(--amplify-components-searchfield-button-color);background-color:var(--amplify-components-searchfield-button-background-color)}.amplify-searchfield__search:active{background-color:var(--amplify-components-button-active-background-color);border-color:var(--amplify-components-button-active-border-color);color:var(--amplify-components-button-active-color)}.amplify-searchfield__search:focus{background-color:var(--amplify-components-searchfield-button-focus-background-color);border-color:var(--amplify-components-searchfield-button-focus-border-color);color:var(--amplify-components-searchfield-button-focus-color)}.amplify-searchfield__search:hover{background-color:var(--amplify-components-searchfield-button-hover-background-color);border-color:var(--amplify-components-searchfield-button-hover-border-color);color:var(--amplify-components-searchfield-button-hover-color)}.amplify-searchfield__search:disabled{background-color:var(--amplify-components-searchfield-button-disabled-background-color);border-color:var(--amplify-components-searchfield-button-disabled-border-color);color:var(--amplify-components-searchfield-button-disabled-color)}.amplify-select__wrapper{flex:var(--amplify-components-select-wrapper-flex);display:var(--amplify-components-select-wrapper-display);position:var(--amplify-components-select-wrapper-position);cursor:var(--amplify-components-select-wrapper-cursor);align-self:stretch}.amplify-select__icon{color:var(--amplify-components-fieldcontrol-color);align-items:var(--amplify-components-select-icon-wrapper-align-items);position:var(--amplify-components-select-icon-wrapper-position);top:var(--amplify-components-select-icon-wrapper-top);right:var(--amplify-components-select-icon-wrapper-right);transform:var(--amplify-components-select-icon-wrapper-transform);pointer-events:var(--amplify-components-select-icon-wrapper-pointer-events)}.amplify-select__icon--small{right:var(--amplify-components-select-icon-wrapper-small-right)}.amplify-select__icon--large{right:var(--amplify-components-select-icon-wrapper-large-right)}.amplify-select{box-sizing:border-box;color:var(--amplify-components-fieldcontrol-color);font-size:var(--amplify-components-fieldcontrol-font-size);line-height:var(--amplify-components-fieldcontrol-line-height);padding-block-start:var(--amplify-components-fieldcontrol-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-padding-inline-end);transition:all var(--amplify-components-fieldcontrol-transition-duration);width:100%;border-color:var(--amplify-components-fieldcontrol-border-color);border-radius:var(--amplify-components-fieldcontrol-border-radius);border-style:var(--amplify-components-fieldcontrol-border-style);border-width:var(--amplify-components-fieldcontrol-border-width);outline-color:var(--amplify-components-fieldcontrol-outline-color);outline-style:var(--amplify-components-fieldcontrol-outline-style);outline-width:var(--amplify-components-fieldcontrol-outline-width);outline-offset:var(--amplify-components-fieldcontrol-outline-offset);background-color:var(--amplify-components-select-background-color);color:var(--amplify-components-select-color);min-width:var(--amplify-components-select-min-width);padding-inline-end:var(--amplify-components-select-padding-inline-end);white-space:var(--amplify-components-select-white-space)}.amplify-select:focus{border-color:var(--amplify-components-fieldcontrol-focus-border-color);box-shadow:var(--amplify-components-fieldcontrol-focus-box-shadow)}.amplify-select--small{font-size:var(--amplify-components-fieldcontrol-small-font-size);padding-block-start:var(--amplify-components-fieldcontrol-small-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-small-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-small-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-small-padding-inline-end)}.amplify-select--large{font-size:var(--amplify-components-fieldcontrol-large-font-size);padding-block-start:var(--amplify-components-fieldcontrol-large-padding-block-start);padding-block-end:var(--amplify-components-fieldcontrol-large-padding-block-end);padding-inline-start:var(--amplify-components-fieldcontrol-large-padding-inline-start);padding-inline-end:var(--amplify-components-fieldcontrol-large-padding-inline-end)}.amplify-select--error{border-color:var(--amplify-components-fieldcontrol-error-border-color)}.amplify-select--error:focus{border-color:var(--amplify-components-fieldcontrol-error-border-color);box-shadow:var(--amplify-components-fieldcontrol-error-focus-box-shadow)}.amplify-select--quiet{border-block-start:var(--amplify-components-fieldcontrol-quiet-border-block-start);border-inline-start:var(--amplify-components-fieldcontrol-quiet-border-inline-start);border-inline-end:var(--amplify-components-fieldcontrol-quiet-border-inline-end);border-radius:var(--amplify-components-fieldcontrol-quiet-border-radius)}.amplify-select--quiet:focus{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color);box-shadow:var(--amplify-components-fieldcontrol-quiet-focus-box-shadow)}.amplify-select--quiet[aria-invalid=true]{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color)}.amplify-select--quiet[aria-invalid=true]:focus{border-block-end-color:var(--amplify-components-fieldcontrol-quiet-error-focus-border-block-end-color);box-shadow:var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow)}.amplify-select[disabled]{color:var(--amplify-components-fieldcontrol-disabled-color);cursor:var(--amplify-components-fieldcontrol-disabled-cursor);border-color:var(--amplify-components-fieldcontrol-disabled-border-color);background-color:var(--amplify-components-fieldcontrol-disabled-background-color)}.amplify-select option{background-color:var(--amplify-components-select-option-background-color);color:var(--amplify-components-select-option-color)}.amplify-select option[disabled=""]{background-color:var(--amplify-components-select-option-disabled-background-color);color:var(--amplify-components-select-option-disabled-color);cursor:var(--amplify-components-fieldcontrol-disabled-cursor)}.amplify-select[disabled]{background-color:var(--amplify-components-select-disabled-background-color);color:var(--amplify-components-select-disabled-color)}.amplify-select[disabled] option{color:inherit;background-color:inherit}.amplify-select--small{min-width:var(--amplify-components-select-small-min-width);padding-inline-end:var(--amplify-components-select-small-padding-inline-end)}.amplify-select--large{min-width:var(--amplify-components-select-large-min-width);padding-inline-end:var(--amplify-components-select-large-padding-inline-end)}.amplify-select--expanded{overflow:auto;padding:var(--amplify-components-select-expanded-padding-block) var(--amplify-components-select-expanded-padding-inline)}.amplify-select--expanded option{padding:var(--amplify-components-select-expanded-option-padding-block) var(--amplify-components-select-expanded-option-padding-inline)}.amplify-selectfield{flex-direction:var(--amplify-components-selectfield-flex-direction);--amplify-components-fieldcontrol-border-color: var( --amplify-components-selectfield-border-color );--amplify-components-fieldcontrol-color: var( --amplify-components-selectfield-color );--amplify-components-fieldcontrol-font-size: var( --amplify-components-selectfield-font-size );--amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-selectfield-focus-border-color );--amplify-components-field-label-color: var( --amplify-components-selectfield-label-color )}.amplify-sliderfield{flex-direction:column}.amplify-sliderfield__label{display:flex;justify-content:space-between}.amplify-sliderfield__root{align-items:center;box-sizing:content-box;display:flex;padding-block:var(--amplify-components-sliderfield-padding-block);position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;--amplify-internal-sliderfield-root-height: var( --amplify-components-sliderfield-thumb-height );--amplify-internal-sliderfield-root-width: var( --amplify-components-sliderfield-thumb-height )}.amplify-sliderfield__root--disabled{cursor:not-allowed}.amplify-sliderfield__root--horizontal{height:var(--amplify-internal-sliderfield-root-height)}.amplify-sliderfield__root--vertical{flex-direction:column;width:var(--amplify-internal-sliderfield-root-width)}.amplify-sliderfield__root--large{--amplify-internal-sliderfield-root-height: var( --amplify-components-sliderfield-large-thumb-height );--amplify-internal-sliderfield-root-width: var( --amplify-components-sliderfield-large-thumb-height )}.amplify-sliderfield__root--small{--amplify-internal-sliderfield-root-height: var( --amplify-components-sliderfield-small-thumb-height );--amplify-internal-sliderfield-root-width: var( --amplify-components-sliderfield-small-thumb-height )}.amplify-sliderfield__track{position:relative;flex-grow:1;border-radius:var(--amplify-components-sliderfield-track-border-radius);background-color:var(--amplify-components-sliderfield-track-background-color);--amplify-internal-sliderfield-track-height: var( --amplify-components-sliderfield-track-height );--amplify-internal-sliderfield-track-min-width: var( --amplify-components-sliderfield-track-min-width );--amplify-internal-sliderfield-track-width: var( --amplify-components-sliderfield-track-height );--amplify-internal-sliderfield-track-min-height: var( --amplify-components-sliderfield-track-min-width )}.amplify-sliderfield__track--horizontal{height:var(--amplify-internal-sliderfield-track-height);min-width:var(--amplify-internal-sliderfield-track-min-width)}.amplify-sliderfield__track--vertical{width:var(--amplify-internal-sliderfield-track-width);min-height:var(--amplify-internal-sliderfield-track-min-height)}.amplify-sliderfield__track--large{--amplify-internal-sliderfield-track-height: var( --amplify-components-sliderfield-large-track-height );--amplify-internal-sliderfield-track-width: var( --amplify-components-sliderfield-large-track-height )}.amplify-sliderfield__track--small{--amplify-internal-sliderfield-track-height: var( --amplify-components-sliderfield-small-track-height );--amplify-internal-sliderfield-track-width: var( --amplify-components-sliderfield-small-track-height )}.amplify-sliderfield__range{position:absolute;border-radius:var(--amplify-components-sliderfield-range-border-radius);background-color:var(--amplify-components-sliderfield-range-background-color)}.amplify-sliderfield__range--disabled{background-color:var(--amplify-components-sliderfield-range-disabled-background-color)}.amplify-sliderfield__range--horizontal{height:100%}.amplify-sliderfield__range--vertical{width:100%}.amplify-sliderfield__thumb{display:block;width:var(--amplify-components-sliderfield-thumb-width);height:var(--amplify-components-sliderfield-thumb-height);background-color:var(--amplify-components-sliderfield-thumb-background-color);box-shadow:var(--amplify-components-sliderfield-thumb-box-shadow);border-radius:var(--amplify-components-sliderfield-thumb-border-radius);border-width:var(--amplify-components-sliderfield-thumb-border-width);border-color:var(--amplify-components-sliderfield-thumb-border-color);border-style:var(--amplify-components-sliderfield-thumb-border-style)}.amplify-sliderfield__thumb:hover{background-color:var(--amplify-components-sliderfield-thumb-hover-background-color);border-color:var(--amplify-components-sliderfield-thumb-hover-border-color)}.amplify-sliderfield__thumb:focus{border-color:var(--amplify-components-sliderfield-thumb-focus-border-color);box-shadow:var(--amplify-components-sliderfield-thumb-focus-box-shadow)}.amplify-sliderfield__thumb--disabled{background-color:var(--amplify-components-sliderfield-thumb-disabled-background-color);border-color:var(--amplify-components-sliderfield-thumb-disabled-border-color);box-shadow:var(--amplify-components-sliderfield-thumb-disabled-box-shadow)}.amplify-sliderfield__thumb--large{width:var(--amplify-components-sliderfield-large-thumb-width);height:var(--amplify-components-sliderfield-large-thumb-height)}.amplify-sliderfield__thumb--small{width:var(--amplify-components-sliderfield-small-thumb-width);height:var(--amplify-components-sliderfield-small-thumb-height)}.amplify-stepperfield{flex-direction:var(--amplify-components-stepperfield-flex-direction);--amplify-components-fieldcontrol-border-color: var( --amplify-components-stepperfield-border-color );--amplify-components-button-border-color: var( --amplify-components-stepperfield-border-color );--amplify-components-fieldcontrol-color: var( --amplify-components-stepperfield-input-color );--amplify-components-fieldcontrol-font-size: var( --amplify-components-stepperfield-input-font-size );--amplify-components-button-color: var( --amplify-components-stepperfield-button-color );--amplify-components-button-active-color: var( --amplify-components-stepperfield-button-active-color );--amplify-components-button-active-background-color: var( --amplify-components-stepperfield-button-active-background-color );--amplify-components-button-focus-color: var( --amplify-components-stepperfield-button-focus-color );--amplify-components-button-focus-background-color: var( --amplify-components-stepperfield-button-focus-background-color );--amplify-components-button-disabled-color: var( --amplify-components-stepperfield-button-disabled-color );--amplify-components-button-disabled-background-color: var( --amplify-components-stepperfield-button-disabled-background-color );--amplify-components-button-hover-color: var( --amplify-components-stepperfield-button-hover-color );--amplify-components-button-hover-background-color: var( --amplify-components-stepperfield-button-hover-background-color )}.amplify-stepperfield__button--decrease,.amplify-stepperfield__button--increase{background-color:var(--amplify-components-stepperfield-button-background-color)}.amplify-stepperfield__button--decrease--disabled,.amplify-stepperfield__button--increase--disabled{background-color:var(--amplify-components-stepperfield-button-disabled-background-color)}.amplify-stepperfield__button--decrease--quiet,.amplify-stepperfield__button--increase--quiet{border-width:0 0 var(--amplify-components-button-border-width) 0;border-radius:0}.amplify-stepperfield__button--decrease[data-invalid=true]{border-inline-end:none}.amplify-stepperfield__button--increase[data-invalid=true]{border-inline-start:none}.amplify-stepperfield__input{-moz-appearance:textfield;text-align:var(--amplify-components-stepperfield-input-text-align)}.amplify-stepperfield__input::-webkit-outer-spin-button,.amplify-stepperfield__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amplify-stepperfield__input:not(:focus,[aria-invalid=true]){border-inline-start:none;border-inline-end:none}.amplify-switchfield{display:inline-block;font-size:var(--amplify-components-switchfield-font-size);cursor:pointer}.amplify-switchfield--small{font-size:var(--amplify-components-switchfield-small-font-size)}.amplify-switchfield--large{font-size:var(--amplify-components-switchfield-large-font-size)}.amplify-switch__wrapper{display:inline-flex;align-items:center}.amplify-switch__wrapper--start{flex-direction:row}.amplify-switch__wrapper--end{flex-direction:row-reverse}.amplify-switch__wrapper--top{flex-direction:column}.amplify-switch__wrapper--bottom{flex-direction:column-reverse}.amplify-switch__track{display:inline-flex;justify-content:flex-start;box-sizing:content-box;border-radius:var(--amplify-components-switchfield-track-border-radius);padding:var(--amplify-components-switchfield-track-padding);width:var(--amplify-components-switchfield-track-width);height:var(--amplify-components-switchfield-track-height);transition-duration:var(--amplify-components-switchfield-track-transition-duration);background-color:var(--amplify-components-switchfield-track-background-color)}.amplify-switch__track--checked{background-color:var(--amplify-components-switchfield-track-checked-background-color)}.amplify-switch__track--disabled{opacity:var(--amplify-components-switchfield-disabled-opacity);cursor:not-allowed}.amplify-switch__track--focused{box-shadow:var(--amplify-components-switchfield-focused-shadow)}.amplify-switch__track--error{background-color:var(--amplify-components-switchfield-track-error-background-color)}.amplify-switch__thumb{background-color:var(--amplify-components-switchfield-thumb-background-color);transition-duration:var(--amplify-components-switchfield-thumb-transition-duration);border-radius:var(--amplify-components-switchfield-thumb-border-radius);width:var(--amplify-components-switchfield-thumb-width);height:var(--amplify-components-switchfield-thumb-width);border-width:var(--amplify-components-switchfield-thumb-border-width);border-style:var(--amplify-components-switchfield-thumb-border-style);border-color:var(--amplify-components-switchfield-thumb-border-color);overflow-wrap:break-word}.amplify-switch__thumb--checked{transform:var(--amplify-components-switchfield-thumb-checked-transform)}.amplify-switch__thumb--disabled{cursor:not-allowed}.amplify-switch__label{padding:var(--amplify-components-switchfield-label-padding);cursor:pointer}.amplify-table{border-collapse:var(--amplify-components-table-border-collapse);display:var(--amplify-components-table-display);width:var(--amplify-components-table-width);--amplify-internal-table-caption-font-size: var( --amplify-components-table-caption-font-size );--amplify-internal-table-th-font-size: var( --amplify-components-table-header-font-size );--amplify-internal-table-th-padding: var( --amplify-components-table-header-padding );--amplify-internal-table-td-font-size: var( --amplify-components-table-data-font-size );--amplify-internal-table-td-padding: var( --amplify-components-table-data-padding );--amplify-internal-table-td-border-width: var( --amplify-components-table-data-border-width ) 0px var(--amplify-components-table-data-border-width) 0px;--amplify-internal-table-th-border-width: var( --amplify-components-table-header-border-width ) 0px var(--amplify-components-table-header-border-width) 0px}.amplify-table--small{--amplify-internal-table-caption-font-size: var( --amplify-components-table-caption-small-font-size );--amplify-internal-table-th-font-size: var( --amplify-components-table-header-small-font-size );--amplify-internal-table-th-padding: var( --amplify-components-table-header-small-padding );--amplify-internal-table-td-font-size: var( --amplify-components-table-data-small-font-size );--amplify-internal-table-td-padding: var( --amplify-components-table-data-small-padding )}.amplify-table--large{--amplify-internal-table-caption-font-size: var( --amplify-components-table-caption-large-font-size );--amplify-internal-table-th-font-size: var( --amplify-components-table-header-large-font-size );--amplify-internal-table-th-padding: var( --amplify-components-table-header-large-padding );--amplify-internal-table-td-font-size: var( --amplify-components-table-data-large-font-size );--amplify-internal-table-td-padding: var( --amplify-components-table-data-large-padding )}.amplify-table--bordered{--amplify-internal-table-td-border-width: var( --amplify-components-table-data-border-width ) var(--amplify-components-table-data-border-width) var(--amplify-components-table-data-border-width) var(--amplify-components-table-data-border-width);--amplify-internal-table-th-border-width: var( --amplify-components-table-header-border-width ) var(--amplify-components-table-header-border-width) var(--amplify-components-table-header-border-width) var(--amplify-components-table-header-border-width)}.amplify-table--striped .amplify-table__row:not(.amplify-table__head *):nth-child(odd){background-color:var(--amplify-components-table-row-striped-background-color)}.amplify-table__caption{caption-side:var(--amplify-components-table-caption-caption-side);color:var(--amplify-components-table-caption-color);display:var(--amplify-components-table-caption-display);font-size:var(--amplify-internal-table-caption-font-size);text-align:var(--amplify-components-table-caption-text-align);word-break:var(--amplify-components-table-caption-word-break)}.amplify-table__head{display:var(--amplify-components-table-head-display);vertical-align:var(--amplify-components-table-head-vertical-align)}.amplify-table__body{display:var(--amplify-components-table-body-display);vertical-align:var(--amplify-components-table-body-vertical-align)}.amplify-table__foot{display:var(--amplify-components-table-foot-display);vertical-align:var(--amplify-components-table-foot-vertical-align)}.amplify-table__row{display:var(--amplify-components-table-row-display);vertical-align:var(--amplify-components-table-row-vertical-align)}.amplify-table__th{border-color:var(--amplify-components-table-header-border-color);border-style:var(--amplify-components-table-header-border-style);border-width:var(--amplify-internal-table-th-border-width);color:var(--amplify-components-table-header-color);display:var(--amplify-components-table-header-display);font-size:var(--amplify-internal-table-th-font-size);font-weight:var(--amplify-components-table-header-font-weight);padding:var(--amplify-internal-table-th-padding);vertical-align:var(--amplify-components-table-header-vertical-align)}.amplify-table__th:first-child{border-left-width:var(--amplify-components-table-header-border-width)}.amplify-table__th:last-child{border-right-width:var(--amplify-components-table-header-border-width)}.amplify-table__td{border-color:var(--amplify-components-table-data-border-color);border-style:var(--amplify-components-table-data-border-style);border-width:var(--amplify-internal-table-td-border-width);color:var(--amplify-components-table-data-color);display:var(--amplify-components-table-data-display);font-size:var(--amplify-internal-table-td-font-size);font-weight:var(--amplify-components-table-data-font-weight);padding:var(--amplify-internal-table-td-padding);vertical-align:var(--amplify-components-table-data-vertical-align)}.amplify-table__td:first-child{border-left-width:var(--amplify-components-table-data-border-width)}.amplify-table__td:last-child{border-right-width:var(--amplify-components-table-data-border-width)}.amplify-table[data-highlightonhover=true] .amplify-table__row:not(.amplify-table__head *):hover{background-color:var(--amplify-components-table-row-hover-background-color)}.amplify-tabs__list{--internal-item-margin-start: 0;--internal-item-margin-end: calc( -1 * var(--amplify-components-tabs-item-border-width) );--internal-item-border-width: 0 0 var(--amplify-components-tabs-border-width) 0;--internal-item-flex: initial;display:flex;flex-direction:row;background-color:var(--amplify-components-tabs-background-color);box-shadow:var(--amplify-components-tabs-box-shadow);border-width:var(--internal-item-border-width);border-style:var(--amplify-components-tabs-border-style);border-color:var(--amplify-components-tabs-border-color);gap:var(--amplify-components-tabs-gap)}.amplify-tabs__list--top{--internal-item-border-width: var(--amplify-components-tabs-border-width) 0 0 0;--internal-item-margin-start: calc( -1 * var(--amplify-components-tabs-item-border-width) );--internal-item-margin-end: 0}.amplify-tabs__list--equal{--internal-item-flex: 1 1 0}.amplify-tabs__list--relative{--internal-item-flex: 1 1 auto}.amplify-tabs__panel{display:none;background-color:var(--amplify-components-tabs-panel-background-color);padding-inline:var(--amplify-components-tabs-panel-padding-inline);padding-block:var(--amplify-components-tabs-panel-padding-block)}.amplify-tabs__panel--active{display:block}.amplify-tabs__item{position:relative;background-color:var(--amplify-components-tabs-item-background-color);box-sizing:border-box;color:var(--amplify-components-tabs-item-color);font-size:var(--amplify-components-tabs-item-font-size);font-weight:var(--amplify-components-tabs-item-font-weight);padding:var(--amplify-components-tabs-item-padding-vertical) var(--amplify-components-tabs-item-padding-horizontal);text-align:var(--amplify-components-tabs-item-text-align);transition:all var(--amplify-components-tabs-item-transition-duration);border-width:var(--internal-item-border-width);border-style:var(--amplify-components-tabs-item-border-style);border-color:var(--amplify-components-tabs-item-border-color);flex:var(--internal-item-flex);margin-block-start:var(--internal-item-margin-start);margin-block-end:var(--internal-item-margin-end)}.amplify-tabs__item--active{color:var(--amplify-components-tabs-item-active-color);border-color:var(--amplify-components-tabs-item-active-border-color);background-color:var(--amplify-components-tabs-item-active-background-color);transition-property:none}.amplify-tabs__item:hover{color:var(--amplify-components-tabs-item-hover-color);cursor:pointer}.amplify-tabs__item:focus-visible{z-index:2;color:var(--amplify-components-tabs-item-focus-color);background-color:var(--amplify-components-tabs-item-focus-background-color);border-color:var(--amplify-components-tabs-item-focus-border-color);box-shadow:var(--amplify-components-tabs-item-focus-box-shadow)}.amplify-tabs__item:active{background-color:var(--amplify-components-tabs-item-active-background-color);border-color:var(--amplify-components-tabs-item-active-border-color);box-shadow:var(--amplify-components-tabs-item-active-box-shadow);color:var(--amplify-components-tabs-item-active-color)}.amplify-tabs__item[disabled]{background-color:var(--amplify-components-tabs-item-disabled-background-color);border-color:var(--amplify-components-tabs-item-disabled-border-color);box-shadow:var(--amplify-components-tabs-item-disabled-box-shadow);color:var(--amplify-components-tabs-item-disabled-color);cursor:not-allowed}.amplify-textareafield{flex-direction:column;--amplify-components-fieldcontrol-color: var( --amplify-components-textareafield-color );--amplify-components-fieldcontrol-border-color: var( --amplify-components-textareafield-border-color );--amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-textareafield-focus-border-color )}.amplify-textfield{--amplify-components-fieldcontrol-color: var( --amplify-components-textfield-color );--amplify-components-fieldcontrol-border-color: var( --amplify-components-textfield-border-color );--amplify-components-fieldcontrol-font-size: var( --amplify-components-textfield-font-size );--amplify-components-fieldcontrol-focus-border-color: var( --amplify-components-textfield-focus-border-color )}.amplify-togglebutton{--amplify-internal-togglebutton-background-color: initial;--amplify-internal-togglebutton-border-color: var( --amplify-components-togglebutton-border-color );--amplify-internal-togglebutton-color: var( --amplify-components-togglebutton-color );background-color:var(--amplify-internal-togglebutton-background-color);border-color:var(--amplify-internal-togglebutton-border-color);color:var(--amplify-internal-togglebutton-color);--amplify-internal-togglebutton-focus-background-color: var( --amplify-internal-togglebutton-background-color );--amplify-internal-togglebutton-focus-border-color: var( --amplify-components-togglebutton-focus-border-color );--amplify-internal-togglebutton-focus-color: var( --amplify-components-togglebutton-focus-color );--amplify-internal-togglebutton-hover-background-color: var( --amplify-components-togglebutton-hover-background-color );--amplify-internal-togglebutton-hover-border-color: var( --amplify-internal-togglebutton-border-color );--amplify-internal-togglebutton-hover-color: var( --amplify-internal-togglebutton-color );--amplify-internal-togglebutton-active-background-color: var( --amplify-components-togglebutton-active-background-color );--amplify-internal-togglebutton-disabled-background-color: var( --amplify-components-togglebutton-disabled-background-color );--amplify-internal-togglebutton-disabled-border-color: var( --amplify-components-togglebutton-disabled-border-color );--amplify-internal-togglebutton-disabled-color: var( --amplify-components-togglebutton-disabled-color )}.amplify-togglebutton:focus{background-color:var(--amplify-internal-togglebutton-focus-background-color);border-color:var(--amplify-internal-togglebutton-focus-border-color);color:var(--amplify-internal-togglebutton-focus-color)}.amplify-togglebutton:hover{background-color:var(--amplify-internal-togglebutton-hover-background-color);border-color:var(--amplify-internal-togglebutton-hover-border-color);color:var(--amplify-internal-togglebutton-hover-color)}.amplify-togglebutton:active{background-color:var(--amplify-internal-togglebutton-active-background-color)}.amplify-togglebutton:disabled{background-color:var(--amplify-internal-togglebutton-disabled-background-color);border-color:var(--amplify-internal-togglebutton-disabled-border-color);color:var(--amplify-internal-togglebutton-disabled-color)}.amplify-togglebutton--pressed{--amplify-internal-togglebutton-border-color: var( --amplify-components-togglebutton-pressed-border-color );--amplify-internal-togglebutton-background-color: var( --amplify-components-togglebutton-pressed-background-color );--amplify-internal-togglebutton-color: var( --amplify-components-togglebutton-pressed-color );--amplify-internal-togglebutton-hover-background-color: var( --amplify-components-togglebutton-pressed-hover-background-color );--amplify-internal-togglebutton-disabled-background-color: var( --amplify-components-togglebutton-pressed-background-color );--amplify-internal-togglebutton-disabled-border-color: var( --amplify-components-togglebutton-pressed-border-color );--amplify-internal-togglebutton-disabled-color: var( --amplify-components-togglebutton-pressed-color )}.amplify-togglebutton--primary{--amplify-internal-togglebutton-primary-background-color: var( --amplify-components-togglebutton-primary-background-color );--amplify-internal-togglebutton-background-color: var( --amplify-internal-togglebutton-primary-background-color );--amplify-internal-togglebutton-primary-border-color: var( --amplify-components-togglebutton-border-color );--amplify-internal-togglebutton-border-color: var( --amplify-internal-togglebutton-primary-border-color );--amplify-internal-togglebutton-primary-color: var( --amplify-components-togglebutton-color );--amplify-internal-togglebutton-color: var( --amplify-internal-togglebutton-primary-color );border-width:var(--amplify-components-togglebutton-primary-border-width);--amplify-internal-togglebutton-primary-focus-background-color: var( --amplify-components-togglebutton-primary-focus-background-color );--amplify-internal-togglebutton-primary-focus-border-color: var( --amplify-components-togglebutton-primary-focus-border-color );--amplify-internal-togglebutton-primary-focus-color: var( --amplify-components-togglebutton-primary-focus-color );--amplify-internal-togglebutton-primary-focus-box-shadow: var( --amplify-components-togglebutton-primary-focus-box-shadow );--amplify-internal-togglebutton-focus-background-color: var( --amplify-internal-togglebutton-primary-focus-background-color );--amplify-internal-togglebutton-focus-border-color: var( --amplify-internal-togglebutton-primary-focus-border-color );--amplify-internal-togglebutton-focus-color: var( --amplify-internal-togglebutton-primary-focus-color );--amplify-internal-togglebutton-primary-hover-background-color: var( --amplify-components-togglebutton-primary-hover-background-color );--amplify-internal-togglebutton-primary-hover-border-color: var( --amplify-internal-togglebutton-primary-border-color );--amplify-internal-togglebutton-primary-hover-color: var( --amplify-components-togglebutton-primary-hover-color );--amplify-internal-togglebutton-hover-background-color: var( --amplify-internal-togglebutton-primary-hover-background-color );--amplify-internal-togglebutton-hover-border-color: var( --amplify-internal-togglebutton-primary-hover-border-color );--amplify-internal-togglebutton-hover-color: var( --amplify-internal-togglebutton-primary-hover-color );--amplify-internal-togglebutton-primary-disabled-background-color: var( --amplify-components-togglebutton-primary-disabled-background-color );--amplify-internal-togglebutton-primary-disabled-border-color: var( --amplify-components-togglebutton-primary-disabled-border-color );--amplify-internal-togglebutton-primary-disabled-color: var( --amplify-components-togglebutton-primary-disabled-color );--amplify-internal-togglebutton-disabled-background-color: var( --amplify-internal-togglebutton-primary-disabled-background-color );--amplify-internal-togglebutton-disabled-border-color: var( --amplify-internal-togglebutton-primary-disabled-border-color );--amplify-internal-togglebutton-disabled-color: var( --amplify-internal-togglebutton-primary-disabled-color )}.amplify-togglebutton--primary:focus{box-shadow:var(--amplify-internal-togglebutton-primary-focus-box-shadow)}.amplify-togglebutton--pressed{--amplify-internal-togglebutton-primary-background-color: var( --amplify-components-togglebutton-primary-pressed-background-color );--amplify-internal-togglebutton-primary-border-color: var( --amplify-components-togglebutton-primary-pressed-border-color );--amplify-internal-togglebutton-primary-color: var( --amplify-components-togglebutton-primary-pressed-color );--amplify-internal-togglebutton-primary-focus-background-color: var( --amplify-components-togglebutton-primary-pressed-focus-background-color );--amplify-internal-togglebutton-primary-focus-border-color: var( --amplify-components-togglebutton-primary-pressed-focus-border-color );--amplify-internal-togglebutton-primary-focus-color: var( --amplify-components-togglebutton-primary-pressed-focus-color );--amplify-internal-togglebutton-primary-hover-background-color: var( --amplify-components-togglebutton-primary-pressed-hover-background-color );--amplify-internal-togglebutton-primary-hover-border-color: var( --amplify-components-togglebutton-primary-pressed-hover-border-color );--amplify-internal-togglebutton-primary-hover-color: var( --amplify-components-togglebutton-primary-pressed-hover-color );--amplify-internal-togglebutton-primary-disabled-background-color: var( --amplify-components-togglebutton-primary-pressed-background-color );--amplify-internal-togglebutton-primary-disabled-border-color: var( --amplify-components-togglebutton-primary-pressed-border-color );--amplify-internal-togglebutton-primary-disabled-color: var( --amplify-components-togglebutton-primary-pressed-color )}.amplify-togglebutton--pressed:hover{--amplify-internal-togglebutton-primary-focus-box-shadow: var( --amplify-components-togglebutton-primary-pressed-hover-box-shadow )}.amplify-togglebutton--link{--amplify-internal-togglebutton-link-background-color: var( --amplify-components-togglebutton-link-background-color );--amplify-internal-togglebutton-link-color: var( --amplify-components-togglebutton-link-color );--amplify-internal-togglebutton-background-color: var( --amplify-internal-togglebutton-link-background-color );--amplify-internal-togglebutton-color: var( --amplify-internal-togglebutton-link-color );--amplify-internal-togglebutton-link-focus-background-color: var( --amplify-components-togglebutton-link-focus-background-color );--amplify-internal-togglebutton-link-focus-color: var( --amplify-components-togglebutton-link-focus-color );--amplify-internal-togglebutton-focus-background-color: var( --amplify-internal-togglebutton-link-focus-background-color );--amplify-internal-togglebutton-focus-color: var( --amplify-internal-togglebutton-link-focus-color );--amplify-internal-togglebutton-link-hover-background-color: var( --amplify-components-togglebutton-link-hover-background-color );--amplify-internal-togglebutton-link-hover-color: var( --amplify-components-togglebutton-link-hover-color );--amplify-internal-togglebutton-hover-background-color: var( --amplify-internal-togglebutton-link-hover-background-color );--amplify-internal-togglebutton-hover-color: var( --amplify-internal-togglebutton-link-hover-color );--amplify-internal-togglebutton-link-disabled-color: var( --amplify-components-togglebutton-link-disabled-color );--amplify-internal-togglebutton-link-disabled-background-color: var( --amplify-components-togglebutton-link-disabled-background-color );--amplify-internal-togglebutton-disabled-color: var( --amplify-internal-togglebutton-link-disabled-color );--amplify-internal-togglebutton-disabled-background-color: var( --amplify-internal-togglebutton-link-disabled-background-color )}.amplify-togglebutton--pressed{--amplify-internal-togglebutton-link-color: var( --amplify-components-togglebutton-link-pressed-color );--amplify-internal-togglebutton-link-background-color: var( --amplify-components-togglebutton-link-pressed-background-color );--amplify-internal-togglebutton-link-focus-background-color: var( --amplify-components-togglebutton-link-pressed-focus-background-color );--amplify-internal-togglebutton-link-focus-color: var( --amplify-components-togglebutton-link-pressed-focus-color );--amplify-internal-togglebutton-link-hover-background-color: var( --amplify-components-togglebutton-link-pressed-hover-background-color );--amplify-internal-togglebutton-link-hover-color: var( --amplify-components-togglebutton-link-pressed-hover-color );--amplify-internal-togglebutton-link-disabled-color: var( --amplify-components-togglebutton-link-pressed-color )}.amplify-togglebuttongroup{align-items:var(--amplify-components-togglebuttongroup-align-items);align-content:var(--amplify-components-togglebuttongroup-align-content);justify-content:var(--amplify-components-togglebuttongroup-justify-content);gap:0}.amplify-togglebuttongroup .amplify-togglebutton:focus,.amplify-togglebuttongroup .amplify-togglebutton.amplify-togglebutton--pressed{z-index:2}.amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type){margin-inline-start:calc(-1 * var(--amplify-components-button-border-width));border-start-start-radius:0;border-end-start-radius:0}@supports not (border-start-start-radius: 0){.amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type){border-top-left-radius:0;border-bottom-left-radius:0}}.amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type){border-start-end-radius:0;border-end-end-radius:0}@supports not (border-end-end-radius: 0){.amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type){border-bottom-right-radius:0;border-top-right-radius:0}}.amplify-fileuploader__dropzone{background-color:var(--amplify-components-fileuploader-dropzone-background-color);border-color:var(--amplify-components-fileuploader-dropzone-border-color);border-radius:var(--amplify-components-fileuploader-dropzone-border-radius);border-style:var(--amplify-components-fileuploader-dropzone-border-style);border-width:var(--amplify-components-fileuploader-dropzone-border-width);text-align:var(--amplify-components-fileuploader-dropzone-text-align);padding-block:var(--amplify-components-fileuploader-dropzone-padding-block);padding-inline:var(--amplify-components-fileuploader-dropzone-padding-inline);display:flex;flex-direction:column;align-items:center;gap:var(--amplify-components-fileuploader-dropzone-gap)}.amplify-fileuploader__dropzone--small{flex-direction:row;justify-content:center}.amplify-fileuploader__dropzone--active{border-color:var(--amplify-components-fileuploader-dropzone-active-border-color);border-width:var(--amplify-components-fileuploader-dropzone-active-border-width);background-color:var(--amplify-components-fileuploader-dropzone-active-background-color)}.amplify-fileuploader__dropzone__icon{font-size:var(--amplify-components-fileuploader-dropzone-icon-font-size);color:var(--amplify-components-fileuploader-dropzone-icon-color)}.amplify-fileuploader__dropzone__text{color:var(--amplify-components-fileuploader-dropzone-text-color);font-size:var(--amplify-components-fileuploader-dropzone-text-font-size);font-weight:var(--amplify-components-fileuploader-dropzone-text-font-weight)}.amplify-fileuploader__file__list{display:flex;flex-direction:var(--amplify-components-fileuploader-filelist-flex-direction);gap:var(--amplify-components-fileuploader-filelist-gap)}.amplify-fileuploader__file{position:relative;border-width:var(--amplify-components-fileuploader-file-border-width);border-style:var(--amplify-components-fileuploader-file-border-style);border-color:var(--amplify-components-fileuploader-file-border-color);border-radius:var(--amplify-components-fileuploader-file-border-radius);display:flex;flex-direction:column;padding-inline:var(--amplify-components-fileuploader-file-padding-inline);padding-block:var(--amplify-components-fileuploader-file-padding-block);align-items:var(--amplify-components-fileuploader-file-align-items)}.amplify-fileuploader__file__wrapper{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--amplify-components-fileuploader-file-gap)}.amplify-fileuploader__file__name{text-overflow:ellipsis;overflow:hidden;font-weight:var(--amplify-components-fileuploader-file-name-font-weight);font-size:var(--amplify-components-fileuploader-file-name-font-size);color:var(--amplify-components-fileuploader-file-name-color)}.amplify-fileuploader__file__size{font-weight:var(--amplify-components-fileuploader-file-size-font-weight);font-size:var(--amplify-components-fileuploader-file-size-font-size);color:var(--amplify-components-fileuploader-file-size-color)}.amplify-fileuploader__file__main{flex:1;white-space:nowrap;overflow:hidden}.amplify-fileuploader__file__image{position:relative;display:flex;align-items:center;justify-content:center;width:var(--amplify-components-fileuploader-file-image-width);height:var(--amplify-components-fileuploader-file-image-height);background-color:var(--amplify-components-fileuploader-file-image-background-color);border-radius:var(--amplify-components-fileuploader-file-image-border-radius);color:var(--amplify-components-fileuploader-file-image-color)}.amplify-fileuploader__file__image img{max-height:100%}.amplify-fileuploader__file__status--error{color:var(--amplify-colors-font-error);font-size:var(--amplify-components-fileuploader-file-size-font-size)}.amplify-fileuploader__file__status--success{color:var(--amplify-colors-font-success)}.amplify-fileuploader__loader{stroke-linecap:var(--amplify-components-fileuploader-loader-stroke-linecap);stroke:var(--amplify-components-fileuploader-loader-stroke-empty);stroke-width:var(--amplify-components-fileuploader-loader-stroke-width);height:var(--amplify-components-fileuploader-loader-stroke-width);--amplify-components-loader-linear-stroke-filled: var( --amplify-components-fileuploader-loader-stroke-filled );overflow:hidden;position:absolute;bottom:0;left:0;width:100%}.amplify-fileuploader__previewer{display:flex;flex-direction:column;max-width:var(--amplify-components-fileuploader-previewer-max-width);max-height:var(--amplify-components-fileuploader-previewer-max-height);overflow:auto;gap:var(--amplify-components-fileuploader-previewer-body-gap);padding-inline:var(--amplify-components-fileuploader-previewer-body-padding-inline);padding-block:var(--amplify-components-fileuploader-previewer-body-padding-block);background-color:var(--amplify-components-fileuploader-previewer-background-color);border-width:var(--amplify-components-fileuploader-previewer-border-width);border-style:var(--amplify-components-fileuploader-previewer-border-style);border-color:var(--amplify-components-fileuploader-previewer-border-color);border-radius:var(--amplify-components-fileuploader-previewer-border-radius)}.amplify-fileuploader__previewer__text{font-weight:var(--amplify-components-fileuploader-previewer-text-font-weight);font-size:var(--amplify-components-fileuploader-previewer-text-font-size);color:var(--amplify-components-fileuploader-previewer-text-color)}.amplify-fileuploader__previewer__footer{display:flex;flex-direction:row;justify-content:var(--amplify-components-fileuploader-previewer-footer-justify-content)}.amplify-fileuploader__previewer__actions{display:flex;flex-direction:row;gap:var(--amplify-space-small)}.amplify-inappmessaging-backdrop{background-color:var(--amplify-colors-overlay-50);top:0;right:0;bottom:0;left:0;position:fixed;z-index:1000}.amplify-inappmessaging-backdrop-content-container{align-items:center;top:0;right:0;bottom:0;left:0;justify-content:center;pointer-events:none;position:fixed;z-index:1001}.amplify-inappmessaging-backdrop-content{pointer-events:auto}.amplify-inappmessaging-bannermessage{box-shadow:var(--amplify-shadows-medium);height:var(--amplify-components-inappmessaging-banner-height);margin:var(--amplify-space-small);max-width:50%;position:fixed;width:var(--amplify-components-inappmessaging-banner-width)}.amplify-inappmessaging-bannermessage--top{top:0}.amplify-inappmessaging-bannermessage--middle{bottom:0;margin:auto var(--amplify-space-small);top:0}.amplify-inappmessaging-bannermessage--bottom{bottom:0}.amplify-inappmessaging-bannermessage--left{left:0}.amplify-inappmessaging-bannermessage--center{left:0;margin:var(--amplify-space-small) auto;right:0}.amplify-inappmessaging-bannermessage--right{right:0}.amplify-inappmessaging-bannermessage--center-middle{top:0;right:0;bottom:0;left:0;margin:auto}.amplify-inappmessaging-bannermessage--full-width{max-width:initial;width:calc(100% - 2 * var(--amplify-space-small))}.amplify-inappmessaging-fullscreenmessage{height:var(--amplify-components-inappmessaging-dialog-height);min-height:var(--amplify-components-inappmessaging-dialog-min-height);min-width:var(--amplify-components-inappmessaging-dialog-min-width);width:var(--amplify-components-inappmessaging-dialog-width)}.amplify-inappmessaging-fullscreenmessage--fullscreen{height:auto;top:0;right:0;bottom:0;left:0;position:fixed;width:auto;z-index:1000}.amplify-inappmessaging-messagelayout{background-color:var(--amplify-colors-background-primary);flex-direction:column;flex-grow:1;gap:var(--amplify-space-xxxs);max-width:100%;padding:var(--amplify-space-medium)}.amplify-inappmessaging-messagelayout__button{border-width:0;width:100%}.amplify-inappmessaging-messagelayout__button,.amplify-inappmessaging-messagelayout__button:active,.amplify-inappmessaging-messagelayout__button:visited,.amplify-inappmessaging-messagelayout__button:hover,.amplify-inappmessaging-messagelayout__button:focus{background-color:var(--amplify-components-inappmessaging-button-background-color);border-radius:var(--amplify-components-inappmessaging-button-border-radius);color:var(--amplify-components-inappmessaging-button-color)}.amplify-inappmessaging-messagelayout__button--dark:active,.amplify-inappmessaging-messagelayout__button--dark:visited,.amplify-inappmessaging-messagelayout__button--light:active,.amplify-inappmessaging-messagelayout__button--light:visited{filter:brightness(100%)}.amplify-inappmessaging-messagelayout__button--dark:hover,.amplify-inappmessaging-messagelayout__button--dark:focus{filter:brightness(120%)}.amplify-inappmessaging-messagelayout__button--light:hover,.amplify-inappmessaging-messagelayout__button--light:focus{filter:brightness(80%)}.amplify-inappmessaging-messagelayout__close-button,.amplify-inappmessaging-messagelayout__close-button:active,.amplify-inappmessaging-messagelayout__close-button:visited{color:var(--amplify-colors-neutral-80)}.amplify-inappmessaging-messagelayout__close-button:hover,.amplify-inappmessaging-messagelayout__close-button:focus{color:var(--amplify-colors-neutral-100)}.amplify-inappmessaging-messagelayout__content{flex-grow:1;overflow:hidden}.amplify-inappmessaging-messagelayout__content--horizontal{flex-direction:row}.amplify-inappmessaging-messagelayout__content--vertical{flex-direction:column;justify-content:center}.amplify-inappmessaging-messagelayout__header{flex-shrink:0;font-size:var(--amplify-components-inappmessaging-header-font-size);font-weight:var(--amplify-components-inappmessaging-header-font-weight)}.amplify-inappmessaging-messagelayout__image-container{align-items:center;display:flex;justify-content:center;position:relative}.amplify-inappmessaging-messagelayout__image-container img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;position:absolute}.amplify-inappmessaging-messagelayout__image-container--horizontal{max-width:15%;min-width:15%}.amplify-inappmessaging-messagelayout__image-container--vertical{max-height:40%;min-height:40%}.amplify-inappmessaging-messagelayout__text-container{flex-direction:column;overflow-y:auto;gap:var(--amplify-space-xxxs)}.amplify-inappmessaging-messagelayout__text-container--horizontal{flex-grow:1}.amplify-inappmessaging-messagelayout__text-container--vertical{flex-grow:0}.amplify-inappmessaging-modalmessage{align-items:center;height:initial;top:0;right:0;bottom:0;left:0;justify-content:center;pointer-events:none;position:fixed;width:initial;z-index:1000}.amplify-inappmessaging-modalmessage__dialog{box-shadow:var(--amplify-shadows-medium);height:var(--amplify-components-inappmessaging-dialog-height);min-height:var(--amplify-components-inappmessaging-dialog-min-height);min-width:var(--amplify-components-inappmessaging-dialog-min-width);pointer-events:auto;width:var(--amplify-components-inappmessaging-dialog-width)}.amplify-inappmessaging-modalmessage__dialog--full-width{width:100%;margin:var(--amplify-space-small)}.amplify-storagemanager__dropzone{background-color:var(--amplify-components-storagemanager-dropzone-background-color);border-color:var(--amplify-components-storagemanager-dropzone-border-color);border-radius:var(--amplify-components-storagemanager-dropzone-border-radius);border-style:var(--amplify-components-storagemanager-dropzone-border-style);border-width:var(--amplify-components-storagemanager-dropzone-border-width);text-align:var(--amplify-components-storagemanager-dropzone-text-align);padding-block:var(--amplify-components-storagemanager-dropzone-padding-block);padding-inline:var(--amplify-components-storagemanager-dropzone-padding-inline);display:flex;flex-direction:column;align-items:center;gap:var(--amplify-components-storagemanager-dropzone-gap)}.amplify-storagemanager__dropzone--small{flex-direction:row;justify-content:center}.amplify-storagemanager__dropzone--active{border-color:var(--amplify-components-storagemanager-dropzone-active-border-color);border-width:var(--amplify-components-storagemanager-dropzone-active-border-width);background-color:var(--amplify-components-storagemanager-dropzone-active-background-color)}.amplify-storagemanager__dropzone__icon{font-size:var(--amplify-components-storagemanager-dropzone-icon-font-size);color:var(--amplify-components-storagemanager-dropzone-icon-color)}.amplify-storagemanager__dropzone__text{color:var(--amplify-components-storagemanager-dropzone-text-color);font-size:var(--amplify-components-storagemanager-dropzone-text-font-size);font-weight:var(--amplify-components-storagemanager-dropzone-text-font-weight)}.amplify-storagemanager__file__list{display:flex;flex-direction:var(--amplify-components-storagemanager-filelist-flex-direction);gap:var(--amplify-components-storagemanager-filelist-gap)}.amplify-storagemanager__file{position:relative;border-width:var(--amplify-components-storagemanager-file-border-width);border-style:var(--amplify-components-storagemanager-file-border-style);border-color:var(--amplify-components-storagemanager-file-border-color);border-radius:var(--amplify-components-storagemanager-file-border-radius);display:flex;flex-direction:column;padding-inline:var(--amplify-components-storagemanager-file-padding-inline);padding-block:var(--amplify-components-storagemanager-file-padding-block);align-items:var(--amplify-components-storagemanager-file-align-items)}.amplify-storagemanager__file__wrapper{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--amplify-components-storagemanager-file-gap)}.amplify-storagemanager__file__name{text-overflow:ellipsis;overflow:hidden;font-weight:var(--amplify-components-storagemanager-file-name-font-weight);font-size:var(--amplify-components-storagemanager-file-name-font-size);color:var(--amplify-components-storagemanager-file-name-color)}.amplify-storagemanager__file__size{font-weight:var(--amplify-components-storagemanager-file-size-font-weight);font-size:var(--amplify-components-storagemanager-file-size-font-size);color:var(--amplify-components-storagemanager-file-size-color)}.amplify-storagemanager__file__main{flex:1;white-space:nowrap;overflow:hidden}.amplify-storagemanager__file__image{position:relative;display:flex;align-items:center;justify-content:center;width:var(--amplify-components-storagemanager-file-image-width);height:var(--amplify-components-storagemanager-file-image-height);background-color:var(--amplify-components-storagemanager-file-image-background-color);border-radius:var(--amplify-components-storagemanager-file-image-border-radius);color:var(--amplify-components-storagemanager-file-image-color)}.amplify-storagemanager__file__image img{max-height:100%}.amplify-storagemanager__file__status--error{color:var(--amplify-colors-font-error);font-size:var(--amplify-components-storagemanager-file-size-font-size)}.amplify-storagemanager__file__status--success{color:var(--amplify-colors-font-success)}.amplify-storagemanager__loader{stroke-linecap:var(--amplify-components-storagemanager-loader-stroke-linecap);stroke:var(--amplify-components-storagemanager-loader-stroke-empty);stroke-width:var(--amplify-components-storagemanager-loader-stroke-width);height:var(--amplify-components-storagemanager-loader-stroke-width);--amplify-components-loader-linear-stroke-filled: var( --amplify-components-storagemanager-loader-stroke-filled );overflow:hidden;position:absolute;bottom:0;left:0;width:100%}.amplify-storagemanager__previewer{display:flex;flex-direction:column;max-width:var(--amplify-components-storagemanager-previewer-max-width);max-height:var(--amplify-components-storagemanager-previewer-max-height);overflow:auto;gap:var(--amplify-components-storagemanager-previewer-body-gap);padding-inline:var(--amplify-components-storagemanager-previewer-body-padding-inline);padding-block:var(--amplify-components-storagemanager-previewer-body-padding-block);background-color:var(--amplify-components-storagemanager-previewer-background-color);border-width:var(--amplify-components-storagemanager-previewer-border-width);border-style:var(--amplify-components-storagemanager-previewer-border-style);border-color:var(--amplify-components-storagemanager-previewer-border-color);border-radius:var(--amplify-components-storagemanager-previewer-border-radius)}.amplify-storagemanager__previewer__text{font-weight:var(--amplify-components-storagemanager-previewer-text-font-weight);font-size:var(--amplify-components-storagemanager-previewer-text-font-size);color:var(--amplify-components-storagemanager-previewer-text-color)}.amplify-storagemanager__previewer__footer{display:flex;flex-direction:row;justify-content:var(--amplify-components-storagemanager-previewer-footer-justify-content)}.amplify-storagemanager__previewer__actions{display:flex;flex-direction:row;gap:var(--amplify-space-small)}.amplify-storage-browser{display:flex;flex-direction:column;align-items:stretch;height:100%;position:relative;padding:var(--amplify-space-small);gap:var(--amplify-space-small)}.amplify-storage-browser__error{background-color:var(--amplify-colors-background-error);color:var(--amplify-colors-font-error);padding:var(--amplify-space-medium)}.amplify-storage-browser__navigation,.amplify-storage-browser__exit{align-self:flex-start}.amplify-storage-browser__title{font-weight:var(--amplify-font-weights-bold);font-size:var(--amplify-font-sizes-large)}.amplify-storage-browser__controls,.amplify-storage-browser__summary,.amplify-storage-browser__footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:var(--amplify-space-medium)}.amplify-storage-browser__footer{justify-content:flex-end}.amplify-storage-browser__search{display:flex;flex-direction:row;flex:1;gap:var(--amplify-space-small)}.amplify-storage-browser__drop-zone{flex:1;overflow:hidden;position:relative;width:100%;display:block}.amplify-storage-browser__data-table{overflow:auto;position:relative;border-width:var(--amplify-border-widths-small);border-style:solid;border-color:var(--amplify-colors-border-primary);border-radius:var(--amplify-radii-small);width:100%;height:100%;display:block}.amplify-storage-browser__table{width:100%;position:relative}.amplify-storage-browser__table-head{position:sticky;top:0;background:var(--amplify-colors-background-primary);box-shadow:var(--amplify-shadows-small);z-index:2}.amplify-storage-browser__table-header{border:none;padding:var(--amplify-space-xxxs)}.amplify-storage-browser__table-data-cell{padding:var(--amplify-space-xxxs)}.amplify-storage-browser__table-data-cell:first-child,.amplify-storage-browser__table-data-cell:last-child{border-inline-start-width:0;border-inline-end-width:0}.amplify-storage-browser__table-data-cell-icon{vertical-align:middle;margin-inline-end:var(--amplify-space-xs)}.amplify-storage-browser__table-header--select,.amplify-storage-browser__table-data--select,.amplify-storage-browser__table-header--download,.amplify-storage-browser__table-data--download,.amplify-storage-browser__table-data--cancel{text-align:center}.amplify-storage-browser__table-data--size,.amplify-storage-browser__table-header--size{text-align:end}.amplify-storage-browser__table-button-data-cell,.amplify-storage-browser__table-date-data-cell,.amplify-storage-browser__table-number-data-cell,.amplify-storage-browser__table-text-data-cell,.amplify-storage-browser__table-sort-header{display:flex;width:100%;gap:var(--amplify-space-xxs);padding:var(--amplify-space-xxs);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;align-items:center;justify-content:flex-start}.amplify-storage-browser__table-button-data-cell-icon--action-progress,.amplify-storage-browser__table-date-data-cell-icon--action-progress,.amplify-storage-browser__table-number-data-cell-icon--action-progress,.amplify-storage-browser__table-text-data-cell-icon--action-progress,.amplify-storage-browser__table-sort-header-icon--action-progress{animation-name:amplify-loader-circular;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--amplify-components-loader-animation-duration)}.amplify-storage-browser__status{display:flex;flex-direction:row;gap:var(--amplify-space-xs);align-items:center}.amplify-storage-browser__status-display{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:var(--amplify-space-small);flex:1}.amplify-storage-browser__status-label{font-weight:var(--amplify-font-weights-bold)}.amplify-storage-browser__status-value{color:var(--amplify-colors-font-secondary)}.amplify-storage-browser__destination{display:flex;flex-direction:row;gap:var(--amplify-space-xs);align-items:center}.amplify-storage-browser__destination-label{font-weight:var(--amplify-font-weights-bold)}.amplify-storage-browser__message{flex:1}.amplify-storage-browser__buttons{justify-content:flex-end;display:flex;gap:var(--amplify-space-small)}.amplify-storage-browser__loader{position:absolute;stroke-width:var(--amplify-border-widths-large);height:var(--amplify-border-widths-large);top:0;z-index:3}.amplify-ai-conversation{display:flex;flex-direction:column;height:100%;flex:1}.amplify-ai-conversation__message{--internal-content-bg: ;--internal-flex-direction: ;--internal-content-padding: ;--internal-body-align-items: ;display:flex;flex-direction:var(--internal-flex-direction);gap:var(--amplify-components-ai-conversation-message-gap);padding-inline:var(--amplify-components-ai-conversation-message-padding-inline);padding-block:var(--amplify-components-ai-conversation-message-padding-block)}.amplify-ai-conversation__message__list{display:flex;flex-direction:column}.amplify-ai-conversation__message__avatar{flex-shrink:0}.amplify-ai-conversation__message__sender{display:flex;flex-direction:var(--internal-flex-direction);align-items:center;min-height:var(--amplify-components-avatar-height);gap:var(--amplify-components-ai-conversation-message-sender-gap)}.amplify-ai-conversation__message__sender__username{color:var(--amplify-components-ai-conversation-message-sender-username-color);font-size:var(--amplify-components-ai-conversation-message-sender-username-font-size);font-weight:var(--amplify-components-ai-conversation-message-sender-username-font-weight)}.amplify-ai-conversation__message__sender__timestamp{color:var(--amplify-components-ai-conversation-message-sender-timestamp-color);font-size:var(--amplify-components-ai-conversation-message-sender-timestamp-font-size);font-weight:var(--amplify-components-ai-conversation-message-sender-timestamp-font-weight)}.amplify-ai-conversation__message__body{display:flex;flex:1;flex-direction:column;align-items:var(--internal-body-align-items);gap:var(--amplify-components-ai-conversation-message-body-gap)}.amplify-ai-conversation__message__content{background-color:var(--internal-content-bg);border-radius:var(--amplify-radii-medium);padding:var(--internal-content-padding);display:flex;flex-direction:column;gap:var(--amplify-space-small)}.amplify-ai-conversation__message__text{display:block}.amplify-ai-conversation__message__image{max-width:25%}.amplify-ai-conversation__message__actions{display:flex;flex-direction:row;gap:var(--amplify-components-ai-conversation-message-actions-gap)}.amplify-ai-conversation__message--bubble{--internal-content-bg: var(--internal-bg-color);--internal-content-padding: var(--amplify-space-xxs) var(--amplify-space-xs);--internal-flex-direction: row-reverse;--internal-body-align-items: flex-end}.amplify-ai-conversation__message--user{--internal-bg-color: var( --amplify-components-ai-conversation-message-user-background-color )}.amplify-ai-conversation__message--assistant{--internal-bg-color: var( --amplify-components-ai-conversation-message-assistant-background-color );--internal-flex-direction: row;--internal-body-align-items: flex-start}.amplify-ai-conversation__form{display:flex;flex-direction:row;align-items:flex-start;gap:var(--amplify-components-ai-conversation-form-gap)}.amplify-ai-conversation__form__dropzone{text-align:initial;border:none;padding:var(--amplify-components-ai-conversation-form-padding)}.amplify-ai-conversation__form__error{padding:0;padding-block-start:var(--amplify-components-ai-conversation-attachment-list-padding-block-start);gap:var(--amplify-components-ai-conversation-attachment-gap)}.amplify-ai-conversation__attachment{display:flex;flex-direction:row;align-items:center;padding-block:var(--amplify-components-ai-conversation-attachment-padding-block);padding-inline:var(--amplify-components-ai-conversation-attachment-padding-inline);border-width:var(--amplify-components-ai-conversation-attachment-border-width);border-style:solid;border-color:var(--amplify-components-ai-conversation-attachment-border-color);border-radius:var(--amplify-components-ai-conversation-attachment-border-radius);gap:var(--amplify-components-ai-conversation-attachment-gap);font-size:var(--amplify-components-ai-conversation-attachment-font-size)}.amplify-ai-conversation__attachment__list{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--amplify-components-ai-conversation-attachment-list-gap);padding-block-start:var(--amplify-components-ai-conversation-attachment-list-padding-block-start)}.amplify-ai-conversation__attachment__image{width:var(--amplify-components-ai-conversation-attachment-image-width);height:var(--amplify-components-ai-conversation-attachment-image-height);-o-object-fit:cover;object-fit:cover}.amplify-ai-conversation__attachment__name{color:var(--amplify-components-ai-conversation-attachment-name-color);font-size:var(--amplify-components-ai-conversation-attachment-name-font-size);font-weight:var(--amplify-components-ai-conversation-attachment-name-font-weight)}.amplify-ai-conversation__attachment__size{color:var(--amplify-components-ai-conversation-attachment-size-color);font-size:var(--amplify-components-ai-conversation-attachment-size-font-size);font-weight:var(--amplify-components-ai-conversation-attachment-size-font-weight)}.amplify-ai-conversation__attachment__remove{padding:var(--amplify-components-ai-conversation-attachment-remove-padding)}.amplify-ai-conversation__prompt{font-weight:400}.amplify-label-start{flex-direction:row}.amplify-label-end{flex-direction:row-reverse}.amplify-label-top{flex-direction:column}.amplify-label-bottom{flex-direction:column-reverse}.amplify-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;fill:transparent;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.chimes-bell-container{position:relative}.chimes-bell-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--color-text-primary, #333);border-radius:50%;cursor:pointer;transition:background .2s,transform .2s;position:relative}.chimes-bell-button:hover{background:var(--color-hover-bg, rgba(0, 0, 0, .05))}.chimes-bell-button.has-unread{animation:bell-ring .5s ease-in-out}@keyframes bell-ring{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}75%{transform:rotate(10deg)}}.chimes-bell-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;color:#fff;background:#dc3545;border-radius:10px;display:flex;align-items:center;justify-content:center;animation:badge-pop .3s ease-out}@keyframes badge-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.chimes-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--color-bg-primary, white);border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1000;overflow:hidden;animation:dropdown-fade-in .2s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chimes-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border, #e0e0e0)}.chimes-dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary, #333)}.chimes-mark-all-read{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;color:var(--color-primary, #1e40af);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.chimes-mark-all-read:hover{background:var(--color-primary-light, #eff6ff)}.chimes-dropdown-list{max-height:350px;overflow-y:auto}.chimes-dropdown-loading,.chimes-dropdown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:var(--color-text-secondary, #666)}.chimes-dropdown-empty svg{margin-bottom:12px;opacity:.5}.chimes-dropdown-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s;position:relative;border-bottom:1px solid var(--color-border-light, #f0f0f0)}.chimes-dropdown-item:hover{background:var(--color-hover-bg, #f8f9fa)}.chimes-dropdown-item.unread{background:var(--color-unread-bg, #f0f7ff)}.chimes-dropdown-item.unread:hover{background:var(--color-unread-hover-bg, #e0efff)}.chimes-item-priority-bar{position:absolute;left:0;top:0;bottom:0;width:3px}.chimes-item-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-icon-bg, #f0f0f0);border-radius:50%;color:var(--color-text-secondary, #666)}.chimes-item-content{flex:1;min-width:0}.chimes-item-title{font-size:14px;font-weight:500;color:var(--color-text-primary, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chimes-item-meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px;color:var(--color-text-secondary, #888)}.chimes-item-site{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chimes-item-time{flex-shrink:0}.chimes-item-unread-dot{flex-shrink:0;width:8px;height:8px;background:var(--color-primary, #1e40af);border-radius:50%;margin-top:6px}.chimes-dropdown-footer{padding:12px 16px;border-top:1px solid var(--color-border, #e0e0e0);text-align:center}.chimes-view-all{display:inline-block;font-size:14px;font-weight:500;color:var(--color-primary, #1e40af);text-decoration:none;transition:color .2s}.chimes-view-all:hover{color:var(--color-primary-dark, #1e3a8a)}@media(prefers-color-scheme:dark){.chimes-dropdown{background:#1f2937;box-shadow:0 4px 20px #0006}.chimes-dropdown-header{border-color:#374151}.chimes-dropdown-header h3{color:#f9fafb}.chimes-mark-all-read{color:#60a5fa}.chimes-mark-all-read:hover{background:#60a5fa1a}.chimes-dropdown-item{border-color:#374151}.chimes-dropdown-item:hover{background:#374151}.chimes-dropdown-item.unread{background:#60a5fa1a}.chimes-item-icon{background:#374151;color:#9ca3af}.chimes-item-title{color:#f9fafb}.chimes-item-meta{color:#9ca3af}.chimes-dropdown-footer{border-color:#374151}.chimes-view-all{color:#60a5fa}}@media(max-width:480px){.chimes-dropdown{position:fixed;top:60px;left:10px;right:10px;width:auto;max-height:calc(100vh - 80px)}}.chime-button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;background:transparent;border:none;cursor:pointer;padding:.375rem;border-radius:.375rem;transition:all .2s ease;position:relative}.chime-button:hover:not(.chime-button--disabled){background-color:var(--bg-muted, rgba(0, 0, 0, .05))}.chime-button:focus{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px}.chime-button:active:not(.chime-button--disabled){transform:scale(.95)}.chime-button--sm{padding:.25rem}.chime-button--md{padding:.375rem}.chime-button--lg{padding:.5rem}.chime-button--unrung .chime-button__icon{color:var(--text-secondary, #6b7280)}.chime-button--unrung:hover:not(.chime-button--disabled) .chime-button__icon{color:var(--primary-color, #3b82f6)}.chime-button--rung .chime-button__icon{color:var(--warning-color, #f59e0b)}.chime-button--rung:hover:not(.chime-button--disabled) .chime-button__icon{color:var(--warning-hover, #d97706)}.chime-button__icon{transition:color .2s ease,transform .2s ease}.chime-button__icon--loading{animation:chime-spin 1s linear infinite;color:var(--text-secondary, #6b7280)}.chime-button__icon--rung{animation:chime-ring .3s ease-out}@keyframes chime-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chime-ring{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}}.chime-button--disabled{cursor:not-allowed;opacity:.6}.chime-button__label{font-size:.75rem;font-weight:500;color:inherit}.chime-button--unrung .chime-button__label{color:var(--text-secondary, #6b7280)}.chime-button--rung .chime-button__label{color:var(--warning-color, #f59e0b)}.chime-button__error-indicator{position:absolute;top:2px;right:2px;width:6px;height:6px;background-color:var(--danger-color, #ef4444);border-radius:50%;animation:chime-pulse 1.5s infinite}@keyframes chime-pulse{0%,to{opacity:1}50%{opacity:.5}}@media(prefers-color-scheme:dark){.chime-button:hover:not(.chime-button--disabled){background-color:#ffffff1a}.chime-button--unrung .chime-button__icon,.chime-button--unrung .chime-button__label{color:#9ca3af}}.chime-button-group{display:flex;align-items:center;gap:.25rem}.chime-subscriptions{display:flex;flex-direction:column;gap:1rem}.subscriptions-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-secondary)}.subscriptions-loading .spin{animation:spin 1s linear infinite}.subscription-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500}.subscription-message.error{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.subscription-message.success{background-color:#d1fae5;color:#059669;border:1px solid #a7f3d0}[data-theme=dark] .subscription-message.error{background-color:#dc262626;border-color:#dc26264d}[data-theme=dark] .subscription-message.success{background-color:#05966926;border-color:#0596694d}.no-subscriptions{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary);text-align:center}.no-subscriptions p{margin:.5rem 0 .25rem;font-weight:500;color:var(--text)}.no-subscriptions span{font-size:.875rem}.subscriptions-filters{display:flex;flex-direction:column;gap:.75rem;padding-bottom:.5rem}.search-box{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;transition:border-color .2s ease}.search-box:focus-within{border-color:var(--primary)}.search-box svg{color:var(--text-secondary);flex-shrink:0}.search-box input{flex:1;border:none;outline:none;background:transparent;color:var(--text);font-size:.9375rem}.search-box input::placeholder{color:var(--text-secondary)}.filter-row{display:flex;gap:.5rem;flex-wrap:wrap}.filter-select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:.875rem;cursor:pointer;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:var(--primary)}.subscriptions-count{font-size:.8125rem;color:var(--text-secondary);padding-bottom:.25rem}.subscriptions-list{display:flex;flex-direction:column;gap:.75rem}.subscription-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:10px;transition:all .2s ease}.subscription-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000000d}.subscription-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:10px;flex-shrink:0}.subscription-info{flex:1;min-width:0}.subscription-type{font-weight:600;color:var(--text);margin-bottom:.25rem}.subscription-details{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.25rem}.subscription-meta{display:flex;gap:.5rem;flex-wrap:wrap}.email-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--primary);background:#6366f11a;padding:.125rem .5rem;border-radius:4px}.unring-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.unring-btn:hover:not(:disabled){background:#fee2e2;color:#dc2626}.unring-btn:disabled{opacity:.5;cursor:not-allowed}.unring-btn .spin{animation:spin 1s linear infinite}.add-subscription-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease;width:100%}.add-subscription-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.add-subscription-form{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-row.checkbox-row{display:block}.form-group label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.form-group select,.form-group input[type=text]{padding:.625rem .875rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.9375rem;transition:border-color .2s ease}.form-group select:focus,.form-group input[type=text]:focus{outline:none;border-color:var(--primary)}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.form-actions .btn-secondary{padding:.625rem 1.25rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.form-actions .btn-secondary:hover{background:var(--surface-elevated);border-color:var(--text-secondary)}.form-actions .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.form-actions .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.form-actions .btn-primary:disabled{opacity:.7;cursor:not-allowed}.form-actions .btn-primary .spin{animation:spin 1s linear infinite}@media(max-width:640px){.subscription-item{flex-wrap:wrap;gap:.75rem}.subscription-info{flex-basis:calc(100% - 60px)}.unring-btn{margin-left:auto}.filter-row{flex-direction:column}.filter-select{width:100%}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%;justify-content:center}}header.top-nav-bar{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-direction:row!important;height:auto!important;gap:0!important}@media screen and (max-width:480px){header.top-nav-bar{flex-direction:row!important;display:flex!important;justify-content:space-between!important;align-items:center!important}}.layout-container{min-height:100vh;display:flex;flex-direction:column;position:relative}.idle-timeout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem}.idle-timeout-modal{width:min(520px,100%);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:1.25rem 1.25rem 1rem}.idle-timeout-modal h3{margin:0 0 .5rem;color:var(--text);font-size:1.1rem}.idle-timeout-modal p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.45}.idle-timeout-actions{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.idle-timeout-primary,.idle-timeout-secondary{border-radius:8px;padding:.55rem .9rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.idle-timeout-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 10px #667eea40}.idle-timeout-secondary{background:transparent;color:var(--text);border-color:var(--border)}.idle-timeout-primary:hover,.idle-timeout-secondary:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0000001f}.top-nav-bar{background-color:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1rem;display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative;z-index:1000;box-shadow:var(--shadow-sm);width:100%;box-sizing:border-box;height:auto!important;flex-shrink:0}@media(min-width:601px){.layout-container{min-height:100vh;display:flex;flex-direction:column}.top-nav-bar{position:sticky!important;top:0;z-index:1001;flex-shrink:0}.main-content{flex:1;overflow-y:auto;min-height:0}}.main-content{flex:1;min-height:0;width:100%;box-sizing:border-box;padding:1rem}.top-nav-bar .nav-left-section{display:flex!important;align-items:center!important;gap:1rem!important;min-width:0!important;flex:0 1 auto!important;justify-content:flex-start!important}.top-nav-bar .nav-right-section{display:flex!important;align-items:center!important;flex-shrink:0!important;margin-left:auto!important;justify-content:flex-end!important;gap:.75rem!important}.hamburger-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0}.hamburger-button:hover{background-color:var(--surface-hover)}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:24px;height:18px}.hamburger-line{display:block;height:2px;width:100%;background-color:var(--text);border-radius:1px;transition:all .3s}.milvian-logo{width:40px;height:auto;flex-shrink:0}.sign-out-button{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 2px 8px #6c757d4d;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.sign-out-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6c757d66}.profile-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 2px 8px #667eea4d;text-decoration:none}.profile-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.profile-button:active{transform:translateY(0)}.profile-button-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-button:has(.profile-button-image){padding:0;overflow:hidden;background:none}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1500}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background-color:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:2000;transform:translate(-100%);transition:transform .3s ease-in-out;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem}.sidebar-title{font-size:1.25rem;font-weight:600;color:var(--text);margin:0}.sidebar-nav{padding:1rem 0}.sidebar-nav-item{display:block;padding:.75rem 1.5rem;color:var(--text-secondary);text-decoration:none;transition:all .2s;border-left:3px solid transparent;background:none;border:none;width:100%;text-align:left;font-size:1rem;cursor:pointer;font-family:inherit}.sidebar-nav-item:hover{background-color:var(--surface-hover);color:var(--text)}.sidebar-nav-item.active{background-color:var(--primary-bg);color:var(--primary);border-left-color:var(--primary);font-weight:500}.sidebar-nav-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;color:#9ca3af;position:relative}.sidebar-nav-subitem{padding:.75rem 1.5rem!important;font-size:1rem!important;color:var(--text-secondary)!important}.sidebar-nav-subitem:hover{background-color:var(--surface-hover)!important}.sidebar-nav-subitem.active{background-color:var(--primary-bg)!important;color:var(--primary)!important;border-left-color:var(--primary)!important;font-weight:500!important}.lock-icon{margin-left:auto;font-size:.75rem}.loading-admin{display:flex!important;align-items:center;gap:.5rem;color:#6b7280;font-style:italic;cursor:default}.spinner-small{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media screen and (min-width:769px){.main-content{padding:2rem;max-width:1200px;margin:0 auto;box-sizing:border-box;overflow-y:auto}}@media screen and (max-width:768px){.layout-container{min-height:auto!important;display:block!important;position:static!important;width:100%!important;overflow-x:hidden!important}.top-nav-bar{padding:.5rem .75rem;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%;box-sizing:border-box;height:auto!important;gap:0!important;flex-shrink:0;position:relative}.top-nav-bar .nav-left-section{gap:.75rem!important;min-width:0!important;display:flex!important;align-items:center!important;flex:0 1 auto!important;justify-content:flex-start!important}.top-nav-bar .nav-right-section{flex-shrink:0!important;display:flex!important;align-items:center!important;margin-left:auto!important;justify-content:flex-end!important}.milvian-logo{width:32px}.sign-out-button{padding:.375rem .75rem;font-size:.8rem;gap:.25rem}.main-content{padding:1rem;flex:none;min-height:auto;width:100%;overflow:visible}.sidebar{width:260px}}@media screen and (max-width:480px){.layout-container{display:block!important;min-height:auto!important;width:100%!important;overflow-x:hidden!important;position:static!important}.top-nav-bar{padding:.375rem .5rem;display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%;box-sizing:border-box;height:auto!important;gap:0!important}.top-nav-bar .nav-left-section{gap:.5rem!important;min-width:0!important;display:flex!important;align-items:center!important;flex:0 1 auto!important;justify-content:flex-start!important}.top-nav-bar .nav-right-section{flex-shrink:0!important;display:flex!important;align-items:center!important;margin-left:auto!important;justify-content:flex-end!important}.milvian-logo{width:28px}.sign-out-button{padding:.25rem .5rem;font-size:.75rem}.main-content{padding:.75rem;flex:none;min-height:auto;width:100%;overflow:visible}.sidebar{width:240px}.sidebar-header{padding:1rem}.sidebar-title{font-size:1.1rem}}@media screen and (max-width:400px){.layout-container{display:block!important;min-height:auto!important;height:auto!important;overflow:visible!important;position:static!important}.main-content{padding:.5rem!important;overflow:visible!important;height:auto!important;min-height:auto!important;flex:none!important}.my-apps-page{display:block!important;min-height:auto!important;height:auto!important;overflow:visible!important;padding:1rem 0 2rem!important}.my-apps-content{padding:.5rem!important;height:auto!important;overflow:visible!important}}.logo-link{text-decoration:none;display:inline-block;transition:opacity .2s ease}.logo-link:hover{opacity:.8}.logo-link:focus{outline:2px solid #007bff;outline-offset:2px;border-radius:4px}.atria-blorp-container{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;position:relative;height:140px;width:140px;margin:0 auto 2rem;background-color:#fff;border-radius:50%}.atria-blorp-gif,.atria-blorp-logo{height:100%;width:auto;object-fit:contain;position:absolute;top:0;left:50%;transform:translate(-50%);border-radius:50%;transition:opacity .2s ease-in-out}.atria-blorp-gif{opacity:1}.atria-blorp-gif.fade-out,.atria-blorp-logo{opacity:0}.atria-blorp-logo.fade-in{opacity:1}@media(max-width:600px){.atria-blorp-container{height:100px;width:100px;margin-bottom:1.5rem}}@media(min-width:768px){.atria-blorp-container{height:160px;width:160px;margin-bottom:2.5rem}}.my-apps-page{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:block;padding:1rem 0 2rem}.my-apps-content{padding:2rem;max-width:1200px;margin:0 auto}.my-apps-header{text-align:center;margin-bottom:3rem}.my-apps-header h1{font-size:2.5rem;color:#fff;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(128,128,128,.7)}.my-apps-header p{font-size:1.1rem;color:#fff;text-shadow:1px 1px 2px rgba(128,128,128,.7)}.apps-section{margin-bottom:3rem}.section-title{font-size:1.5rem;color:#fff;margin-bottom:1.5rem;text-shadow:1px 1px 2px rgba(128,128,128,.7);padding-bottom:.5rem;border-bottom:2px solid rgba(255,255,255,.3)}.apps-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.app-card{width:100%;max-width:300px;height:200px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;border:2px solid #e1e5e9;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1rem;box-shadow:0 4px 6px #0000001a}.app-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:#007bff}.app-card.monitoring-app{background:linear-gradient(135deg,#e8f4fd,#b8dff2);border-color:#007bff}.app-card.monitoring-app:hover{background:linear-gradient(135deg,#d4efff,#a3d5f0);border-color:#0056b3}.app-card.disabled{opacity:.5;cursor:not-allowed;position:relative;pointer-events:none}.app-card.disabled .app-icon img{opacity:.5;filter:grayscale(100%)}.app-card.disabled .app-name{color:#6b7280}.app-card.disabled .app-description{color:#9ca3af;font-style:italic}.access-overlay{position:absolute;top:10px;right:10px;background:#ef4444e6;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#fff}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-left:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.app-icon{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}.app-icon img{width:64px;height:64px;object-fit:contain;transition:transform .2s ease}.app-card:hover .app-icon img{transform:scale(1.1)}.app-content{text-align:center;width:100%}.app-name{font-size:1.2rem;font-weight:600;color:#2d3748;margin:0 0 .5rem}.app-description{font-size:.85rem;color:#4a5568;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:600px){.my-apps-page{display:block!important;min-height:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:1rem 0 3rem!important;align-items:unset!important;justify-content:unset!important;flex:none!important;position:static!important}.my-apps-content{padding:1rem!important;width:100%!important;box-sizing:border-box!important;height:auto!important;min-height:auto!important;overflow:visible!important}.apps-grid{display:flex!important;flex-direction:column!important;align-items:center!important;gap:1rem!important;height:auto!important;overflow:visible!important;width:100%!important;justify-content:center!important;padding-bottom:100px!important}.app-card{width:calc(100% - 2rem)!important;max-width:280px!important;height:auto!important;min-height:180px!important;overflow:visible!important;margin:0!important;flex-shrink:0!important}.section-title{font-size:1.3rem!important}.apps-section{margin-bottom:2rem!important;height:auto!important;overflow:visible!important}}@media(max-width:400px){.my-apps-page{padding:.5rem 0 2rem!important}.my-apps-content{padding:.5rem!important}}@media(min-width:601px){.my-apps-page{display:flex!important;align-items:center!important;justify-content:center!important;min-height:100vh!important;padding-top:4rem!important}.apps-grid{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;gap:2rem!important}.app-card{width:300px!important;max-width:none!important;height:200px!important}}.monitor-apps-page{padding:2rem;max-width:1200px;margin:0 auto;border-radius:12px}.monitor-apps-header{text-align:center;margin-bottom:3rem}.monitor-apps-header h1{font-size:2.5rem;color:#2d3748;margin-bottom:.5rem}.monitor-apps-header p{font-size:1.1rem;color:#4a5568}.device-dashboard{width:100%;max-width:900px;margin:1.1rem auto 0;padding:1rem;font-family:Inter,sans-serif;color:#262626}.device-card .type{font-size:.7rem;color:#666;line-height:1.1}.device-info-row{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem;gap:.5rem}.device-info-row .name{font-weight:600;font-size:.85rem;color:#262626;flex-shrink:0}.device-meta{display:flex;align-items:center;justify-content:center;min-width:0;flex-shrink:0}.device-info-row .time{font-size:.65rem;color:#666;white-space:nowrap;line-height:1.1;text-align:center}.device-dashboard{padding:1rem;font-family:Inter,sans-serif;color:#262626}.dash-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #eaeaea}.dash-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.75rem;flex-wrap:wrap}.sort-controls{display:flex;align-items:center}.dash-header h2{margin:0;font-size:clamp(1.3rem,4vw,1.8rem);font-weight:600;color:#262626}.device-list-box{max-height:70vh;overflow-y:auto;overflow-x:hidden;padding-right:4px;box-sizing:border-box}.dash-header h2{margin:0;font-size:clamp(1.3rem,4vw,1.8rem)}.device-section{margin-bottom:1rem}.device-section-header{padding:.75rem;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:.75rem;cursor:pointer;transition:all .2s ease}.device-section-header:hover{background-color:#e3f2fd}.device-section-header h3{margin:0;font-weight:600;font-size:1.25rem;color:#2196f3;display:flex;justify-content:space-between}.device-grid{display:flex;flex-direction:column;gap:.2rem;padding:.25rem}.device-card{border:1px solid #e9ecef;padding:.5rem .75rem;border-radius:8px;transition:all .2s;cursor:pointer;display:flex;justify-content:space-between;align-items:center;position:relative;background:#fff;box-shadow:0 1px 3px #0000001a;min-height:40px}.device-card-buttons{display:flex;gap:.25rem;align-items:center;flex-shrink:0;width:60px;justify-content:flex-end}.device-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.device-card-content{display:flex;flex:1;justify-content:space-between;align-items:center;min-width:0}.device-card-left{display:flex;flex-direction:column;flex:1;min-width:0}.device-card-right{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.device-card.status-success{background-color:#28a7451a;border-color:#28a745}.device-card.status-error,.device-card.status-warning{background-color:#ff6b6b1a;border-color:#ff6b6b}.device-card.status-missing{background-color:#2196f31a;border-color:#2196f3}.device-card.status-skipped{background-color:#ff980026;border-color:#ff9800;border-style:dashed}.device-card.status-unknown{background-color:#f8f9fa;border:2px dashed #666}.device-card .name{font-weight:600;font-size:1rem;margin-bottom:.2rem;color:#262626}.device-card .type{font-size:.85rem;color:#666}.device-card .delete{border:none;background:#ffffffe6;font-size:.9rem;line-height:1;cursor:pointer;padding:3px;color:#9e9e9e;opacity:.7;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:all .2s}.device-card .delete:hover{background:#ff6b6b;color:#fff;opacity:1}.device-card .time{font-size:.7rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.favorite-btn{border:2px solid #ddd;background:#fffffff2;font-size:1rem;line-height:1;cursor:pointer;padding:3px;color:#999;opacity:.8;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.favorite-btn:hover{background:#fff;color:#2196f3;opacity:1;transform:scale(1.15);border-color:#2196f3;box-shadow:0 2px 6px #2196f34d}.favorite-btn.favorited{color:#fff;background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#1976d2;opacity:1;box-shadow:0 2px 8px #2196f366;transform:scale(1.05)}.favorite-btn.favorited:hover{background:linear-gradient(135deg,#1976d2,#1565c0);border-color:#1565c0;transform:scale(1.2);box-shadow:0 3px 12px #2196f380}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;display:flex;overflow-y:auto;justify-content:center;align-items:flex-start;z-index:999;padding:2rem 1rem;box-sizing:border-box}.modal{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #00000026;width:90%;max-width:650px;max-height:calc(100vh - 4rem);display:flex;flex-direction:column;box-sizing:border-box;position:relative;font-family:Inter,sans-serif;margin:auto}.modal h2{margin-top:20px;margin-bottom:10px;font-family:Inter,sans-serif;font-weight:600;color:#262626}.tabs{display:flex;gap:.5rem;margin-block:.5rem 1rem}.tabs button{flex:1;border:1px solid #e9ecef;border-radius:8px;padding:.3rem .5rem;background:#f8f9fa;font-family:Inter,sans-serif}.tabs .active{background:#e3f2fd;border-color:#2196f3;font-weight:600;color:#1976d2}.modal label{display:block;margin-bottom:1rem;font-weight:500}.modal input[type=text],.modal input{width:100%;padding:.75rem;border:1px solid #e9ecef;border-radius:8px;font-size:1rem;margin-top:.5rem;box-sizing:border-box;font-family:inherit}.modal input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f340}@media(max-width:768px){.modal{margin:auto;width:calc(100% - 2rem);max-width:none;max-height:calc(100vh - 4rem)}.modal input[type=text],.modal input{width:100%;min-width:280px;padding:1rem;font-size:1.1rem;border-radius:8px}.modal label{font-size:1rem;margin-bottom:1.5rem}.modal-actions{flex-direction:column;gap:.75rem}.modal-actions button{width:100%;padding:1rem;font-size:1rem}}.modal label{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;font-size:1.1rem;color:#262626;font-weight:500}.modal input{width:20%;padding:.5rem .75rem;border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem;flex-shrink:0}.error{color:#ff6b6b;margin-top:.25rem}.success{color:#28a745;margin-top:.25rem}.health-data{flex:1;overflow-y:auto;min-height:0}.uplinks-table-container{overflow-x:auto;margin-top:10px;-webkit-overflow-scrolling:touch}.uplinks-table{width:100%;min-width:500px;border-collapse:collapse}.uplinks-table th,.uplinks-table td{padding:10px 12px;text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e0e0e0;border-left:none;border-right:none}.uplinks-table th{font-weight:600;background-color:#f8f9fa;color:#1a73e8;border-bottom-width:2px;border-top:none}.uplinks-table td{font-weight:400;color:#495057}.uplinks-table tbody tr:nth-child(odd){background-color:#fcfcfc}.uplinks-table tbody tr:hover{background-color:#f1f3f5}.modal-actions .danger{background:#d9534f;color:#fff;border:1px solid #d9534f;border-radius:4px;padding:.4rem 1rem;cursor:pointer}.modal-actions .danger:hover{background:#c9302c;border-color:#ac2925}.status-chip{display:inline-block;margin-top:1rem;padding:.45rem .8rem;border-radius:20px;font-weight:600;font-size:.9rem}.status-chip.ok{background:#d6fde0;color:#145c2e}.status-chip.warn{background:#fff4cf;color:#855600}.status-chip.err{background:#f9ccd3;color:#971624}.status-chip.miss{background:#e1d5ff;color:#41268e}.help-icon{position:relative;display:inline-block;margin-left:.4rem;cursor:pointer;font-size:.9rem;color:#1a73e8;-webkit-user-select:none;user-select:none}.help-icon:focus{outline:none}.help-icon .tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:#fff;border:1px solid #ddd;border-radius:6px;padding:.6rem .8rem;box-shadow:0 4px 14px #00000026;white-space:nowrap;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease-in-out}.help-icon:hover .tooltip,.help-icon:focus .tooltip{opacity:1;visibility:visible}.help-icon .tooltip .status-chip{display:block;margin:.2rem 0;outline:none}.legend-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}.legend-item{display:flex;align-items:center;gap:.6rem;font-size:.82rem;line-height:1.25}.swatch{display:inline-block;width:22px;height:14px;border-radius:3px;flex:0 0 22px}.swatch.ok{background:#d6fde0}.swatch.warn{background:#f8e280}.swatch.err{background:#f9ccd3}.swatch.miss{background:#e1d5ff}@media(max-width:600px){.help-icon .tooltip{white-space:normal;word-break:normal;min-width:230px;width:max-content;max-width:90vw}}@media(min-width:601px){.help-icon .tooltip{white-space:nowrap;max-width:none}}@keyframes simple-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-button-loading{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:transparent!important;cursor:wait!important;position:relative!important;opacity:1!important}.refresh-button-loading:after{content:""!important;position:absolute!important;top:50%!important;left:50%!important;width:20px!important;height:20px!important;margin:-10px 0 0 -10px!important;border:2px solid rgba(255,255,255,.3)!important;border-top:2px solid white!important;border-radius:50%!important;animation:simple-spin 1s linear infinite!important;z-index:2!important}.spinning{animation:spin 1s linear infinite;transform-origin:center;display:inline-block}.add-device-button{padding:12px 20px;background-color:#28a745;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-sizing:border-box;font-family:Inter,sans-serif;min-width:150px}.add-device-button:hover{background-color:#218838;transform:translateY(-1px)}.add-device-button span{color:inherit;background:transparent}.cancel-button{padding:12px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;min-width:150px}.cancel-button:hover{background-color:#495057;transform:translateY(-1px)}.delete-button{padding:12px 20px;background-color:#ff6b6b;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;min-width:150px}.delete-button:hover{background-color:#ff4d4d;transform:translateY(-1px)}.delete-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.delete-button:disabled:hover{background-color:#6c757d;transform:none}.close-button{padding:.75rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.close-button:hover{background-color:#0056b3;transform:translateY(-1px)}@media(max-width:768px){.dash-actions{flex-direction:column;align-items:stretch}.sort-controls{justify-content:center;margin-bottom:.5rem}.device-card{padding:.4rem}.device-card .name{font-size:.85rem}.device-info-row .type{font-size:.7rem}.device-info-row .time{font-size:.65rem}.device-card-content{flex-direction:column;align-items:flex-start}.device-card-right{align-items:flex-start;text-align:left;margin-top:.2rem}.sensor-site,.gateway-name{display:none!important}.device-grid{padding:0}.favorite-btn{right:34px;width:24px;height:24px;font-size:1.1rem}.device-card .delete{width:24px;height:24px;font-size:1rem}}.favorites-divider{margin:.5rem 0 .25rem;padding:.4rem .75rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:4px;font-size:.75rem;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 2px #0000000d}.favorites-divider:first-child{margin-top:0}.modal-actions .add-device-button,.modal-actions .cancel-button,.modal-actions .delete-button,.modal-actions .close-button{min-width:110px;padding:.6rem .8rem;font-size:.9rem;width:auto;flex:0 0 auto}@media(max-width:768px){.modal-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.modal-actions .add-device-button,.modal-actions .cancel-button,.modal-actions .delete-button,.modal-actions .close-button{width:auto;min-width:100px;padding:.6rem .8rem;font-size:.95rem}}.report-table{width:100%;border-collapse:collapse;margin:.5rem 0;font-size:.9rem}.report-table th,.report-table td{padding:6px 8px;border-bottom:1px solid #e0e0e0;text-align:left}.report-table th{background:#f8f9fa;font-weight:600;color:#1a73e8}.report-modal{width:92vw;max-width:680px;max-height:calc(100vh - 2rem);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:2rem;box-sizing:border-box;position:relative}.installation-success-modal{max-width:600px;display:flex;flex-direction:column;max-height:calc(100vh - 4rem);overflow:hidden}.modal-content-wrapper{min-height:0}.modal-scrollable-content{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.modal-scrollable-content::-webkit-scrollbar{width:6px}.modal-scrollable-content::-webkit-scrollbar-track{background:transparent}.modal-scrollable-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.modal-scrollable-content::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.success-header{text-align:center;margin-bottom:1.5rem}.success-icon{font-size:3rem;margin-bottom:.5rem}.success-summary{background:#e8f5e8;border:2px solid #4caf50;border-radius:8px;padding:1rem;margin-bottom:1.5rem;text-align:center}.success-summary p{margin:0;font-size:1.1rem;color:#2e7d32}.installed-devices h3{margin-bottom:1rem;color:#333}.device-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.device-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px}.device-info{flex:1}.device-id{font-size:1.1rem;margin-bottom:.25rem}.device-details{color:#666;font-size:.9rem;margin-bottom:.25rem}.device-location{color:#888;font-size:.85rem}.device-status{color:#4caf50;font-weight:600;font-size:.9rem}.modal-actions{display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-top:1.5rem}.modal-actions button{padding:.875rem 1.5rem}@media(max-width:768px){.modal-actions{gap:.75rem;position:sticky;bottom:0;background:#fff;padding-top:1rem;border-top:1px solid #e0e0e0;margin:1.5rem -1.5rem -1.5rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));z-index:10;box-shadow:0 -2px 8px #0000001a}.modal-actions button{width:100%;min-height:44px;touch-action:manipulation;font-size:1rem;font-weight:600}.installation-success-modal{padding-bottom:0}.device-list{margin-bottom:1rem;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px}.modal-back{align-items:flex-start;padding-top:2rem;padding-bottom:2rem}.device-item{padding:1.25rem;border-radius:8px}.device-id{font-size:1.2rem}.device-details,.device-location{font-size:1rem}}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-primary{background:#1a73e8;color:#fff}.btn-primary:hover{background:#1557b0}.btn-secondary{background:#f8f9fa;color:#333;border:1px solid #d0d7de}.btn-secondary:hover{background:#e8f0fe}.btn-success{background:#4caf50;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-success:hover{background:#45a049}.device-content{display:flex;align-items:flex-start;gap:12px}.device-icon{flex-shrink:0}.device-type-icon{width:48px;height:48px;object-fit:contain}.device-details-wrapper{flex:1}@media(min-width:768px){.device-content{gap:20px}.device-type-icon{width:96px;height:96px}}.btn-outline{background:transparent;color:#1a73e8;border:1px solid #1a73e8;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#1a73e8;color:#fff}.modal{max-height:90vh;overflow-y:auto;width:92vw;box-sizing:border-box}@media(min-width:768px){.modal{width:70%}}.report-table-wrapper{overflow-x:auto}.report-table{width:100%;min-width:500px}.simple-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;justify-content:center;align-items:center;background:#fff;transition:opacity .3s ease-out}.simple-loading-overlay.fading-out{opacity:0}.loading-content{text-align:center;color:#333}.loading-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;font-weight:700;margin:0 0 2rem;color:#2196f3}.loading-message{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:400;margin:2rem 0 0;color:#666}.loading-spinner{animation:none!important;transform:none!important}.loading-wave{display:inline-flex;align-items:flex-end;justify-content:center;gap:8px;width:80px;height:40px;margin:0 auto;animation:none!important;transform:none!important}.loading-wave span{width:7px;height:12px;background:#076fe5;display:inline-block;transform-origin:center bottom;animation:wave-scale 1s ease-in-out infinite;border-radius:2px}.loading-wave span:nth-child(1){animation-delay:0s}.loading-wave span:nth-child(2){animation-delay:.1s}.loading-wave span:nth-child(3){animation-delay:.2s}.loading-wave span:nth-child(4){animation-delay:.3s}.loading-wave span:nth-child(5){animation-delay:.4s}.loading-wave span:nth-child(6){animation-delay:.5s}@keyframes wave-scale{0%,60%,to{transform:scaleY(.35);opacity:.85}30%{transform:scaleY(1.2);opacity:1}}@media(max-width:768px){.loading-title{font-size:2rem}.loading-message{font-size:.9rem;padding:0 1rem}.loading-wave{width:60px;height:32px;gap:6px}.loading-wave span{width:6px}}[data-theme=dark] .simple-loading-overlay{background:#1a1a2e}[data-theme=dark] .loading-content{color:#e2e8f0}[data-theme=dark] .loading-title{color:#90cdf4}[data-theme=dark] .loading-message{color:#a0aec0}[data-theme=dark] .loading-wave span{background:#7c8fea}.spinner{animation:spin 1s linear infinite}.hide-number-spinners::-webkit-outer-spin-button,.hide-number-spinners::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hide-number-spinners{-moz-appearance:textfield}.device-dashboard-page.device-dashboard-page--water{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:auto;padding-top:0;padding-bottom:0;background:#fff}.device-dashboard-page--water .back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#262626;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.device-dashboard-page--water .back-button:hover{background-color:#f1f5f9;border-color:#e2e8f0}.water-dashboard-header-bg{width:100%;padding:.25rem 1.5rem;margin-bottom:2rem;box-sizing:border-box;background:radial-gradient(circle at 50% 0%,rgba(195,207,226,.9) 0%,rgba(195,207,226,.6) 25%,rgba(195,207,226,.15) 55%,transparent 100%)}.water-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;margin-left:auto;margin-right:auto;max-width:900px;width:100%;flex-wrap:wrap;padding:0}.water-dashboard-header-left{flex-shrink:0;display:flex;align-items:center;gap:.5rem;order:1}.water-dashboard-header .back-button{flex-shrink:0}.water-dashboard-title-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;order:2}.water-dashboard-title{font-size:1.75rem;color:#1e293b;margin:0;font-weight:600;text-align:center}.water-dashboard-header-spacer{flex-shrink:0;width:6rem;min-width:6rem;order:3}.water-dashboard-gradient-section{width:100%;padding:1.25rem 1.5rem 2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);box-sizing:border-box}.water-dashboard-multi-site-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.5rem;max-width:900px;margin-left:auto;margin-right:auto}.water-dashboard-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-width:0}.water-refresh-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-size:.875rem;font-weight:500;color:#262626;cursor:pointer;transition:all .2s ease}.water-refresh-btn:hover:not(:disabled){background:#f1f5f9;border-color:#e2e8f0}.water-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.water-dashboard-multi-site-row .water-dashboard-subtitle{font-size:1.1rem;color:#1e293b;margin:0;font-weight:600;letter-spacing:.02em}.water-dashboard-multi-site-row .water-download-csv-btn--header{flex-shrink:0}.water-dashboard-subtitle{font-size:1rem;color:#475569;margin-top:.35rem;font-weight:600;letter-spacing:.02em}.water-dashboard-content{width:100%;margin-top:0;display:flex;flex-direction:column;align-items:center}.water-controls-section{width:100%;max-width:900px;margin-left:auto;margin-right:auto;margin-top:1.25rem;margin-bottom:1.5rem;padding:1.1rem 1.35rem;border-radius:10px;border:1px solid rgba(195,207,226,.75);background:linear-gradient(135deg,#f5f7fa,#c3cfe2);box-shadow:0 1px 3px #0000000d,0 6px 20px #00000014;box-sizing:border-box;position:relative;overflow:hidden}.water-controls-section:before{content:none}.water-dashboard-picker-section{width:100%;max-width:none;margin:0}.water-controls-section .water-dashboard-picker-section{margin-top:.9rem}.water-controls-section .water-dashboard-picker-section:first-child{margin-top:0}.water-range-mode-radios{display:flex;flex-wrap:wrap;gap:.85rem 1.35rem;margin:0 0 .9rem;padding:0;border:none}.water-radio-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;color:#262626;cursor:pointer}.water-radio-input{width:1.125rem;height:1.125rem;accent-color:#0ea5e9;cursor:pointer}.water-presets-block{margin-bottom:.65rem}.water-calendar-block{margin-top:.35rem}.water-range-inline{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .85rem;margin-top:.5rem}.water-range-inline .water-date-range-label{margin-left:0}.water-dashboard-presets{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.6rem}.water-presets-label{font-size:.8125rem;font-weight:500;color:#666;margin-right:.3rem}.water-preset-btn{padding:.4rem .75rem;border:1px solid #e5e7eb;border-radius:6px;background:#f4f4f5;font-size:.8125rem;font-weight:500;color:#262626;cursor:pointer;transition:all .2s ease}.water-preset-btn:hover{background:#eef0f2;border-color:#e5e7eb;color:#1e293b}.water-preset-btn--active{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.water-preset-btn--active:hover{background:#0284c7;border-color:#0284c7;color:#fff}.water-dashboard-picker{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.35rem;padding:.9rem 1.15rem;background:#f4f4f5;border:1px solid #e5e7eb;border-radius:6px}.water-dashboard-picker svg{color:#64748b;flex-shrink:0}.water-dashboard-picker label{font-size:.8125rem;font-weight:500;color:#666}.water-custom-row{display:flex;flex-wrap:nowrap;align-items:center;gap:.4rem}.water-date-input{padding:.4rem .6rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.8125rem;color:#262626;background:#f4f4f5;transition:border-color .2s,box-shadow .2s}.water-date-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31f}.water-date-range-label{font-size:.8125rem;color:#666;margin-left:auto;line-height:1.5;letter-spacing:.02em;font-weight:500}.water-custom-number{width:4rem;text-align:right}.water-custom-unit{min-width:5.5rem;cursor:pointer}.water-updating-in-actions{margin-left:.5rem;align-self:center}.water-apply-btn{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .75rem;margin-left:.4rem;border:none;border-radius:6px;background:#0ea5e9;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.water-apply-btn:hover:not(:disabled){background:#0284c7}.water-apply-btn:disabled{opacity:.5;cursor:not-allowed}.water-download-csv-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-size:.875rem;font-weight:500;color:#262626;cursor:pointer;transition:all .2s ease}.water-download-csv-btn:hover:not(:disabled){background:#f1f5f9;border-color:#e2e8f0}.water-download-csv-btn:disabled{opacity:.6;cursor:not-allowed}.water-table-header-right{display:flex;align-items:stretch;gap:.75rem;flex-shrink:0}.water-kpi-card{display:inline-flex;flex-direction:row;align-items:center;gap:.5rem;min-height:2.5rem;height:2.5rem;padding:0 .75rem;border-radius:8px;background:linear-gradient(135deg,#eff6ffcc,#dbeafeb3);border:1px solid #bfdbfe;box-shadow:0 1px 3px #0f172a0f;box-sizing:border-box;white-space:nowrap}.water-table-search{display:flex;align-items:stretch;flex-shrink:0}.water-table-search-input{height:2.5rem;box-sizing:border-box;padding:0 .6rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;color:#1e293b;min-width:140px;width:180px;max-width:100%}.water-table-search-input::placeholder{color:#9ca3af}.water-table-search-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e933}.water-kpi-label{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.water-kpi-value{font-size:1rem;font-weight:600;color:#0f172a}.water-dashboard-table-container{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:stretch;margin-top:1.25rem;margin-bottom:1.5rem}.water-table-header-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.water-table-matching-row{font-size:.8125rem;color:#64748b;margin-bottom:1rem;padding:.25rem 0}.water-table-title{flex:1;margin:0;font-size:1rem;font-weight:600;color:#475569;text-align:left}.water-table-sort-note{margin:.25rem 0 0;font-size:.75rem;font-weight:400;font-style:italic;color:#64748b;text-align:left}.water-dashboard-table-wrap{width:100%;overflow-x:auto;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:0 1px 3px #0000000f}.water-table-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;padding:0 .25rem;font-size:.8125rem;color:#64748b}.water-table-footer-showing{flex-shrink:0}.water-table-footer-pagination{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.water-table-page-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .6rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:.8125rem;color:#334155;cursor:pointer;transition:background .2s,border-color .2s}.water-table-page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.water-table-page-btn:disabled{opacity:.5;cursor:not-allowed}.water-table-page-info{font-size:.8125rem;color:#64748b;min-width:5rem;text-align:center}.water-table-footer-per-page{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;margin-left:auto}.water-page-size-select{padding:.35rem .5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.8125rem;color:#334155;background:#fff;cursor:pointer}.water-page-size-select:focus{outline:none;border-color:#0ea5e9}.water-sites-table{width:100%;min-width:100%;border-collapse:collapse;font-size:.875rem;table-layout:auto}.water-sites-table--resizable{table-layout:fixed}.water-sites-table th,.water-sites-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.water-sites-table th{background:#e8eaf0;font-weight:600;color:#334155;white-space:nowrap}.water-sites-table td{color:#1f2937;font-weight:400}.water-sites-table tbody tr:nth-child(2n){background:#e8eaf0}.water-sites-table tbody tr:last-child td{border-bottom:none}.water-sites-table tbody tr:hover{background:#dfe2ea!important}.water-table-empty{text-align:center;color:#64748b;padding:2rem!important}.water-table-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem}.water-sites-th-sortable{padding:0!important;vertical-align:middle;position:relative}.water-sites-th-resizer{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize;-webkit-user-select:none;user-select:none}.water-sites-th-resizer:hover,.water-sites-th-resizer:active{background:#0ea5e933}.water-sites-th-unsorted{opacity:.5;color:#64748b}body.water-table-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.water-sites-th-btn{display:inline-flex;align-items:center;gap:.35rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;font:inherit;font-weight:600;color:#334155;cursor:pointer;text-align:left;transition:background .15s,color .15s}.water-sites-th-btn:hover{background:#f1f5f9;color:#0f172a}.water-sites-th-btn svg{flex-shrink:0;color:#64748b}@media(max-width:480px){.water-custom-row{width:100%}.water-custom-number{flex:0 0 4rem}.water-custom-unit{flex:1 1 auto}}@media(max-width:400px){.water-apply-btn{padding:.25rem .55rem;font-size:.7rem}}@media(max-width:768px){.water-dashboard-header,.water-dashboard-picker{flex-direction:column;align-items:flex-start}.water-date-range-label{margin-left:0}.water-dashboard-multi-site-row{flex-direction:column;align-items:flex-start;gap:.75rem;padding-left:.25rem;padding-right:.25rem}.water-dashboard-actions{width:100%;max-width:100%;flex-wrap:wrap}.water-table-footer{flex-direction:column;align-items:flex-start}.water-table-footer-per-page{margin-left:0}.water-dashboard-table-container{padding-left:.75rem;padding-right:.75rem;width:100%;box-sizing:border-box;max-width:100%}.water-table-header-row{gap:.5rem}.water-table-title{flex:1 1 100%;min-width:0}.water-table-header-right{flex:1 1 100%;display:flex;flex-wrap:nowrap;gap:.5rem;min-width:0;justify-content:flex-start}.water-kpi-card{flex:1 1 0;min-width:0;min-height:2.5rem;height:2.5rem;padding:0 .5rem;white-space:normal}.water-kpi-card .water-kpi-label{font-size:.65rem}.water-kpi-card .water-kpi-value{font-size:.9rem}.water-table-search{flex:1 1 0;min-width:0}.water-table-search-input{width:100%;min-width:0;height:2.5rem}}@media(max-width:600px){.water-dashboard-picker-section{margin-top:1rem;margin-bottom:1rem}.water-dashboard-picker{padding:.75rem .9rem}.water-dashboard-table-container{margin-bottom:1rem}}.water-multi-site-view-btn{padding:.5rem 1rem;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#262626;font-size:.875rem;cursor:pointer;font-weight:500;white-space:nowrap;transition:all .2s ease}.water-multi-site-view-btn:hover{background:#f1f5f9;border-color:#e2e8f0;color:#1e293b}.water-single-site-subtitle{margin:.25rem 0 0;font-size:.9rem;color:#475569}.water-single-site-subtitle-site{font-weight:600;color:inherit}.water-single-site-header-meta{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center;margin-top:.25rem}.water-single-site-header-two-col{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:900px;margin-left:auto;margin-right:auto}.water-single-site-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;min-width:0}.water-single-site-pill{padding:.4rem .9rem;border-radius:999px;background:#0ea5e91f;color:#0369a1;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.water-single-site-top-row{width:100%;max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.water-single-site-header-row{margin-bottom:3.5rem}@media(max-width:768px){.water-single-site-header-row{padding-left:.5rem;padding-right:.5rem}.water-single-site-header-two-col{gap:.5rem}.water-single-site-actions{width:100%;justify-content:flex-start}.water-single-site-pill{font-size:.9rem;padding:.25rem .75rem}}.water-single-site-filters{display:flex;flex-wrap:wrap;gap:.6rem .85rem;width:100%}.water-single-site-filter{display:flex;flex-direction:column;gap:.2rem}.water-single-site-filter:last-child{flex:0 1 auto;min-width:0}.water-single-site-filter:last-child .water-single-site-range-toggle{width:auto;min-width:12rem;max-width:18rem}.water-single-site-filter label{font-size:.8125rem;font-weight:500;color:#666}.water-single-site-select{min-width:8rem;padding:.4rem .6rem;border-radius:6px;border:1px solid #e5e7eb;font-size:.8125rem;color:#262626;background:#f4f4f5;transition:border-color .2s,box-shadow .2s}.water-single-site-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31f}.water-single-site-range-label{font-size:.8125rem;font-weight:500;color:#262626;min-width:0;overflow:hidden;text-overflow:ellipsis}.water-single-site-range-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.4rem .6rem;border-radius:6px;border:1px solid #e5e7eb;background:#f4f4f5;cursor:pointer;font-size:.8125rem;font-weight:500;color:#262626;box-sizing:border-box;min-width:12rem;max-width:18rem;transition:all .2s ease}.water-single-site-range-toggle:hover{border-color:#2196f3;background:#eef0f2;box-shadow:0 0 0 3px #2196f31f}.water-single-site-range-toggle .water-single-site-range-label{font-size:inherit;white-space:nowrap}.water-single-site-range-toggle svg{color:#64748b;flex-shrink:0}.water-single-site-table-container{margin-top:3.5rem;width:100%;max-width:900px;margin-left:auto;margin-right:auto}.water-single-site-table-container .water-dashboard-table-wrap{overflow-x:auto}.water-single-site-table-container .water-sites-table{min-width:880px}.water-single-site-table-container .water-sites-table th,.water-single-site-table-container .water-sites-table td{font-size:.85rem;letter-spacing:.01em}.water-single-site-table-container .water-sites-table td{color:#1f2937;font-weight:400}.water-sites-row--clickable{cursor:pointer}.water-sites-row--clickable:hover td{background:#e0ecff}@media(max-width:768px){.water-single-site-top-row{flex-direction:column;align-items:flex-start}.water-single-site-filters{width:100%;flex-wrap:wrap}.water-single-site-filter{flex:1 1 100%}.water-single-site-select{width:100%}}@keyframes waterUpdatingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes waterUpdatingPulse{0%,to{box-shadow:0 0 #0ea5e933}70%{box-shadow:0 0 0 4px #0ea5e900}}@keyframes waterUpdatingDot{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-1.5px)}}.water-picker-updating{font-size:.8125rem;color:#0ea5e9;font-weight:500;letter-spacing:.01em;animation:waterUpdatingFadeIn .3s ease-out,waterUpdatingPulse 2.2s ease-in-out .3s infinite;display:inline-flex;align-items:center;padding:.2rem .5rem;margin-left:.4rem;border-radius:6px;background:#0ea5e914;border:1px solid rgba(14,165,233,.22);box-sizing:border-box}.water-picker-updating-dots{display:inline-flex;margin-left:.06em}.water-picker-updating-dots span{animation:waterUpdatingDot .6s ease-in-out infinite}.water-picker-updating-dots span:nth-child(1){animation-delay:0s}.water-picker-updating-dots span:nth-child(2){animation-delay:.15s}.water-picker-updating-dots span:nth-child(3){animation-delay:.3s}.water-table-truncated-notice{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:.5rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.water-table-footer-loading-more{margin-left:.75rem;color:#64748b;font-size:.875rem}.water-table-metadata-note{margin:0 0 .5rem;font-size:.8rem;color:#64748b}.device-dashboard-page--water-device .water-dashboard-gradient-section.water-device-view-section{max-width:1100px;margin-left:auto;margin-right:auto;padding:1.25rem 1.5rem 1.5rem}.water-device-pills-row{margin-bottom:1.5rem}.water-device-pills-wrap{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}.water-device-pill{flex:1;min-width:0;max-width:32%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.water-device-pills-row .water-single-site-pill{padding:.4rem .9rem;border-radius:999px;background:#0ea5e91f;color:#0369a1;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.water-device-view-time-row{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;justify-content:space-between;margin-bottom:1.25rem}.water-device-time-wrap{display:flex;align-items:center;gap:.4rem}.water-device-time-label{font-size:.8125rem;font-weight:500;color:#666}.water-device-range-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:6px;border:1px solid #e5e7eb;background:#f4f4f5;color:#262626;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:12rem;max-width:22rem;box-sizing:border-box}.water-device-range-toggle:hover{border-color:#2196f3;background:#eef0f2;box-shadow:0 0 0 3px #2196f31f}.water-device-range-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.water-device-range-toggle svg{color:#64748b;flex-shrink:0}.water-device-picker{margin-bottom:1.5rem}.water-device-charts{display:grid;gap:1.5rem;width:100%}.water-device-charts--stacked{grid-template-columns:1fr;grid-auto-rows:min-content}.water-device-chart-card{background:#f8fafc;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0;display:flex;flex-direction:column;min-height:280px}.water-device-chart-card--1{min-height:0;align-self:start}.water-device-chart-card--line .water-device-chart-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.water-device-chart-card--line .water-device-chart-icon{color:#64748b}.water-device-chart-card--bar .water-device-chart-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.water-device-chart-card--bar .water-device-chart-icon{color:#64748b}.water-device-chart-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem}.water-device-chart-header--clickable{width:100%;border:none;background:inherit;cursor:pointer;text-align:left;font:inherit;color:inherit}.water-device-chart-header--clickable:hover{background:#0000000a}.water-device-chart-header--clickable .water-device-chart-title{flex:1}.water-device-chart-header--clickable svg:last-child{flex-shrink:0;color:#64748b}.water-device-chart-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:1.75rem;padding:.35rem 0}.water-device-chart-controls-label{font-size:.875rem;font-weight:500;color:#666}.water-device-reset-zoom-btn{padding:.5rem 1rem;font-size:.8125rem;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#666;cursor:not-allowed;font-weight:500;transition:all .2s ease}.water-device-reset-zoom-btn:disabled{opacity:1}.water-device-reset-zoom-btn--active,.water-device-reset-zoom-btn:not(:disabled){border-color:#0ea5e9;background:#0ea5e91a;color:#0369a1;cursor:pointer}.water-device-reset-zoom-btn--active:hover,.water-device-reset-zoom-btn:not(:disabled):hover{border-color:#0284c7;background:#0ea5e92e}.water-device-flow-overview{margin-top:.35rem;padding-top:.35rem;border-top:1px solid #f1f5f9}.water-device-chart-card--1 .water-device-chart-inner{display:block;flex:0 0 auto;max-height:none;min-height:0;padding-bottom:.15rem}.water-device-chart-card--1 .water-device-chart-inner>*{margin-bottom:0}.water-device-chart-card--1 .water-device-flow-brush{margin-bottom:1rem}.water-device-flow-brush{margin-top:.5rem;margin-bottom:1rem;padding:0;line-height:0}.water-device-flow-brush .water-device-overview-label{display:block;line-height:1.2;margin-bottom:.15rem}.water-device-flow-brush .recharts-responsive-container{margin:0!important;padding:0!important;min-height:0!important;height:28px!important;overflow:hidden}.water-device-flow-brush .recharts-responsive-container,.water-device-flow-brush .recharts-responsive-container *,.water-device-flow-brush .recharts-brush,.water-device-flow-brush .recharts-brush *{outline:none!important;box-shadow:none!important}.water-device-partial-legend{margin-top:.5rem;font-size:.75rem;color:#64748b}.water-device-partial-legend-row{display:inline-flex;align-items:center;gap:.4rem;margin-right:1rem}.water-device-partial-legend-swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.water-device-flow-overview--trim{overflow:hidden;width:100%;box-sizing:border-box;margin-top:2rem;padding-top:.25rem;padding-bottom:0;margin-bottom:0;line-height:0}.water-device-flow-overview--trim .recharts-responsive-container{margin-right:0;margin-bottom:0}.water-device-flow-overview--trim .recharts-wrapper{overflow:visible}.water-device-flow-overview--trim .water-device-overview-label{line-height:1.2;margin-bottom:.2rem}.water-device-chart-legend--after-flow{margin-top:.2rem;margin-bottom:0}.water-device-overview-label{display:block;font-size:.7rem;color:#94a3b8;margin-bottom:.25rem}.water-device-flow-chart-wrap{min-height:0;margin-left:0;margin-top:.5rem;padding-left:0;width:100%;overflow:visible}.water-device-chart-card{min-height:0}.water-device-chart-card:not(:has(.water-device-chart-inner)) .water-device-chart-header{border-bottom:none}.water-device-chart-title{margin:0;font-size:.9375rem;font-weight:600;color:#374151;letter-spacing:.01em}.water-device-chart-inner{flex:1;display:flex;flex-direction:column;padding:.75rem 1rem .5rem;min-height:260px}.water-device-chart-inner--recharts{min-height:300px;max-height:min(90vh,720px);overflow-y:auto;overflow-x:hidden}.water-device-chart-inner--recharts .recharts-responsive-container{min-height:260px}.water-device-svg-chart{width:100%;height:220px;display:block}.water-device-axis-line{stroke:#d1d5db;stroke-width:1}.water-device-axis-grid{stroke:#f3f4f6;stroke-width:1}.water-device-axis-label{font-size:11px;fill:#6b7280;font-family:inherit}.water-device-axis-label--x{fill:#9ca3af}.water-device-axis-title{font-size:10px;fill:#9ca3af;font-family:inherit;text-transform:uppercase;letter-spacing:.05em}.water-device-chart-area--flow{fill:url(#water-device-gradient-flow);fill-opacity:.2}.water-device-chart-area--volume{fill:url(#water-device-gradient-volume);fill-opacity:.2}.water-device-chart-line--flow,.water-device-chart-line--volume{stroke:#475569;stroke-linecap:round;stroke-linejoin:round}.water-device-bar--base{fill:#64748b}.water-device-bar--peak{fill:#94a3b8}.water-device-bar--offpeak{fill:#64748b}.water-device-chart-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:flex-start;padding:.5rem 0 0;margin-top:auto;border-top:1px solid #f3f4f6}.water-device-chart-card--1 .water-device-chart-legend--after-flow{margin-top:.2rem!important;margin-bottom:0!important;padding-top:.2rem!important;padding-bottom:0!important}.water-device-chart-legend-item{font-size:.75rem;color:#6b7280;display:inline-flex;align-items:center;gap:.35rem}.water-device-chart-legend-item--flow:before,.water-device-chart-legend-item--volume:before,.water-device-chart-legend-item--base:before,.water-device-chart-legend-item--peak:before,.water-device-chart-legend-item--offpeak:before{content:"";width:8px;height:8px;border-radius:1px}.water-device-chart-legend-item--flow:before{background:#0ea5e9}.water-device-chart-legend-item--volume:before{background:#059669}.water-device-chart-legend-item--base:before{background:#0ea5e9}.water-device-chart-legend-item--peak:before{background:#6366f1}.water-device-chart-legend-item--offpeak:before{background:#0ea5e9}.water-device-chart-legend-item--sample{color:#9ca3af}.water-device-chart-legend-item--sample:before{display:none}@media(max-width:768px){.device-dashboard-page--water-device .water-dashboard-gradient-section.water-device-view-section{padding-left:.75rem;padding-right:.75rem}.water-device-view-time-row{gap:.5rem}.water-device-view-time-row .water-dashboard-actions{flex-wrap:wrap;max-width:100%}.water-device-charts{gap:1rem}.water-device-view-pills{flex-direction:column;align-items:flex-start}.water-device-range-label{max-width:200px}}.kpi-page{min-height:100vh;background:#f1f5f9;color:#1e293b;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.kpi-body-section{width:100%;padding:1.5rem 2rem 2rem;box-sizing:border-box;background:linear-gradient(135deg,#f5f7fa,#e8eaf6)}.kpi-header-bg{width:100%;padding:.5rem 1.5rem .75rem;margin-bottom:1.75rem;box-sizing:border-box;background:radial-gradient(circle at 50% 0%,rgba(75,73,172,.18) 0%,rgba(121,120,233,.1) 30%,rgba(121,120,233,.03) 60%,transparent 100%)}.kpi-header{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;width:100%;flex-wrap:wrap;gap:.5rem}.kpi-back-btn{display:flex;align-items:center;gap:.4rem;background:#fff;border:1px solid #e2e8f0;color:#64748b;font-size:.82rem;padding:.45rem .9rem;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 1px 3px #0000000f;flex-shrink:0}.kpi-back-btn:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.kpi-title-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.kpi-title{font-size:1.75rem;font-weight:600;margin:0;color:#1e293b;text-align:center;letter-spacing:-.01em}.kpi-subtitle{font-size:.75rem;color:#64748b;margin:.2rem 0 0;text-align:center}.kpi-header-spacer{flex-shrink:0;width:6rem;min-width:6rem}.kpi-view-tabs{display:inline-flex;padding:.12rem;border-radius:999px;background:#0f172a0f;border:1px solid rgba(148,163,184,.4)}.kpi-view-tab{border:none;background:transparent;padding:.3rem .9rem;font-size:.8rem;color:#64748b;border-radius:999px;cursor:pointer;transition:all .18s;white-space:nowrap}.kpi-view-tab:hover{color:#4b49ac}.kpi-view-tab--active{background:#4b49ac1f;color:#4b49ac;font-weight:600;box-shadow:0 1px 2px #4b49ac26}.kpi-summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem}.kpi-stat-card{background:#fff;border-radius:14px;padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.3rem;border:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000d;transition:transform .2s,box-shadow .2s}.kpi-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0003}.kpi-stat-number{font-size:2.2rem;font-weight:700;line-height:1}.kpi-stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:500}.kpi-stat-total{background:linear-gradient(135deg,#4b49ac,#3a3884);border-color:transparent}.kpi-stat-connected{background:linear-gradient(135deg,#98bdff,#6a9fe8);border-color:transparent}.kpi-stat-degraded{background:linear-gradient(135deg,#7978e9,#5958c4);border-color:transparent}.kpi-stat-critical{background:linear-gradient(135deg,#f3797e,#e04f55);border-color:transparent}.kpi-stat-total .kpi-stat-number,.kpi-stat-connected .kpi-stat-number,.kpi-stat-degraded .kpi-stat-number,.kpi-stat-critical .kpi-stat-number{color:#fff}.kpi-stat-total .kpi-stat-label,.kpi-stat-connected .kpi-stat-label,.kpi-stat-degraded .kpi-stat-label,.kpi-stat-critical .kpi-stat-label{color:#ffffffb3}.kpi-device-bar{display:flex;gap:2rem;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1rem 1.5rem;margin-bottom:1.5rem;align-items:center;box-shadow:0 1px 4px #0000000d}.kpi-device-group{display:flex;align-items:center;gap:.75rem;flex:1}.kpi-device-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b;min-width:70px}.kpi-device-counts{font-size:.82rem;color:#475569;min-width:110px}.kpi-progress-track{flex:1;height:6px;background:#e2e8f0;border-radius:99px;overflow:hidden}.kpi-progress-fill{height:100%;border-radius:99px;transition:width .5s ease}.kpi-progress-gateway{background:#eba937}.kpi-progress-sensor{background:#38bdf8}.kpi-device-pct{font-size:.78rem;font-weight:600;color:#64748b;min-width:36px;text-align:right}.kpi-table-header-row{margin-bottom:.75rem}.kpi-table-title-wrap{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.6rem}.kpi-table-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.kpi-result-count{font-size:.78rem;color:#64748b}.kpi-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.kpi-filter-tabs{display:flex;gap:.4rem}.kpi-filter-tab{font-size:.8rem;font-weight:500;padding:.42rem .9rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .18s;box-shadow:0 1px 2px #0000000a}.kpi-filter-tab:hover{background:#4b49ac0f;color:#4b49ac;border-color:#a5b4fc}.kpi-filter-tab--active{background:#4b49ac1a!important;border-color:#4b49ac!important;color:#4b49ac!important;font-weight:600!important}.kpi-search-wrap{position:relative;display:flex;align-items:center}.kpi-search-icon{position:absolute;left:.65rem;color:#94a3b8;pointer-events:none}.kpi-search-input{background:#fff;border:1px solid #e2e8f0;color:#1e293b;font-size:.82rem;padding:.42rem 2rem .42rem 2.1rem;border-radius:8px;width:200px;outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #0000000a}.kpi-search-input::placeholder{color:#cbd5e1}.kpi-search-input:focus{border-color:#4b49ac;box-shadow:0 0 0 3px #4b49ac1a}.kpi-search-clear{position:absolute;right:.5rem;background:none;border:none;color:#94a3b8;font-size:1rem;cursor:pointer;padding:0 .2rem;line-height:1}.kpi-search-clear:hover{color:#1e293b}.kpi-table-wrap{background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000d;overflow:hidden;margin-bottom:1.25rem;transition:opacity .3s}.kpi-table{width:100%;border-collapse:collapse;font-size:.85rem}.kpi-th{padding:.75rem 1rem;text-align:left;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#64748b;background:#eef2f7;border-bottom:1px solid #e2e8f0;white-space:nowrap}.kpi-th-count{text-align:center}.kpi-row{transition:background .15s}.kpi-row:hover{background:#f8fafc}.kpi-row:not(:last-child) td{border-bottom:1px solid #f1f5f9}.kpi-td{padding:.7rem 1rem;vertical-align:middle}.kpi-td-site{font-weight:600;color:#0f172a;font-size:.88rem;letter-spacing:.01em}.kpi-td-count{text-align:center;font-variant-numeric:tabular-nums;color:#64748b}.kpi-count-warn{color:#d97706;font-weight:600}.kpi-td-action{color:#64748b;font-size:.8rem}.kpi-badge{display:inline-block;padding:.25rem .65rem;border-radius:99px;font-size:.72rem;font-weight:600;letter-spacing:.03em;white-space:nowrap}.kpi-badge.status-connected{background:#bbf7d0;color:#15803d}.kpi-badge.status-degraded{background:#fde68a;color:#92400e}.kpi-badge.status-critical{background:#fecaca;color:#991b1b}.kpi-badge.status-none{background:#e2e8f0;color:#475569}.kpi-row--status-critical td:first-child{border-left:3px solid #ef4444}.kpi-row--status-degraded td:first-child{border-left:3px solid #f59e0b}.kpi-row--status-connected td:first-child{border-left:3px solid #22c55e}.kpi-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;color:#94a3b8}.kpi-empty-icon{opacity:.4}.kpi-action-btns{display:flex;gap:.4rem}.kpi-action-btn{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;padding:.42rem .85rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .18s;box-shadow:0 1px 2px #0000000a}.kpi-action-btn:hover{background:#4b49ac0f;color:#4b49ac;border-color:#a5b4fc}.kpi-action-btn--download:not(:disabled):hover{background:#4b49ac0f;color:#4b49ac;border-color:#a5b4fc}.kpi-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.kpi-th-sortable:hover{color:#4b49ac;background:#4b49ac0a}.kpi-sort-icon{display:inline-block;vertical-align:middle;margin-left:3px;color:#4b49ac}.kpi-sort-icon--inactive{color:#cbd5e1}.kpi-legend{display:flex;gap:1.5rem;font-size:.75rem;color:#64748b;flex-wrap:wrap;margin-bottom:1.5rem}.kpi-legend-item{display:flex;align-items:center;gap:.4rem}.kpi-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.kpi-dot-connected{background:#22c55e}.kpi-dot-degraded{background:#f59e0b}.kpi-dot-critical{background:#ef4444}.kpi-pagination{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;border-top:1px solid #f1f5f9;gap:1rem;flex-wrap:wrap;background:#fff}.kpi-page-info{font-size:.78rem;color:#64748b}.kpi-page-size{display:flex;align-items:center;gap:.3rem}.kpi-page-size-label{font-size:.75rem;color:#64748b;margin-right:.25rem}.kpi-page-size-btn{font-size:.75rem;padding:.25rem .55rem;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .15s}.kpi-page-size-btn:hover{background:#f1f5f9;color:#4b49ac;border-color:#a5b4fc}.kpi-page-size-btn--active{background:#4b49ac1a;border-color:#4b49ac;color:#4b49ac;font-weight:600}.kpi-page-nav{display:flex;align-items:center;gap:.4rem}.kpi-page-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .15s}.kpi-page-nav-btn:hover:not(:disabled){background:#f1f5f9;color:#4b49ac;border-color:#a5b4fc}.kpi-page-nav-btn:disabled{opacity:.35;cursor:not-allowed}.kpi-page-num{font-size:.78rem;color:#475569;min-width:52px;text-align:center}.kpi-result-count{font-size:.78rem;color:#64748b;margin:-.5rem 0 .5rem;display:block}.kpi-table-wrap--refreshing{opacity:.45;pointer-events:none;transition:opacity .2s}.kpi-summary-row--refreshing .kpi-stat-card,.kpi-device-bar--refreshing{opacity:.55;filter:blur(.45px);transition:opacity .2s ease,filter .2s ease;pointer-events:none}@media(max-width:900px){.kpi-body-section{padding:1rem 1rem 1.5rem}.kpi-legend{padding:.75rem 1rem 2rem}.kpi-summary-row{grid-template-columns:repeat(2,1fr)}.kpi-device-bar{flex-direction:column;gap:.75rem;align-items:stretch}.kpi-controls{flex-direction:column;align-items:stretch}.kpi-search-input{width:100%}.kpi-th-action,.kpi-td-action{display:none}}@media(max-width:500px){.kpi-summary-row{grid-template-columns:repeat(2,1fr)}.kpi-filter-tabs{flex-wrap:wrap}}.kpi-compare-page{min-height:100vh;background:#fff;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.kpi-compare-header-bg{width:100%;padding:.5rem 1.5rem .75rem;margin-bottom:1.75rem;box-sizing:border-box;background:radial-gradient(circle at 50% 0%,rgba(75,73,172,.28) 0%,rgba(121,120,233,.14) 35%,rgba(121,120,233,.05) 65%,transparent 100%)}.kpi-compare-header{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.kpi-compare-back-btn{display:flex;align-items:center;gap:.4rem;background:#fff;border:1px solid #e2e8f0;color:#64748b;font-size:.82rem;padding:.45rem .9rem;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 1px 3px #0000000f}.kpi-compare-back-btn:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.kpi-compare-title-wrap{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.kpi-compare-title{margin:0;font-size:1.75rem;font-weight:600;letter-spacing:-.01em;color:#1e293b;text-align:center}.kpi-compare-subtitle{margin:.25rem 0 0;font-size:.75rem;color:#64748b;text-align:center}.kpi-compare-tabs{display:inline-flex;padding:.12rem;border-radius:999px;background:#0f172a0f;border:1px solid rgba(148,163,184,.4)}.kpi-compare-tab{border:none;background:transparent;padding:.3rem .9rem;font-size:.8rem;color:#64748b;border-radius:999px;cursor:pointer;transition:all .18s;white-space:nowrap}.kpi-compare-tab:hover{color:#4b49ac}.kpi-compare-tab--active{background:#4b49ac1f;color:#4b49ac;font-weight:600;box-shadow:0 1px 2px #4b49ac26}.kpi-compare-body{max-width:1200px;margin:0 auto;width:100%;padding:1.5rem 2rem 2rem;box-sizing:border-box;background:#fff;border-radius:0;box-shadow:0 -1px #0000000a}.kpi-compare-body--active{background:#cfc7d8}.kpi-compare-controls-row{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:1rem}.kpi-compare-controls-inner{width:100%;max-width:680px;display:flex;flex-direction:column;align-items:stretch;gap:0}.kpi-compare-controls-block{padding:1rem 1.25rem;border-radius:18px;border:none;background:radial-gradient(circle at 0% 0%,#fff,#fbfbff 45%,#f3f5ff);box-shadow:0 10px 25px #0f172a29,0 1px #ffffffe6 inset;display:flex;flex-direction:column;gap:.6rem}.kpi-compare-controls-block--month{width:100%;background:radial-gradient(circle at 0% 0%,#fff,#f9f7ff 40%,#edf0ff)}.kpi-compare-body--initial .kpi-compare-controls-block--month{background:#bab1c3}.kpi-compare-body--initial .kpi-compare-controls-block--month .kpi-compare-control-label,.kpi-compare-body--initial .kpi-compare-controls-block--month .kpi-compare-control-label-inline,.kpi-compare-body--initial .kpi-compare-controls-block--month .kpi-compare-range-hint,.kpi-compare-body--initial .kpi-compare-controls-block--month .kpi-compare-utc-note,.kpi-compare-body--initial .kpi-compare-controls-block--month .kpi-compare-viewby-hint{color:#495160}.kpi-compare-quick-range-duration{margin:0;font-size:.8rem;color:#4b49ac;font-weight:500}.kpi-compare-optional-date-label{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;font-size:.85rem;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.kpi-compare-optional-date-label--disabled{opacity:.5;cursor:not-allowed}.kpi-compare-optional-date-label--active{font-weight:500;color:#334155}.kpi-compare-optional-date-checkbox{width:1rem;height:1rem;accent-color:#4b49ac;cursor:pointer}.kpi-compare-compared-to{display:flex;align-items:center;justify-content:center;padding:.5rem 0;font-size:.85rem;font-weight:500;color:#64748b}.kpi-compare-controls-block--date{width:100%;background:radial-gradient(circle at 0% 0%,#fff,#f9f7ff 40%,#edf0ff)}.kpi-compare-range-mode{display:inline-flex;padding:0;border-radius:0;background:transparent;border:none;width:fit-content;gap:.35rem}.kpi-compare-mode-btn{border:1px solid #e5e7eb;background:#f9fafb;padding:.3rem .8rem;font-size:.8rem;font-weight:500;color:#4b5563;border-radius:8px;cursor:pointer;transition:all .18s}.kpi-compare-mode-btn:hover{background:#eef2ff;border-color:#c7d2fe;color:#111827}.kpi-compare-mode-btn--active{background:#4b49ac1f;border-color:#4b49ac;color:#3730a3;font-weight:600}.kpi-compare-granularity{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.kpi-compare-range-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(75,73,172,.12);display:flex;flex-direction:column;gap:.5rem}.kpi-compare-range-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.1rem}.kpi-compare-range-heading .kpi-compare-control-label-inline{margin-bottom:0}.kpi-compare-range-hint{font-size:.7rem;font-weight:400;font-style:italic;color:#64748b;text-transform:none;letter-spacing:0}.kpi-compare-range-section .kpi-compare-control-label-inline{margin-bottom:.1rem}.kpi-compare-range-section .kpi-compare-range-mode{margin-bottom:.25rem}.kpi-compare-control-label-inline{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.kpi-compare-controls-block--month .kpi-compare-month-range{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.kpi-compare-quarter-range{display:flex;flex-direction:column;gap:.35rem;padding:.5rem .75rem;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0}.kpi-compare-control-hint--quarter{margin-bottom:.1rem}.kpi-compare-quarter-pickers{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.kpi-compare-quarter-picker-wrap{display:inline-flex;align-items:center;gap:.4rem}.kpi-compare-quarter-picker-label{font-size:.85rem;color:#475569;font-weight:500}.kpi-compare-quarter-select{padding:.4rem .6rem;font-size:.85rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;min-width:120px;cursor:pointer}.kpi-compare-quarter-select:hover,.kpi-compare-quarter-select:focus{border-color:#4b49ac;outline:none}.kpi-compare-controls-block--month .kpi-compare-control-buttons{margin-top:.1rem}.kpi-compare-month-wrap{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .55rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:120px}.kpi-compare-month-wrap:hover,.kpi-compare-month-wrap:focus-within{border-color:#4b49ac}.kpi-compare-input-month{border:none;background:none;padding:0;font-size:.8rem;color:#1e293b;min-width:0;flex:1;cursor:pointer;outline:none}.kpi-compare-month-picker-anchor{position:relative}.kpi-compare-month-trigger{cursor:pointer;text-align:left;width:100%;min-width:140px;display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;color:#1e293b}.kpi-compare-month-trigger:hover,.kpi-compare-month-trigger:focus{border-color:#4b49ac;outline:none}.kpi-month-picker-dropdown{position:absolute;top:100%;left:0;margin-top:.25rem;padding:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:20;min-width:200px}.kpi-month-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.kpi-month-picker-year-select{font-size:.95rem;font-weight:600;color:#1e293b;padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;outline:none}.kpi-month-picker-year-select:hover,.kpi-month-picker-year-select:focus{border-color:#4b49ac}.kpi-month-picker-arrows{display:flex;flex-direction:column;gap:0}.kpi-month-picker-arrow{display:flex;align-items:center;justify-content:center;padding:.15rem;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:4px}.kpi-month-picker-arrow:hover{background:#f1f5f9;color:#4b49ac}.kpi-month-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}.kpi-month-picker-cell{padding:.4rem .5rem;font-size:.8rem;border:none;background:#f8fafc;color:#334155;border-radius:6px;cursor:pointer;transition:background .15s}.kpi-month-picker-cell:hover:not(.kpi-month-picker-cell--disabled){background:#e2e8f0;color:#1e293b}.kpi-month-picker-cell--active{background:#4b49ac26;color:#4b49ac;font-weight:600}.kpi-month-picker-cell--disabled{opacity:.5;cursor:not-allowed}.kpi-compare-control-group{display:flex;flex-direction:column;gap:.35rem}.kpi-compare-control-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.kpi-compare-control-buttons{display:flex;gap:.35rem;margin-top:.35rem}.kpi-compare-control-btn{padding:.22rem .55rem;font-size:.75rem;font-weight:500;border-radius:999px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;cursor:pointer;transition:all .18s}.kpi-compare-control-btn:hover{background:#e5edff;border-color:#cbd5e1;color:#111827}.kpi-compare-control-btn--active{background:#4b49ac1f;border-color:#4b49ac;color:#4b49ac;font-weight:600}.kpi-compare-control-group--month-range .kpi-compare-month-range{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.kpi-compare-select{padding:.45rem .75rem;font-size:.85rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#1e293b;min-width:120px;cursor:pointer;transition:border-color .18s}.kpi-compare-select:hover,.kpi-compare-select:focus{border-color:#4b49ac;outline:none}.kpi-compare-range-sep{font-size:.8rem;color:#64748b;font-weight:500}.kpi-compare-control-hint{margin:0;font-size:.75rem;color:#64748b;font-weight:400;text-transform:none;letter-spacing:0}.kpi-compare-control-hint--italic{font-style:italic}.kpi-compare-utc-note{font-style:normal;color:#64748b;font-size:.85em}.kpi-compare-control-date-wrap{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:160px}.kpi-compare-date-unavailable{margin:.5rem 0 0;font-size:.75rem;font-style:italic;color:#94a3b8}.kpi-compare-control-date-icon{color:#64748b;flex-shrink:0}.kpi-compare-control-date{border:none;background:none;font-size:.85rem;color:#1e293b;outline:none;width:100%}.kpi-compare-pills-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.kpi-compare-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:999px;background:#fffc;color:#1e293b;font-size:.78rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000a}.kpi-compare-pill svg{color:#4b49ac}.kpi-compare-pill-secondary{background:#4b49ac14;border-color:#4b49ac33}.kpi-compare-alert{margin-top:.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:10px;background:#fef3c7;color:#92400e;font-size:.8rem}.kpi-compare-toolbar{margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.kpi-compare-toolbar-left{display:flex;flex-direction:row;gap:.5rem}.kpi-action-btn{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;padding:.42rem .85rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .18s}.kpi-action-btn:hover:not(:disabled){background:#4b49ac0f;color:#4b49ac;border-color:#a5b4fc}.kpi-action-btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.3)}.kpi-action-btn--refresh{min-width:90px;justify-content:center}.kpi-action-btn--spinning{opacity:.7;cursor:not-allowed}@keyframes kpi-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kpi-spin{animation:kpi-spin .8s linear infinite}.kpi-refresh-label{display:inline-block;width:44px;text-align:left}.kpi-compare-toolbar-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:500}.kpi-compare-toolbar-value{font-size:.9rem;color:#1e293b}.kpi-compare-download-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.8rem;font-weight:500;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:all .18s}.kpi-compare-download-btn:hover:not(:disabled){background:#4b49ac0f;color:#4b49ac;border-color:#a5b4fc}.kpi-compare-download-btn:disabled{opacity:.5;cursor:not-allowed}.kpi-compare-viewby-hint{margin:.75rem 0 0;font-size:.8rem;color:#728196;font-style:italic}.kpi-compare-th-category{text-align:left;min-width:4.5rem;max-width:5.5rem}.kpi-compare-td-kpi{font-weight:600;font-size:.8125rem;color:#334155;background:linear-gradient(135deg,#f3f2ff,#eef2f7);border-right:1px solid rgba(75,73,172,.25);white-space:normal;word-break:break-word;vertical-align:middle;min-width:5.25rem;max-width:7rem}.kpi-compare-td-stacked{vertical-align:middle}.kpi-compare-cell-stack{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem;line-height:1.45}.kpi-compare-cell-line{display:block;color:#475569;font-variant-numeric:tabular-nums;font-weight:400}@media(max-width:640px){.kpi-compare-td-kpi{font-size:.75rem;white-space:normal;max-width:7rem}}.kpi-compare-td-category{text-align:left;font-size:.8rem;color:#64748b;white-space:nowrap}.kpi-compare-metrics-explanation{margin-bottom:1rem;padding:.7rem 1rem .65rem;background:linear-gradient(135deg,#f0f4ff,#f8fafc);border-radius:8px;border-left:4px solid rgba(75,73,172,.5);max-width:56rem}.kpi-compare-metrics-explanation-main{margin:0;font-size:.8125rem;color:#475569;line-height:1.5;font-weight:400;display:flex;align-items:flex-start;gap:.4rem}.kpi-compare-metrics-explanation-icon{flex-shrink:0;margin-top:.15rem;color:#4b49ac}.kpi-compare-metrics-explanation-note{font-weight:700;font-style:italic;color:#4b49ac;flex-shrink:0}.kpi-compare-metrics-explanation-text{flex:1;min-width:0}.kpi-compare-table-wrap{background:linear-gradient(135deg,#fff,#f5f4ff 45%,#eef2ff);border-radius:14px;border:1px solid rgba(75,73,172,.2);box-shadow:0 4px 14px #94a3b873;overflow:hidden;margin-bottom:1.5rem}.kpi-compare-table-header{padding:.85rem 1.1rem .7rem;border-bottom:1px solid #e2e8f0;background:#fff}.kpi-compare-table-title{margin:0;font-size:1rem;font-weight:600;color:#1e293b}.kpi-compare-table-note{margin:.35rem 0 0;font-size:.78rem;color:#64748b;font-style:italic}.kpi-compare-table-subtitle{margin:.2rem 0 0;font-size:.78rem;color:#64748b}.kpi-compare-table-through{font-weight:500;color:#4b49ac}.kpi-compare-th-date{display:block;font-size:.7rem;font-weight:500;color:#64748b}.kpi-compare-table-scroll{overflow-x:auto;overflow-y:visible;max-width:100%;display:block;padding-bottom:.75rem}.kpi-compare-charts-scroll{margin-top:1.5rem;overflow-x:auto;max-width:100%}.kpi-compare-table{width:100%;min-width:900px;border-collapse:collapse;font-size:.8125rem}.kpi-compare-table th,.kpi-compare-table td{padding:.85rem 1.15rem;border-bottom:1px solid #e2e8f0;text-align:left;font-variant-numeric:tabular-nums;font-size:.8125rem;line-height:1.4}.kpi-compare-table thead th{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b;position:sticky;top:0;background:linear-gradient(180deg,#f1f5f9,#eef2f7);z-index:1;border-bottom:1px solid #e2e8f0}.kpi-compare-th-metric{font-weight:600;white-space:nowrap;min-width:6rem}.kpi-compare-td-metric{font-weight:500;color:#334155;white-space:nowrap;background:#fff}.kpi-compare-td-category-merged{font-weight:600;font-size:.85rem;color:#1e293b;background:linear-gradient(135deg,#f5f4ff,#eef2f7);vertical-align:middle;border-right:1px solid rgba(75,73,172,.2);width:1%;white-space:nowrap}.kpi-compare-tr-group-start td{border-top:2px solid #cbd5e1}.kpi-compare-tr-group-start:first-child td{border-top:none}.kpi-compare-table tbody tr:nth-child(2n) .kpi-compare-td-kpi{background:#f9fafb}.kpi-compare-table tbody tr:nth-child(2n) .kpi-compare-td-stacked{background:#f6f5fc}.kpi-compare-table tbody tr:hover .kpi-compare-td-kpi{background:#e5e7eb}.kpi-compare-table tbody tr:hover .kpi-compare-td-stacked{background:#eeecf8}.kpi-compare-table tbody tr:nth-child(1) .kpi-compare-td-kpi{border-left:3px solid #4b49ac}.kpi-compare-table tbody tr:nth-child(2) .kpi-compare-td-kpi{border-left:3px solid #ec4899}.kpi-compare-table tbody tr:nth-child(3) .kpi-compare-td-kpi{border-left:3px solid #22c55e}.kpi-compare-table tbody tr:nth-child(4) .kpi-compare-td-kpi{border-left:3px solid #f59e0b}.kpi-compare-empty-row{text-align:center;color:#94a3b8;padding:1.25rem .75rem}.kpi-compare-chart-wrap{background:linear-gradient(135deg,#fff,#f5f4ff 45%,#eef2ff);border-radius:14px;border:1px solid rgba(75,73,172,.2);box-shadow:0 4px 14px #94a3b873;overflow:hidden;margin-bottom:1.25rem}.kpi-compare-chart-inner{min-width:1200px}.kpi-compare-loading{opacity:.6;filter:blur(.4px);transition:opacity .18s ease,filter .18s ease;pointer-events:none}.kpi-compare-chart-header{padding:.85rem 1.1rem .5rem;border-bottom:1px solid #e2e8f0;background:#fff}.kpi-compare-chart-title{margin:0;font-size:1rem;font-weight:600;color:#1e293b}.kpi-compare-chart-subtitle{margin:.25rem 0 0;font-size:.78rem;color:#64748b}.kpi-compare-chart-inner{padding:1rem 1rem .5rem;min-height:280px}.kpi-compare-footer-note{margin-top:.5rem;display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:#94a3b8}.kpi-compare-footer-note svg{color:#cbd5e1}@media(max-width:900px){.kpi-compare-body{padding:1rem 1rem 1.5rem}}@media(max-width:600px){.kpi-compare-header{flex-direction:column;align-items:stretch}.kpi-compare-back-btn{align-self:flex-start}.kpi-compare-title-wrap{order:2}.kpi-compare-tabs{order:3;align-self:center}.kpi-compare-toolbar{align-items:flex-start}}.device-dashboard-page{padding:2rem;max-width:1200px;margin:0 auto;min-height:calc(100vh - 200px);background:transparent;display:block}.device-dashboard-page .back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;font-size:.9rem;cursor:pointer;transition:all .2s}.device-dashboard-page .back-button:hover{background-color:#edf2f7;border-color:#cbd5e0}.error-container{max-width:none;margin:0;min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem}.error-container-inner{width:100%;max-width:520px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #0f172a14;padding:2.5rem 2rem;text-align:center}.error-container-inner .back-button{margin:0 auto;justify-content:center}.error-icon{color:#e53e3e;margin-bottom:1.25rem}.error-container-inner h2{font-size:1.5rem;color:#1a202c;margin:0 0 .75rem}.error-container-inner p{font-size:1rem;color:#4a5568;margin:0 0 1.5rem;line-height:1.5}.dashboard-empty-card{width:100%;max-width:520px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #0f172a14;padding:2.5rem 2rem;text-align:center}.dashboard-empty-card .back-button{margin:0 auto;justify-content:center}.dashboard-empty-icon{color:#64748b;display:flex;justify-content:center;margin-bottom:1.25rem}.dashboard-empty-card h2{font-size:1.5rem;color:#1a202c;margin:0 0 .75rem}.dashboard-empty-subtitle{font-size:1rem;color:#4a5568;margin:0 0 1.5rem;line-height:1.5}.device-dashboard-hub-page{border-radius:16px;padding:1.5rem 0 4rem}.device-dashboard-hub-page .hub-content{max-width:1200px;margin:0 auto;padding:0 2rem}.hub-header{text-align:center;margin-bottom:4.25rem}.hub-header h1{font-size:2rem;color:var(--text);margin-bottom:.5rem;font-weight:700}.hub-header p{font-size:1rem;color:var(--text-secondary);font-weight:400}.no-access-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:3rem}.no-access-icon{color:#a0aec0;margin-bottom:1.5rem}.no-access-container h1{font-size:2rem;color:#2d3748;margin-bottom:1rem}.no-access-message{font-size:1.2rem;color:#4a5568;margin-bottom:.5rem}.no-access-hint{font-size:1rem;color:#718096;font-style:italic}.dashboards-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-start;margin-top:4rem;padding:0}.dashboard-card{width:100%;max-width:300px;min-height:200px;height:auto;border-radius:16px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.5rem;box-shadow:0 2px 8px #00000014;text-align:center;position:relative;overflow:hidden;background:#3f96d9;color:#f9fafb}.dashboard-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0ea5e933;border-color:#0284c759}.dashboard-card-icon{display:flex;align-items:center;justify-content:center;color:inherit;margin-bottom:.5rem;margin-top:.1rem;transition:all .3s ease;padding:.35rem;background:#fffc;border-radius:999px;width:52px;height:52px}.dashboard-card-icon img{width:36px;height:36px;object-fit:contain}.dashboard-card:hover .dashboard-card-icon{transform:scale(1.05);background:#0f172a59}.dashboard-card-content{width:100%;text-align:center;margin-top:.35rem;padding-top:0}.dashboard-card-title{font-size:1.05rem;font-weight:600;color:inherit;margin:0 0 .5rem;letter-spacing:-.01em}.dashboard-card-description{font-size:.8rem;color:inherit;margin:0;line-height:1.5;font-weight:400}@media(max-width:600px){.device-dashboard-hub-page{padding:1rem}.hub-header h1{font-size:2rem}.dashboards-grid{flex-direction:column;align-items:center;gap:1.5rem;padding-bottom:100px}.dashboard-card{width:calc(100% - 2rem);max-width:320px;height:auto;min-height:200px}.dashboard-card-icon{width:56px;height:56px}.dashboard-card-icon img{width:40px;height:40px}}@media(min-width:601px){.dashboards-grid{justify-content:center;gap:2rem}.dashboard-card{width:300px;height:200px}}.dv-page{max-width:1200px;margin:0 auto;padding:1.5rem;font-family:Inter,system-ui,sans-serif}.dv-page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.dv-page-header h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary, #1a1a2e)}.dv-page-header p{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary, #64748b)}.dv-tabs{display:flex;gap:.25rem;border-bottom:2px solid var(--border-color, #e2e8f0);margin-bottom:1.5rem}.dv-tab{padding:.75rem 1.25rem;border:none;background:none;font-size:.9rem;font-weight:500;color:var(--text-secondary, #64748b);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.dv-tab:hover{color:var(--text-primary, #1a1a2e)}.dv-tab.active{color:#2563eb;border-bottom-color:#2563eb}.dv-section{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:1.5rem}.dv-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.dv-section-title{display:flex;align-items:center;gap:.75rem}.dv-section-title h2{margin:0;font-size:1.2rem;font-weight:600}.dv-actions{display:flex;gap:.5rem}.dv-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.dv-btn:disabled{opacity:.6;cursor:not-allowed}.dv-btn-primary{background:#2563eb;color:#fff}.dv-btn-primary:hover:not(:disabled){background:#1d4ed8}.dv-btn-secondary{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #374151);border:1px solid var(--border-color, #e2e8f0)}.dv-btn-secondary:hover:not(:disabled){background:var(--bg-hover, #e2e8f0)}.dv-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;border-radius:6px;cursor:pointer;color:var(--text-secondary, #64748b)}.dv-btn-icon:hover{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #1a1a2e)}.dv-back-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color, #e2e8f0);background:var(--card-bg, #fff);border-radius:8px;cursor:pointer;color:var(--text-secondary, #64748b)}.dv-back-btn:hover{background:var(--bg-secondary, #f1f5f9)}.status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.dv-status-summary{display:flex;gap:1.25rem;flex-wrap:wrap;padding:1rem;background:var(--bg-secondary, #f8fafc);border-radius:8px;margin-bottom:1.25rem}.dv-status-count{display:flex;align-items:center;gap:.5rem}.dv-count{font-size:1.25rem;font-weight:700;color:var(--text-primary, #1a1a2e)}.dv-count-label{font-size:.85rem;color:var(--text-secondary, #64748b)}.dv-table{width:100%;border-collapse:collapse;font-size:.85rem}.dv-table th{text-align:left;padding:.6rem .75rem;font-weight:600;color:var(--text-secondary, #64748b);border-bottom:2px solid var(--border-color, #e2e8f0);white-space:nowrap}.dv-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border-color, #f1f5f9);color:var(--text-primary, #374151)}.dv-table tbody tr:hover{background:var(--bg-secondary, #f8fafc)}.dv-row-clickable{cursor:pointer}.dv-row-clickable:hover{background:var(--bg-hover, #eef2ff)!important}.dv-chevron{color:var(--text-secondary, #94a3b8);transition:transform .2s}.dv-row-clickable:hover .dv-chevron{color:#2563eb;transform:translate(2px)}.dv-mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem}.dv-empty{text-align:center;padding:2rem!important;color:var(--text-secondary, #94a3b8)}.dv-row-red{border-left:3px solid #ef4444}.dv-row-yellow{border-left:3px solid #f59e0b}.dv-row-green{border-left:3px solid #22c55e}.dv-search-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem}.dv-search-toggle{display:flex;gap:0;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;overflow:hidden}.dv-toggle-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;background:var(--card-bg, #fff);font-size:.85rem;font-weight:500;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s}.dv-toggle-btn:not(:last-child){border-right:1px solid var(--border-color, #e2e8f0)}.dv-toggle-btn.active{background:#2563eb;color:#fff}.dv-toggle-btn:hover:not(.active){background:var(--bg-secondary, #f1f5f9)}.dv-search-form{display:flex;gap:.75rem;width:100%;max-width:500px}.dv-search-input{flex:1;padding:.6rem 1rem;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.9rem;outline:none;background:var(--card-bg, #fff);color:var(--text-primary, #1a1a2e)}.dv-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dv-device-detail{display:flex;flex-direction:column;gap:1.5rem}.dv-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.dv-detail-item{display:flex;flex-direction:column;gap:.25rem}.dv-label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #64748b);letter-spacing:.02em}.dv-value{font-size:.9rem;color:var(--text-primary, #1a1a2e)}.dv-issues h3,.dv-signoff h3{font-size:1rem;margin:0 0 .75rem}.dv-no-issues{color:#22c55e;font-size:.9rem}.dv-issue-list{display:flex;flex-direction:column;gap:.5rem}.dv-issue{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:8px;border:1px solid var(--border-color, #e2e8f0)}.dv-issue-fail{background:#ef44440a;border-color:#ef444433}.dv-issue-warn{background:#f59e0b0a;border-color:#f59e0b33}.dv-issue-content strong{font-size:.85rem}.dv-issue-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dv-issue-content p{margin:.25rem 0 0;font-size:.8rem;color:var(--text-secondary, #64748b)}.dv-root-cause-tag{font-size:.65rem;padding:.1rem .45rem;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:#f1f5f9;color:#475569}.dv-rc-decoder_failure{background:#fce7f3;color:#9d174d}.dv-rc-never_connected{background:#fee2e2;color:#991b1b}.dv-diagnostics-list{margin:.4rem 0 0;padding-left:1.25rem;font-size:.75rem;color:var(--text-secondary, #64748b);line-height:1.6}.dv-diagnostics-list li{margin-bottom:.15rem}.dv-metrics-section{border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:1rem}.dv-metrics-section h3{font-size:1rem;margin:0 0 .75rem;font-weight:600}.dv-metrics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.dv-metric-card{display:flex;flex-direction:column;padding:.75rem;background:var(--bg-secondary, #f8fafc);border-radius:8px;border:1px solid var(--border-color, #e2e8f0)}.dv-metric-label{font-size:.75rem;color:var(--text-secondary, #64748b);font-weight:500;margin-bottom:.25rem}.dv-metric-value{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1a1a2e)}.dv-metric-unit{font-size:.8rem;font-weight:400;color:var(--text-secondary, #64748b)}.dv-diagnostics-section{border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:1rem}.dv-diagnostics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.dv-diagnostics-header h3{font-size:1rem;margin:0}.dv-diagnostic-result{padding:.75rem;border-radius:8px;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0)}.dv-diag-sensor_ok{background:#22c55e0f;border-color:#22c55e33}.dv-diag-check_decoder{background:#f59e0b0f;border-color:#f59e0b33}.dv-diag-decoder_failure,.dv-diag-never_connected{background:#ef44440f;border-color:#ef444433}.dv-diag-status-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.4rem}.dv-diag-message{margin:.25rem 0 0;font-size:.85rem;color:var(--text-primary, #374151)}.dv-diag-meta{font-size:.75rem;color:var(--text-secondary, #64748b)}.dv-decoder-errors{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.dv-decoder-error-item{display:flex;gap:.75rem;font-size:.78rem;padding:.35rem .5rem;background:#ef44440a;border-radius:4px}.dv-rc-sensor_ok{background:#dcfce7;color:#166534}.dv-rc-check_decoder{background:#fef3c7;color:#92400e}.dv-rc-device_issue{background:#e0e7ff;color:#4338ca}.dv-rc-unknown{background:#f1f5f9;color:#475569}.dv-diag-device_issue{background:#6366f10f;border-color:#6366f133}.dv-diag-unknown{background:var(--bg-secondary, #f8fafc);border-color:var(--border-color, #e2e8f0)}.dv-readings h3{font-size:1rem;margin:0 0 .75rem}.dv-no-readings{color:var(--text-secondary, #94a3b8);font-size:.9rem}.dv-readings-table{border:1px solid var(--border-color, #e2e8f0);border-radius:8px;overflow:hidden}.dv-readings-grouped{display:flex;flex-direction:column;gap:1rem}.dv-readings-checkin{border:1px solid var(--border-color, #e2e8f0);border-radius:10px;overflow:hidden}.dv-readings-checkin-header{padding:.5rem .75rem;background:var(--bg-secondary, #f8fafc);font-size:.78rem;font-weight:600;color:var(--text-secondary, #64748b);border-bottom:1px solid var(--border-color, #e2e8f0)}.dv-readings-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;padding:.75rem}.dv-reading-card{padding:.6rem .75rem;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px}.dv-reading-card-label{font-size:.72rem;font-weight:600;color:var(--text-secondary, #64748b);margin-bottom:.25rem;white-space:nowrap}.dv-reading-card-value{font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a2e)}.dv-reading-card-type{font-size:.68rem;color:var(--text-secondary, #94a3b8);margin-top:.2rem}.dv-collapsible-header{display:flex;align-items:center;gap:.4rem;cursor:pointer;-webkit-user-select:none;user-select:none}.dv-collapsible-header:hover{opacity:.7}.dv-collapsible-header h3{margin:0}.dv-pulse-counter-card{border:1px solid var(--border-color, #e2e8f0);border-radius:10px;overflow:hidden;margin-bottom:.75rem}.dv-pulse-counter-header{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:var(--bg-secondary, #f8fafc);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border-color, #e2e8f0);transition:background .15s}.dv-pulse-counter-header:hover{background:var(--bg-hover, #eef2ff)}.dv-pulse-counter-toggle{font-size:.7rem;color:var(--text-secondary, #64748b);width:12px}.dv-pulse-counter-eui{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;font-weight:600;color:var(--text-primary, #1a1a2e)}.dv-pulse-counter-type{font-size:.78rem;color:var(--text-secondary, #64748b);font-weight:500}.dv-reading-meta{font-size:.82rem;color:var(--text-secondary, #64748b);margin:0 0 .75rem}.dv-search-results{width:100%;max-width:600px}.dv-search-results-label{font-size:.85rem;color:var(--text-secondary, #64748b);margin:0 0 .5rem}.dv-error{padding:.75rem 1rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#dc2626;font-size:.85rem;margin-bottom:1rem}.dv-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dv-modal{background:#fff;border-radius:12px;padding:1.5rem;max-width:420px;width:90%;box-shadow:0 20px 60px #00000026}.dv-modal h3{margin:0 0 .75rem;font-size:1.1rem;color:var(--text-primary, #1a1a2e)}.dv-modal p{margin:0 0 1.25rem;font-size:.9rem;color:var(--text-secondary, #64748b);line-height:1.5}.dv-modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.dv-success-msg,.dv-success{padding:.75rem 1rem;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:8px;color:#16a34a;font-size:.85rem;margin-bottom:1rem}.dv-loading{padding:2rem;text-align:center;color:var(--text-secondary, #94a3b8);font-size:.9rem}.dv-rules-search{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--text-secondary, #64748b)}.dv-rules-search .dv-form-input{flex:1}.dv-rules-list{display:flex;flex-direction:column;gap:.75rem}.dv-rule-card{padding:1rem;border:1px solid var(--border-color, #e2e8f0);border-radius:10px;transition:all .2s}.dv-rule-card:hover{border-color:#cbd5e1}.dv-rule-disabled{opacity:.55}.dv-rule-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.dv-rule-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dv-rule-title h4{margin:0;font-size:.95rem}.dv-layer-badge{font-size:.7rem;padding:.15rem .5rem;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.dv-type-badge{font-size:.65rem;padding:.1rem .4rem;border-radius:4px;font-weight:500;background:#f1f5f9;color:#475569;font-family:JetBrains Mono,Fira Code,monospace}.dv-layer-config{background:#dbeafe;color:#1e40af}.dv-layer-presence{background:#e0e7ff;color:#4338ca}.dv-layer-health{background:#fef3c7;color:#92400e}.dv-layer-sensibility{background:#fce7f3;color:#9d174d}.dv-severity-badge{font-size:.7rem;padding:.15rem .5rem;border-radius:999px;font-weight:600}.dv-severity-warn{background:#fef3c7;color:#92400e}.dv-severity-fail{background:#fee2e2;color:#991b1b}.dv-rule-desc{margin:.5rem 0 .4rem;font-size:.82rem;color:var(--text-secondary, #64748b);line-height:1.5}.dv-rule-meta{font-size:.75rem;color:var(--text-secondary, #94a3b8)}.dv-rule-thresholds{margin-top:.5rem;font-size:.8rem}.dv-rule-thresholds summary{cursor:pointer;color:#2563eb;font-weight:500}.dv-rule-thresholds pre{background:var(--bg-secondary, #f8fafc);padding:.75rem;border-radius:6px;overflow-x:auto;font-size:.75rem;margin-top:.5rem}.dv-toggle{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.dv-toggle input{opacity:0;width:0;height:0}.dv-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;border-radius:999px;transition:.3s}.dv-toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.dv-toggle input:checked+.dv-toggle-slider{background-color:#2563eb}.dv-toggle input:checked+.dv-toggle-slider:before{transform:translate(18px)}.dv-rule-actions{display:flex;align-items:center;gap:.4rem}.dv-btn-icon-danger:hover{color:#ef4444!important;background:#ef444414!important}.dv-btn-danger{background:#ef4444;color:#fff;padding:.25rem .6rem;font-size:.75rem}.dv-btn-danger:hover:not(:disabled){background:#dc2626}.dv-delete-confirm{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:#ef4444}.dv-delete-confirm .dv-btn{padding:.2rem .5rem;font-size:.72rem}.dv-rule-card-editing{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.dv-rule-form{display:flex;flex-direction:column;gap:.85rem}.dv-form-row{display:flex;flex-direction:column;gap:.3rem}.dv-form-row-inline{display:flex;gap:1rem}.dv-form-row-inline .dv-form-row{flex:1}.dv-form-label{font-size:.75rem;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.03em}.dv-form-hint{font-weight:400;text-transform:none;margin-left:.5rem;font-style:italic;font-size:.7rem;color:var(--text-secondary, #94a3b8)}.dv-form-section-label{font-size:.8rem;font-weight:600;color:var(--text-primary, #1a1a2e);margin-top:1rem;margin-bottom:.5rem;padding-bottom:.3rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.dv-threshold-help{background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:.5rem .75rem;margin-bottom:.5rem;font-size:.78rem;color:var(--text-secondary, #64748b)}.dv-threshold-help strong{display:block;margin-bottom:.25rem;color:var(--text-primary, #1a1a2e);font-size:.75rem}.dv-threshold-help pre{margin:0;font-size:.72rem;white-space:pre-wrap;color:var(--text-primary, #334155)}.dv-form-input,.dv-form-textarea,.dv-form-select{padding:.5rem .75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;font-size:.85rem;background:var(--card-bg, #fff);color:var(--text-primary, #1a1a2e);outline:none}.dv-form-input:focus,.dv-form-textarea:focus,.dv-form-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.dv-form-textarea{resize:vertical;font-family:inherit}.dv-form-textarea.dv-mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem}.dv-form-error{font-size:.75rem;color:#ef4444;font-weight:500}.dv-form-actions{display:flex;gap:.5rem;padding-top:.25rem}.dv-device-type-grid{display:flex;flex-wrap:wrap;gap:.35rem}.dv-chip-label{cursor:pointer}.dv-chip-label input{display:none}.dv-chip{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600;border:1px solid var(--border-color, #e2e8f0);background:var(--card-bg, #fff);color:var(--text-secondary, #64748b);transition:all .15s}.dv-chip-label input:checked+.dv-chip{background:#2563eb;color:#fff;border-color:#2563eb}.dv-chip-label:hover .dv-chip{border-color:#2563eb}@media(max-width:768px){.dv-page{padding:1rem}.dv-section-header{flex-direction:column;align-items:flex-start}.dv-detail-grid{grid-template-columns:1fr}.dv-table{font-size:.78rem}.dv-search-form{flex-direction:column}}.monitor-page{min-height:100vh}.provision-app-page,.device-dashboard-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center;padding:2rem}.installer-app-page{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:block}.form-restored-notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;font-weight:500;animation:slideInRight .3s ease-out}.device-validation-spinner{animation:spin 1s linear infinite}.installer-header{margin-bottom:30px;text-align:center}.installer-header h1{color:var(--text);margin-bottom:10px;font-size:28px;font-weight:600}.installer-header p{color:var(--text-secondary);font-size:16px;margin-bottom:20px}.status-message{padding:12px 16px;border-radius:6px;margin:15px 0;font-weight:500;text-align:center}.status-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.loading-container{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:16px;color:#666}.installer-form{display:flex;flex-direction:column;gap:20px;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px}.installer-form label{font-weight:600;color:#262626;margin-top:6px}.installer-form input,.installer-form select,.installer-form textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #e9ecef;border-radius:8px;background:#fff;color:#262626;outline:none}.installer-form input:focus,.installer-form select:focus,.installer-form textarea:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31f}.installer-form .installer-golive-block{padding:10px 12px;margin:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.installer-form .installer-golive-heading{font-size:.95rem;font-weight:600;margin:0 0 .4rem;color:#262626;line-height:1.25}.installer-form .installer-golive-callout{margin:0 0 .65rem;padding:.6rem .75rem;font-size:.875rem;line-height:1.45;color:#1e3a5f;background:#e8f4fc;border:1px solid #b6d9f0;border-radius:6px}.installer-form .installer-golive-field{margin:0}.installer-form .installer-golive-field label{display:block;font-size:.8125rem;font-weight:600;margin-top:0;margin-bottom:.25rem}.installer-form .installer-golive-input{max-width:17rem;width:100%;padding:6px 10px;font-size:.875rem;border-radius:6px}.installer-form .installer-golive-preview{margin:.3rem 0 0;font-size:.7rem;color:#64748b;line-height:1.3}.installer-form .installer-golive-help{margin:.45rem 0 0;font-size:.72rem;line-height:1.4;color:#6b7280}.form-actions{margin-top:30px;padding:20px;border-top:2px solid #e0e0e0;text-align:center}.submit-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #007bff4d}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 12px #007bff66}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px){.installer-app-page{padding:15px 15px 120px}.installer-header h1{font-size:24px}.installer-header p{font-size:14px}.installer-app-page .site-info-container{flex-direction:column!important;align-items:stretch!important;text-align:center}.installer-app-page .neutral-btn{width:100%!important;min-width:auto!important;margin-top:10px}}@media(max-width:768px){.installer-app-page,.provision-app-page,.device-dashboard-page{padding:1rem;padding-bottom:120px}.placeholder-container{padding:2rem}.placeholder-container h1{font-size:2rem}}.submit-btn.loading{position:relative;color:transparent!important;pointer-events:none}.submit-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;z-index:2}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.confirmation-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:400px;width:100%;padding:0;animation:modalFadeIn .2s ease-out}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.modal-body{padding:20px}.modal-body p{margin:0;color:#666;line-height:1.5}.modal-actions{padding:15px 20px 20px;display:flex;gap:12px;justify-content:flex-end}.modal-actions button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.neutral-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.danger-btn{background-color:#ff6b6b!important;color:#fff!important;border:none!important}.danger-btn:hover:not(:disabled){background-color:#ff4d4d!important;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}.danger-btn:disabled{background-color:#6c757d!important;opacity:.7;cursor:not-allowed;transform:none}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.modal-overlay{padding:10px}.confirmation-modal{max-width:90vw}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%;padding:12px}}.form-actions{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}.form-actions button{padding:12px 20px;font-size:16px;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease;min-width:150px}.btn-success{background-color:#28a745!important;border-color:#28a745!important;color:#fff!important}.btn-success:hover:not(:disabled){background-color:#218838!important;border-color:#1e7e34!important;transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.btn-primary{background-color:#2196f3!important;border-color:#2196f3!important;color:#fff!important}.btn-primary:hover:not(:disabled){background-color:#1976d2!important;border-color:#1976d2!important;transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}@media(min-width:769px){.form-actions{flex-direction:row;justify-content:center;align-items:center}.form-actions button{flex:0 0 auto}}@media(max-width:768px){.form-actions{flex-direction:column;align-items:stretch;gap:15px}.form-actions button{width:100%;min-width:unset;height:44px;font-size:16px;padding:12px 20px}}.duplicate-device-warning-modal{max-width:500px;width:90vw;display:flex;flex-direction:column;max-height:80vh;max-height:80dvh;overflow:hidden;margin:auto;position:relative}.duplicate-device-warning-modal .modal-close-button{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:4px;transition:background-color .2s,color .2s}.duplicate-device-warning-modal .modal-close-button:hover{background-color:#f0f0f0;color:#333}.warning-header{text-align:center;margin-bottom:1.5rem;padding-top:.5rem}.warning-header h2{margin:.5rem 0 0;color:#c62828;font-size:1.3rem}.warning-icon{display:flex;justify-content:center;margin-bottom:.5rem}.warning-summary{background:#ffebee;border:2px solid #d32f2f;border-radius:8px;padding:1rem;margin-bottom:1rem;text-align:center}.warning-summary p{margin:0;font-size:1rem;color:#c62828}.warning-summary .warning-subtext{margin-top:.5rem;font-size:.9rem;color:#b71c1c;font-weight:500}.previous-installations h3{margin-bottom:1rem;color:#333;font-size:1rem}.installation-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;max-height:150px;overflow-y:auto;padding-right:4px}.installation-item{padding:1rem;background:#fafafa;border:1px solid #e0e0e0;border-left:4px solid #f57c00;border-radius:6px}.installation-info{display:flex;flex-direction:column;gap:.5rem}.installation-site{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:#1a73e8}.installation-detail{color:#666;font-size:.9rem;padding-left:1.75rem}.installation-meta{display:flex;flex-wrap:wrap;gap:1rem;padding-left:1.75rem;margin-top:.25rem}.installation-meta .meta-item{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:#888}.installation-asset{font-size:.85rem;color:#666;padding-left:1.75rem;font-style:italic}.warning-notice{background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;padding:.75rem 1rem;margin-bottom:0;font-size:.85rem;color:#1565c0}.warning-actions{display:flex;flex-direction:row;gap:1rem;justify-content:center;padding:1rem 0 .5rem;border-top:1px solid #e0e0e0;margin-top:auto;flex-shrink:0}.warning-actions .btn{padding:.75rem 2rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:1rem}.warning-actions .btn-primary{background:#1a73e8;color:#fff}.warning-actions .btn-primary:hover{background:#1557b0}@media(max-width:600px){.duplicate-device-warning-modal{width:95vw;max-height:75vh;max-height:75dvh;margin:1rem auto}.duplicate-device-warning-modal .modal-content-wrapper{padding:1rem}.duplicate-device-warning-modal .modal-scrollable-content{overflow-y:auto;flex:1;min-height:0}.warning-header h2{font-size:1.1rem}.warning-summary{padding:.75rem}.warning-summary p{font-size:.9rem}.installation-list{max-height:120px}.warning-actions{padding:.75rem 0 0}.warning-actions .btn{width:100%;padding:.875rem 1.5rem}.installation-meta{flex-direction:column;gap:.25rem}.previous-installations h3{font-size:.9rem;margin-bottom:.5rem}}.data-restored-notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;font-weight:500;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.auto-save-indicator{font-size:.85em;color:#28a745;font-weight:500;background:#d4edda;padding:4px 8px;border-radius:4px;border:1px solid #c3e6cb}.persistence-info{background:#e7f3ff;border:1px solid #b3d7ff;border-radius:6px;padding:12px 16px;margin-top:15px;font-size:.9em;color:#0c5460}.installer-info{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px}.installer-info>div{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.installer-info>div>div{display:flex;flex-direction:column;gap:5px}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:25px 0;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-radius:10px;font-weight:500;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.stat-row.clickable:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.stat-row.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 2px 8px #0000001a}.stat-right{display:flex;align-items:center;gap:15px}.expand-arrow{font-size:.9em;font-weight:700;color:#0009;transition:all .3s ease;transform:rotate(0)}.expand-arrow.open{transform:rotate(180deg);color:#000c}.stat-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:currentColor}.stat-row.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b7d7c1;color:#155724}.stat-row.success.clickable:hover{background:linear-gradient(135deg,#c3e6cb,#b7d7c1)}.stat-row.failed{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f1aeb5;color:#721c24}.stat-row.failed.clickable:hover{background:linear-gradient(135deg,#f5c6cb,#f1aeb5)}.stat-label{font-weight:600;font-size:1.1em;display:flex;align-items:center;gap:10px}.stat-label:before{content:"";width:12px;height:12px;border-radius:50%;background:currentColor;opacity:.7}.stat-value{font-size:2em;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.expanded-device-section{margin:0 0 25px;border:1px solid #e9ecef;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 4px 12px #0000001a;background:#fff;animation:expandDown .3s ease-out}@keyframes expandDown{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.expanded-device-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6}.expanded-device-header h3{margin:0;font-size:1.2em;color:#495057;font-weight:600}.close-expanded-btn{background:none;border:none;font-size:1.5em;color:#6c757d;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.close-expanded-btn:hover{background:#0000001a;color:#495057}.expanded-device-list{background:#fafbfc}.device-list-item{padding:16px 20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:background-color .2s ease}.device-list-item:hover{background:#f1f3f4}.device-list-item:last-child{border-bottom:none}.no-devices-message{padding:40px 20px;text-align:center;color:#6c757d;font-style:italic}.no-devices-message p{margin:0;font-size:1.1em}.failed-devices-section{margin:25px 0;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;background:#fff}.dropdown-toggle{padding:18px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1.1em;transition:all .3s ease;border-bottom:1px solid #dee2e6}.dropdown-toggle:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);transform:translateY(-1px)}.dropdown-arrow{transition:transform .3s ease;font-size:1.2em;color:#6c757d;font-weight:700}.dropdown-arrow.open{transform:rotate(180deg);color:#007bff}.failed-devices-list{background:#fafbfc}.failed-device-item{padding:20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;transition:background-color .2s ease;background:#fff}.failed-device-item:hover{background:#f8f9fa}.failed-device-item:last-child{border-bottom:none}.device-details{flex:1;display:flex;flex-direction:column;gap:8px;font-size:.95em}.device-details div:first-child{font-weight:700;color:#333;font-size:1.05em}.device-details div:not(:first-child){color:#6c757d;line-height:1.4}.queue-device-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}.device-actions{display:flex;gap:12px;flex-shrink:0;align-items:flex-start}.neutral-btn,.danger-btn{padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;min-width:150px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-transform:none;letter-spacing:normal;box-shadow:0 1px 3px #0000001a}.device-action-btn{padding:8px 16px!important;font-size:14px!important;min-width:80px!important;height:36px!important}.filter-action-btn{height:28px!important;padding:4px 14px!important;font-size:12px!important;min-width:135px!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;line-height:1!important}.neutral-btn{background-color:#6c757d;color:#fff}.neutral-btn:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.neutral-btn:disabled{background-color:#6c757d;opacity:.7;cursor:not-allowed;transform:none}.danger-btn{background-color:#ff6b6b;color:#fff}.danger-btn:hover:not(:disabled){background-color:#ff4d4d;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}.danger-btn:disabled{background-color:#6c757d;opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.stat-loading-spinner{position:relative;display:inline-block;width:18px;height:18px;margin:0}.stat-loading-spinner:before,.stat-loading-spinner:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;border:2px solid #2196f3;border-radius:50%;transform:translate(-50%,-50%);animation:haloExpand 1.5s ease-out infinite}.stat-loading-spinner:after{animation-delay:.75s}@keyframes haloExpand{0%{width:4px;height:4px;opacity:1;border-width:2px}50%{width:12px;height:12px;opacity:.6;border-width:1.5px}to{width:18px;height:18px;opacity:0;border-width:1px}}.stat-value .loading-spinner{width:18px;height:18px;border:2.5px solid #e3f2fd;border-top:2.5px solid #2196f3;border-radius:50%;margin:0;animation:materialSpinner .8s ease-in-out infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.confirmation-modal{background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;max-width:480px;width:100%;animation:modalFadeIn .2s ease-out;max-height:90vh;overflow:hidden}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 20px 10px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#333}.modal-body{padding:20px;overflow-y:auto;max-height:calc(90vh - 120px)}.modal-body p{margin:0;font-size:1rem;line-height:1.5;color:#666}.delete-move-block{margin-top:12px}.delete-move-mode{display:flex;gap:8px;padding:4px;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0}.delete-move-tab{flex:1;border:none;background:transparent;padding:10px 12px;border-radius:10px;font-weight:700;color:#334155;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease;text-align:center}.delete-move-tab.active{background:#fff;box-shadow:0 6px 16px #0000001a;color:#111827}.delete-move-tab:disabled{opacity:.6;cursor:not-allowed}.delete-move-subtext{margin-top:10px;font-size:.88rem;color:#6b7280;line-height:1.35}.delete-move-site{display:flex;flex-direction:column;gap:10px}.delete-move-quick{display:flex;gap:8px;flex-wrap:wrap}.quick-site-btn{padding:8px 10px;border-radius:999px;border:1px solid #d0d7de;background:#f8f9fa;color:#333;font-size:.85rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.quick-site-btn:hover:not(:disabled){background:#eef2f6;transform:translateY(-1px)}.quick-site-btn.active{border-color:#2196f3;background:#e3f2fd;color:#0b5ed7}.quick-site-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.delete-move-label{font-size:.85rem;font-weight:600;color:#333}.delete-move-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #d0d7de;font-size:.95rem;outline:none}.delete-move-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f326}.delete-move-input:disabled{background:#f3f4f6}.delete-move-hint{font-size:.82rem;color:#6b7280}.delete-move-error{font-size:.9rem;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;padding:10px 12px;border-radius:10px}.modal-actions{padding:10px 20px 20px;display:flex;gap:12px;justify-content:flex-end}.edit-button,.delete-button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;min-width:70px}.edit-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 2px 4px #007bff4d}.edit-button:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 4px 8px #007bff66}.delete-button{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 2px 4px #dc35454d}.delete-button:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-2px);box-shadow:0 4px 8px #dc354566}.delete-button:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;transform:none;box-shadow:0 2px 4px #6c757d4d;opacity:.7}.delete-button:disabled:hover{background:linear-gradient(135deg,#6c757d,#5a6268);transform:none;box-shadow:0 2px 4px #6c757d4d}.edit-button.loading{background:linear-gradient(135deg,#007bff,#0056b3)!important;cursor:wait!important;position:relative!important;color:transparent!important}.edit-button.loading:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.delete-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin-right:6px}.threshold-controls{margin:25px 0;padding:20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014}.threshold-controls label{display:block;font-weight:600;font-size:1.1em;color:#333;margin-bottom:8px}.threshold-inputs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.threshold-inputs input{padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:1em;width:100px;transition:all .3s ease}.threshold-inputs input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.threshold-inputs select{padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:1em;background:#fff;cursor:pointer;transition:all .3s ease}.threshold-inputs select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.threshold-inputs button{padding:10px 20px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.threshold-inputs button:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-2px);box-shadow:0 4px 8px #28a7454d}.threshold-inputs button:disabled{opacity:.6;cursor:not-allowed;transform:none}.reports-section{margin:25px 0;padding:20px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014}.reports-section h3{margin:0 0 15px;color:#333;font-size:1.2em;font-weight:600}.report-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.report-buttons button{padding:12px 18px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-size:.9em}.report-buttons button:nth-child(1){background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 2px 4px #dc35454d}.report-buttons button:nth-child(1):hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-2px);box-shadow:0 4px 8px #dc354566}.report-buttons button:nth-child(2){background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 2px 4px #28a7454d}.report-buttons button:nth-child(2):hover:not(:disabled){background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-2px);box-shadow:0 4px 8px #28a74566}.report-buttons button:nth-child(3){background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 2px 4px #007bff4d}.report-buttons button:nth-child(3):hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 4px 8px #007bff66}.report-buttons button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:#6c757d!important;box-shadow:none!important}.upload-status{padding:12px 16px;border-radius:8px;margin-top:15px;background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460;font-weight:500}.monitoring-placeholder{padding:30px;text-align:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:2px dashed #dee2e6;margin:20px 0}.monitoring-placeholder p:first-child{font-size:1.2em;margin-bottom:10px;color:#495057}.monitoring-placeholder p:last-child{color:#6c757d;margin-bottom:20px}.threshold-controls label{display:block;margin-bottom:10px;font-weight:600}.threshold-note{font-weight:400;color:#6c757d;font-size:.9em}.threshold-inputs{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.threshold-inputs input{width:80px;padding:8px;border:1px solid #ced4da;border-radius:4px;font-size:.9em}.threshold-inputs select{padding:8px;border:1px solid #ced4da;border-radius:4px;font-size:.9em;background:#fff}.threshold-inputs button{padding:8px 16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9em;transition:background-color .2s}.threshold-inputs button:hover:not(:disabled){background-color:#218838}.threshold-inputs button:disabled{background-color:#6c757d;cursor:not-allowed}.reports-section{margin:20px 0;padding:15px;background:#f8f9fa;border-radius:8px}.reports-section h3{margin-top:0;margin-bottom:15px;color:#333}.report-buttons{display:flex;gap:12px;margin-bottom:15px;flex-wrap:wrap}.report-buttons button{padding:10px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;background-color:#007bff;color:#fff}.report-buttons button:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.report-buttons button:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}.upload-status{padding:12px;border-radius:4px;background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460;font-size:.9em;margin-top:10px}.action-message{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);background:#fff;color:#111827;padding:12px 16px;border-radius:12px;box-shadow:0 10px 30px #0000002e;z-index:20000;font-weight:600;border:1px solid #e5e7eb;max-width:min(760px,calc(100vw - 24px));text-align:center;pointer-events:none}@media(max-width:768px){.stats-container{grid-template-columns:1fr;gap:15px;padding:15px}.stat-row{padding:15px}.stat-value{font-size:1.8em}.expand-arrow{font-size:.8em}.expanded-device-header{padding:15px;flex-direction:column;align-items:flex-start;gap:10px}.expanded-device-header h3{font-size:1.1em}.close-expanded-btn{align-self:flex-end;margin-top:-30px}.device-list-item{padding:15px;flex-direction:column;align-items:flex-start;gap:12px}.device-list-item>div:first-child{width:100%}.failed-device-item{flex-direction:column;align-items:stretch}.device-actions{justify-content:flex-end;margin-top:10px;flex-direction:column;align-items:stretch;gap:8px;width:100%}.queue-device-actions{flex-direction:column;align-items:stretch;gap:8px;margin-top:10px}.neutral-btn,.danger-btn{width:100%;min-width:auto}.threshold-inputs{flex-direction:column;align-items:stretch}.threshold-inputs input,.threshold-inputs select,.threshold-inputs button{width:100%}.report-buttons{flex-direction:column}.report-buttons button{width:100%}.modal-overlay{padding:10px}.confirmation-modal{max-width:100%;margin:10px}.modal-actions{flex-direction:column;align-items:stretch;gap:8px}.modal-actions .neutral-btn,.modal-actions .danger-btn{width:100%;order:2}.modal-actions .neutral-btn{order:1}.installer-info>div{flex-direction:column;align-items:stretch;text-align:center}.installer-info .neutral-btn{width:100%;min-width:auto;margin-top:10px}}.btn-primary,.report-buttons .btn-primary{padding:12px 20px!important;background:#2196f3!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:16px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;font-family:Inter,sans-serif!important;min-width:150px!important;box-sizing:border-box!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:0 1px 3px #0000001a!important}.btn-primary:hover:not(:disabled),.report-buttons .btn-primary:hover:not(:disabled){background:#1976d2!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000026!important}.btn-primary:disabled,.report-buttons .btn-primary:disabled{background:#6c757d!important;cursor:not-allowed!important;opacity:.8!important;transform:none!important;box-shadow:0 1px 3px #0000001a!important}.spinning{animation:spinIcon 1s linear infinite}@keyframes spinIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vah-section{display:flex;flex-direction:column;gap:20px;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px;margin-top:0}.vah-header{display:flex;align-items:center;gap:.5rem;color:#1a1a2e}.vah-header h2{margin:0;font-size:1.4rem;font-weight:700}.vah-timer{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e}.vah-timer strong{display:block;margin-bottom:.25rem}.vah-timer p{margin:0;font-size:.85rem;color:#a16207}.vah-action-bar{display:flex;align-items:center;gap:1rem}.vah-hint{font-size:.82rem;color:#64748b}.vah-btn-secondary{display:inline-flex;align-items:center;gap:.4rem;background:#e2e8f0;color:#334155;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer}.vah-loading{display:flex;align-items:center;gap:.5rem;padding:1rem;color:#007bff;font-size:.9rem}.vah-error{padding:.75rem 1rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#dc2626;font-size:.85rem;display:flex;align-items:center;gap:.75rem}.vah-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.vah-results{display:flex;flex-direction:column;gap:1rem}.vah-summary{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#334155;flex-wrap:wrap}.vah-link{display:inline-flex;align-items:center;gap:.3rem;color:#007bff;font-size:.82rem;text-decoration:none}@media(min-width:600px){.vah-link{margin-left:auto}}@media(max-width:599px){.vah-section{padding:16px}.vah-signoff{padding:12px}.vah-timer{font-size:.82rem}}.vah-link:hover{text-decoration:underline}.vah-device-list{display:flex;flex-direction:column;gap:.5rem}.vah-device{padding:.75rem 1rem;border:1px solid #e9ecef;border-radius:8px;background:#fafbfc;border-left:3px solid #94a3b8}.vah-device-green{border-left-color:#22c55e}.vah-device-yellow{border-left-color:#f59e0b}.vah-device-red{border-left-color:#ef4444}.vah-device-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.vah-device-eui{font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;font-weight:600;color:#1a1a2e;word-break:break-all}.vah-device-issues{margin-top:.5rem;display:flex;flex-direction:column;gap:.3rem}.vah-issue{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:#475569}.vah-issue-severity{font-size:.65rem;font-weight:700;padding:.1rem .35rem;border-radius:3px;flex-shrink:0}.vah-issue-fail{background:#fef2f2;color:#dc2626}.vah-issue-warn{background:#fffbeb;color:#d97706}.vah-signoff{padding:1rem;border:1px solid #e9ecef;border-radius:8px;background:#fafbfc}.vah-signoff h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#1a1a2e}.vah-signoff-warning{padding:.6rem .75rem;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;color:#92400e;font-size:.82rem;margin-bottom:.75rem}.vah-signoff-notes{width:100%;padding:10px 12px;border:1px solid #e9ecef;border-radius:6px;font-size:14px;resize:vertical;margin-bottom:.75rem;font-family:inherit;box-sizing:border-box}.vah-signoff-notes:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff26}.vah-signoff-done{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:8px}.vah-signoff-done strong{display:block;color:#16a34a}.vah-signoff-done p{margin:.2rem 0 0;font-size:.85rem;color:#15803d}.dropdown-button-container{position:relative;display:inline-block}.dropdown-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;border:none}.dropdown-button.primary{background:#e4e5e6;color:#0e0d0d}.dropdown-button.primary:hover{background:#797a7b;transform:translateY(-1px)}.dropdown-button.secondary{background:#6c757d;color:#fff}.dropdown-button.secondary:hover{background:#5a6268;transform:translateY(-1px)}.dropdown-button .chevron{transition:transform .2s ease}.dropdown-button .chevron.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;min-width:200px;z-index:1000;overflow:hidden;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:#fff;border:none;text-align:left;font-size:14px;font-family:Inter,sans-serif;color:#333;cursor:pointer;transition:background .15s ease}.dropdown-item:hover:not(:disabled){background:#f5f5f5}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item:not(:last-child){border-bottom:1px solid #f0f0f0}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirmation-modal-content{background:#fff;border-radius:12px;width:92vw;max-width:500px;box-shadow:0 8px 25px #00000026;animation:slideUp .3s ease-out;font-family:Inter,sans-serif}@media(min-width:768px){.confirmation-modal-content{width:90%}}.confirmation-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid #e5e7eb}@media(min-width:801px){.confirmation-modal-header{padding:2rem 2rem 1rem}}.confirmation-icon-title{display:flex;align-items:center}.confirmation-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#262626}.close-btn{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;border-radius:8px;transition:all .2s;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background-color:#f8f9fa;color:#262626}.confirmation-modal-body{padding:20px}@media(min-width:801px){.confirmation-modal-body{padding:2rem}}.confirmation-message{font-size:1rem;color:#666;margin:0 0 16px;line-height:1.6}.confirmation-count{background-color:#fff5f5;border:1px solid #ff4d4d;border-radius:8px;padding:12px 16px;margin-bottom:16px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.confirmation-count .warning-icon{color:#ff4d4d;flex-shrink:0}.confirmation-count strong{color:#c62828;font-size:1rem;font-weight:700}.confirmation-warning{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#ff4d4d;font-weight:500;margin:0;padding:12px;background-color:#fff5f5;border-radius:8px;border-left:3px solid #ff4d4d}.confirmation-modal-footer{display:flex;justify-content:center;gap:30px;padding:20px;border-top:1px solid #e5e7eb}@media(min-width:801px){.confirmation-modal-footer{padding:1rem 2rem 2rem}}@media(max-width:480px){.confirmation-modal-footer{gap:12px;padding:16px}.btn-cancel,.btn-confirm{min-width:100px;padding:12px 16px;font-size:14px}}.btn-cancel{padding:12px 20px;border-radius:8px;border:1px solid #e0e0e0;background-color:#9e9e9e;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;min-width:150px;min-height:44px;text-align:center;display:flex;align-items:center;justify-content:center}.btn-cancel:hover{background-color:#757575;border-color:#bdbdbd}.btn-confirm{padding:12px 20px;border-radius:8px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;color:#fff;min-width:150px;min-height:44px;text-align:center;display:flex;align-items:center;justify-content:center}.btn-confirm.btn-danger{background-color:#ff4d4d}.btn-confirm.btn-danger:hover{background-color:#ff6b6b}.btn-confirm.btn-primary{background-color:#2196f3}.btn-confirm.btn-primary:hover{background-color:#1976d2}.btn-confirm:disabled,.btn-confirm.disabled{opacity:.5;cursor:not-allowed}.btn-confirm:disabled:hover,.btn-confirm.disabled:hover{background-color:#ff4d4d}.confirmation-input-section{margin-top:20px;padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.confirmation-label{display:block;font-size:.95rem;color:#262626;margin-bottom:10px;font-weight:500}.confirmation-label strong{color:#ff4d4d;font-weight:700}.confirmation-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.confirmation-input:focus{outline:none;border-color:#ff4d4d;background-color:#fff}.confirmation-input::placeholder{color:#999}@media(max-width:480px){.btn-cancel,.btn-confirm{width:100%}}.conflict-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.conflict-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.conflict-modal-overwrite{max-width:500px}.conflict-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.conflict-icon-title{display:flex;align-items:center;gap:12px}.conflict-icon-title h2{margin:0;font-size:20px;font-weight:600;color:#1f2937}.warning-icon{color:#f59e0b}.danger-icon{color:#ef4444}.close-btn{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-btn:hover{background-color:#f3f4f6}.conflict-modal-body{padding:24px;overflow-y:auto;flex:1}.conflict-message{margin:0 0 20px;color:#374151;line-height:1.5}.conflict-warning-box{display:flex;gap:12px;padding:16px;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:6px;margin-bottom:20px}.conflict-warning-title{margin:0 0 8px;font-weight:600;color:#92400e}.conflict-warning-text{margin:0;color:#78350f;line-height:1.5}.conflict-items-section{margin-top:24px}.conflict-items-title{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937}.conflict-items-list{max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;padding:8px;background-color:#f9fafb}.conflict-item{padding:12px;margin-bottom:8px;background:#fff;border:1px solid #e5e7eb;border-radius:4px}.conflict-item:last-child{margin-bottom:0}.conflict-item-main{display:flex;flex-direction:column;gap:4px}.conflict-item-eui{font-weight:600;color:#1f2937;font-family:monospace}.conflict-item-details{font-size:14px;color:#6b7280}.conflict-item-timestamp{margin-top:8px;font-size:12px;color:#9ca3af}.conflict-info-box{margin-top:20px;padding:12px;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px}.conflict-info-box p{margin:0;color:#1e40af}.conflict-confirm-input-section{margin-top:20px}.conflict-confirm-label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.conflict-confirm-input{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;transition:border-color .2s}.conflict-confirm-input:focus{outline:none;border-color:#3b82f6}.conflict-modal-footer{display:flex;justify-content:center;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}@media(max-width:480px){.conflict-modal-footer{gap:8px;padding:16px;flex-wrap:wrap}.btn-cancel,.btn-skip,.btn-overwrite,.btn-confirm{flex:1;min-width:0;padding:10px 12px;font-size:13px}}.btn-cancel,.btn-skip,.btn-overwrite,.btn-confirm{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center;display:flex;align-items:center;justify-content:center}.btn-cancel{background-color:#f3f4f6;color:#374151}.btn-cancel:hover{background-color:#e5e7eb}.btn-skip{background-color:#3b82f6;color:#fff}.btn-skip:hover{background-color:#2563eb}.btn-overwrite{background-color:#ef4444;color:#fff}.btn-overwrite:hover{background-color:#dc2626}.btn-confirm{background-color:#ef4444;color:#fff}.btn-confirm:hover:not(.disabled){background-color:#dc2626}.btn-confirm.disabled{opacity:.5;cursor:not-allowed}.provisioning-page{min-height:100vh;background:#fff;padding:20px;font-family:Inter,sans-serif}.provisioning-container{max-width:1200px;margin:0 auto;transition:all .3s ease}.provisioning-container.drag-over{background:#e3f2fd;border:2px dashed #2196f3;border-radius:12px;padding:20px}.provisioning-page.drag-over:before{content:"Drop CSV file here";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#2196f3e6;color:#fff;padding:20px 40px;border-radius:8px;font-size:18px;font-weight:600;z-index:1000;pointer-events:none}.provisioning-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #e9ecef}.provisioning-header h1{font-size:2.5rem;font-weight:600;color:#262626;margin-bottom:1rem}.provisioning-header p{font-size:1.1rem;color:#666;max-width:800px;margin:0 auto;line-height:1.6}.tab-navigation{display:flex;justify-content:center;margin-bottom:2rem;background:#f8f9fa;border-radius:12px;padding:8px;border:1px solid #e9ecef}.tab-button{flex:1;max-width:200px;padding:12px 20px;background:transparent;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.tab-button.active{background:#1565c0!important;color:#e8eaf6!important;font-weight:600;box-shadow:0 2px 4px #1565c04d;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tab-button:hover:not(.active){background:#e3f2fd;color:#1976d2}.form-container{background:#f8f9fa;border-radius:12px;padding:2rem;border:1px solid #e9ecef;margin-bottom:2rem;position:relative;transition:all .3s ease}.form-container.drag-over-form{border:2px dashed #2196f3;background:#e3f2fd}.drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;z-index:10;text-align:center}.drag-overlay h3{margin:1rem 0 .5rem;color:#2196f3;font-size:1.5rem;font-weight:600}.drag-overlay p{color:#666;font-size:1rem;margin:0}.form-section{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1rem;border:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a}.device-item{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1rem;border:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a;position:relative;display:flex;flex-direction:column}.device-item h3{font-size:1.25rem;font-weight:600;color:#262626;margin-bottom:1rem;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.deprovision-device-btn{background:#ff6b6b;color:#fff;border:none;border-radius:8px;padding:8px;margin-left:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.deprovision-device-btn:hover{background:#ff4d4d;transform:translateY(-1px)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.form-group label{font-weight:700;color:#262626;font-size:.9rem}.form-group input,.form-group select{height:44px;padding:10px;border:1px solid #e9ecef;border-radius:8px;font-size:16px;font-family:Inter,sans-serif;color:#262626;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.form-group input::placeholder{color:#999}.action-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:2px solid #e9ecef}.action-buttons-left,.action-buttons-right{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background-color:#2196f3;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;min-width:150px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover:not(:disabled){background-color:#1976d2;transform:translateY(-1px)}.btn-primary:disabled{background-color:#9e9e9e;cursor:not-allowed;transform:none}.btn-secondary{background-color:#6c757d;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;min-width:150px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background-color:#495057;transform:translateY(-1px)}.btn-success{background-color:#28a745;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;min-width:150px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-success:hover{background-color:#218838;transform:translateY(-1px)}.btn-danger-outline{background:#fff;color:#dc2626;border:1px solid #d1d5db;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-danger-outline:hover{background:#fef2f2;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 4px #dc26261a}.success-message{background:#e8f5e8;color:#28a745;padding:1rem;border-radius:8px;border:1px solid #28a745;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.download-certificate-btn{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;margin-left:auto}.download-certificate-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.download-certificate-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#ffe6e6;color:#ff4d4d;padding:1rem;border-radius:8px;border:1px solid #ff4d4d;margin-bottom:1rem;display:flex;align-items:flex-start;gap:8px;white-space:pre-line;font-family:Inter,monospace;font-size:.9rem;line-height:1.4;max-height:400px;overflow-y:auto}.success-message{background:#e6ffe6;color:#00b300;padding:1rem;border-radius:8px;border:1px solid #00b300;margin-bottom:1rem;display:flex;align-items:flex-start;gap:8px;white-space:pre-line;font-family:Inter,monospace;font-size:.9rem;line-height:1.4;max-height:400px;overflow-y:auto}.hidden-file-input{display:none}.loading{opacity:.7;pointer-events:none}.empty-state{text-align:center;padding:3rem 2rem;color:#666}.empty-state p{font-size:1.1rem;margin-bottom:1rem}@media(max-width:768px){.provisioning-page{padding:15px}.provisioning-header h1{font-size:2rem}.form-container{padding:1rem}.form-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column;gap:1rem;align-items:stretch}.action-buttons-left,.action-buttons-right{width:100%;justify-content:center}.tab-navigation{flex-direction:column}.tab-button{max-width:none}}@media(max-width:480px){.btn-primary,.btn-secondary,.btn-success{min-width:120px;font-size:14px;padding:10px 16px}.form-group input,.form-group select{font-size:16px}}.download-cert-btn{margin-right:12px;animation:slideInFromLeft .3s ease-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease-out}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out}.modal.download-modal{max-width:600px;width:95%}.modal.download-modal .modal-body{padding:0}.modal.download-modal .no-certificates{margin:24px}.modal.shared-files-modal .modal-body{padding:24px}.shared-files-description-block{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.modal.download-modal .shared-files-description{margin:0 0 12px;font-size:14px;line-height:1.5;color:#495057}.shared-files-bullets{margin:0;padding-left:20px;font-size:13px;color:#495057;line-height:1.6}.shared-files-bullets li{margin-bottom:4px}.shared-files-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px}.shared-files-loading p{margin:0;font-size:14px;color:#6c757d}.shared-files-error,.shared-files-empty{display:flex;align-items:center;gap:12px;padding:20px 24px;border-radius:8px;background:#f8f9fa}.shared-files-error{color:#721c24;background:#f8d7da}.shared-files-error p,.shared-files-empty p{margin:0;font-size:14px}.shared-files-list-heading{margin:0 0 12px;font-size:13px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.02em}.shared-files-list{padding:0 4px}.shared-files-list .shared-file-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;margin:0 0 8px;border-bottom:1px solid #eee;border-radius:8px;background:#fafafa}.shared-files-list .shared-file-item:last-child{border-bottom:1px solid #eee;margin-bottom:0}.shared-files-list .file-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.shared-files-list .file-name{display:flex;align-items:center;gap:8px}.shared-files-list .file-icon{flex-shrink:0;color:#6c757d}.shared-files-list .file-name-text{font-weight:600;font-size:14px}.shared-files-list .download-file-btn{flex-shrink:0;min-width:110px}@media(max-width:480px){.shared-files-modal .modal-body{padding:16px}.shared-files-list .shared-file-item{flex-wrap:wrap;gap:12px;padding:12px}.shared-files-list .download-file-btn{width:100%;min-width:0}}.modal.download-modal .file-description{display:block;font-size:12px;font-weight:400;color:#6c757d;margin-top:2px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#262626}.modal-download-all{padding:16px 24px;border-bottom:1px solid #e9ecef;background:#f8f9fa;display:flex;justify-content:center}.download-all-btn{background:#06c!important;color:#fff!important;border:none;padding:12px 24px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;font-size:14px}.download-all-btn:hover:not(:disabled){background:#0056b3!important;transform:translateY(-1px)}.download-all-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-close-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#e9ecef;color:#262626}.modal-footer{padding:16px 24px;border-top:1px solid #e9ecef;background:#f8f9fa;display:flex;gap:12px;justify-content:flex-end}.modal-footer .btn-secondary{background:#6c757d;color:#fff}.modal-footer .btn-secondary:hover{background:#5a6268}.modal .form-input{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:border-color .2s ease}.modal .form-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.modal .error-message,.modal .success-message{display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;margin-top:16px;font-size:14px}.modal .error-message{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.modal .success-message{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.certificate-files-list{max-height:400px;overflow-y:auto;border:1px solid #e9ecef;border-radius:8px;padding:0;background:#fafafa;width:100%}.certificate-file-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border:none;border-bottom:1px solid #e9ecef;margin:0;transition:all .2s ease;width:100%}.certificate-file-item:hover{background:#f8f9fa;border-bottom-color:#2196f3}.certificate-file-item:last-child{border-bottom:none}.file-info{flex:1;margin-right:20px;justify-content:space-around}.file-name{font-size:16px;font-weight:500;color:#262626}.file-description{font-size:14px;color:#6c757d;margin-top:4px}.download-file-btn{min-width:120px;padding:8px 16px;font-size:14px;display:flex;align-items:center;gap:6px}.no-certificates{display:flex;align-items:center;gap:8px;padding:20px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#666;font-style:italic}.modal-footer .btn-primary,.modal-footer .btn-secondary,.modal-footer .btn-success,.modal-footer .download-file-btn{min-width:100px;width:auto;padding:8px 12px;font-size:14px;flex:0 0 auto}.modal-footer{flex-wrap:wrap;gap:8px}@media(max-width:480px){.modal-footer .btn-primary,.modal-footer .btn-secondary,.modal-footer .btn-success,.modal-footer .download-file-btn{min-width:90px;padding:8px 10px;font-size:13px}}.batch-progress-container{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.batch-progress-header{margin-bottom:15px}.batch-progress-header h3{font-size:1.2rem;font-weight:600;color:#262626;margin-bottom:5px}.batch-progress-header p{font-size:.9rem;color:#6c757d;margin:0}.batch-progress-info{display:flex;flex-direction:column;gap:12px}.progress-stats{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#495057}.progress-stats .status-processing{color:#06c;font-weight:500}.progress-stats .status-completed{color:#28a745;font-weight:500}.progress-stats .status-error{color:#dc3545;font-weight:500}.progress-bar{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#06c,#0080ff);transition:width .3s ease;border-radius:4px}.batch-error{display:flex;align-items:center;gap:8px;color:#dc3545;font-size:.9rem;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:8px 12px}.sequential-progress-container{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.progress-warning{display:flex;align-items:flex-start;gap:12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:16px;margin-bottom:20px}.warning-icon{color:#856404;flex-shrink:0;margin-top:2px}.warning-text{flex:1}.warning-text strong{color:#856404;font-size:1rem;display:block;margin-bottom:4px}.warning-text p{color:#6c757d;font-size:.9rem;margin:0}.sequential-progress-info{display:flex;flex-direction:column;gap:15px}.progress-header{display:flex;justify-content:center;align-items:center;padding:16px 20px;margin-bottom:20px;width:100%}.progress-header h3{font-size:1.1rem;font-weight:600;color:#262626;margin:0;flex:1;text-align:center}.progress-container .close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:#666;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;outline:none;min-width:36px;min-height:36px;margin:0;z-index:10}.progress-container .close-btn:hover{background-color:#f0f0f0;color:#262626}.progress-container .close-btn:focus{outline:none;background-color:#e9ecef}.progress-percentage{font-size:1.2rem;font-weight:700;color:#06c;background:#e3f2fd;padding:4px 12px;border-radius:20px;min-width:50px;text-align:center}.progress-bar{width:100%;height:10px;background-color:#e9ecef;border-radius:5px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#06c,#0080ff);transition:width .3s ease;border-radius:5px;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-details{display:flex;align-items:center;justify-content:center;min-height:30px}.current-item{font-size:.95rem;color:#495057;font-weight:500;text-align:center}.completion-message{font-size:1rem;color:#28a745;font-weight:600;text-align:center}.partial-completion-message{font-size:1rem;color:#fd7e14;font-weight:600;text-align:center}.progress-error{display:flex;align-items:center;gap:8px;color:#dc3545;font-size:.9rem;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:8px 12px}@media(max-width:768px){.progress-header{flex-direction:column;gap:10px;align-items:flex-start}.progress-header h3{font-size:1rem}.progress-percentage{align-self:center}.sequential-progress-container{padding:15px}.warning-text strong{font-size:.9rem}}.progress-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#fff;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000001a;min-height:300px;position:relative}.progress-status{margin:0;color:#6c757d;font-size:1rem}.progress-bar-container{display:flex;gap:12px;width:100%;max-width:400px;margin-bottom:20px}.progress-bar{flex:1;height:12px;background-color:#e9ecef;border-radius:6px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#2196f3,#1976d2);border-radius:6px;transition:width .3s ease;position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:20px 20px;animation:progress-stripe 1s linear infinite}@keyframes progress-stripe{0%{background-position:20px 0}to{background-position:0 0}}.progress-percentage{font-weight:600;color:#262626;font-size:1rem;min-width:40px;text-align:right}.progress-current-item{text-align:center;margin-bottom:20px;padding:12px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;width:100%;max-width:400px}.progress-current-item p{margin:0;color:#495057;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px}.progress-current-item .provisioning-material-spinner{width:16px;height:16px;border-width:2px;margin-left:0}.progress-current-item strong{color:#2196f3;font-weight:600}.progress-warning{text-align:center;margin-top:20px;padding:12px 16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;width:100%;max-width:400px}.progress-warning p{margin:0;color:#856404;font-size:.875rem;font-weight:500}@media(max-width:768px){.progress-container{padding:20px 16px;min-height:250px}.progress-header h3{font-size:1.25rem}.progress-bar-container,.progress-current-item,.progress-warning{max-width:100%}}.provisioning-loading-spinner{position:relative;display:inline-block;width:24px;height:24px;margin-left:8px;vertical-align:middle}.provisioning-loading-spinner:before,.provisioning-loading-spinner:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border:2.5px solid #2196f3;border-radius:50%;transform:translate(-50%,-50%);animation:provisioningHaloExpand 1.5s ease-out infinite}.provisioning-loading-spinner:after{animation-delay:.75s}@keyframes provisioningHaloExpand{0%{width:6px;height:6px;opacity:1;border-width:2.5px}50%{width:16px;height:16px;opacity:.6;border-width:2px}to{width:24px;height:24px;opacity:0;border-width:1px}}.provisioning-material-spinner{width:20px;height:20px;border:3px solid #e3f2fd;border-top:3px solid #2196f3;border-radius:50%;margin-left:8px;vertical-align:middle;animation:materialSpinner .8s ease-in-out infinite}@keyframes materialSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary .provisioning-loading-spinner,.btn-primary .provisioning-material-spinner{margin-left:0}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.dynamic-form-renderer{max-width:500px;margin:0 auto;padding:0 12px 12px;background:#fff;border-radius:8px}@media(max-width:768px){.dynamic-form-renderer{padding:20px 12px;max-width:100%}}.form-header{margin-bottom:10px;text-align:center;padding-bottom:0;border-bottom:none}.form-header h2{color:#1e293b;font-size:24px;font-weight:600;margin-bottom:4px}@media(max-width:768px){.form-header h2{font-size:20px}}.form-description{color:#64748b;font-size:15px;margin:8px 0 0;line-height:1.6}.common-fields-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;margin:0 0 2px;box-shadow:0 1px 2px #0000000d}@media(max-width:768px){.common-fields-section{margin:0 0 2px;padding:20px}}.common-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px;margin-bottom:12px}@media(max-width:768px){.common-fields-grid{grid-template-columns:1fr;gap:0}}.form-sections{display:flex;flex-direction:column;gap:20px;background:#fff}.form-section{background:#fff;border:none;padding:0;margin-bottom:0}.section-header{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.section-header h3{color:#1e293b;font-size:17px;font-weight:600;margin-bottom:6px}.section-description{color:#6b7280;font-size:14px;margin:0;line-height:1.5}.section-fields{display:flex;flex-direction:column;gap:0;padding:24px;background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d}@media(max-width:768px){.section-fields{padding:20px}}.form-field{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.form-field label{font-weight:500;color:#1e293b;font-size:14px;line-height:1.4;margin-bottom:0}.form-field>label:first-child{margin-bottom:0}.form-field .required{color:#dc2626;margin-left:4px}.form-field input[type=text],.form-field input[type=email],.form-field input[type=tel],.form-field input[type=number],.form-field input[type=date],.form-field select{padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:15px;transition:border-color .2s,box-shadow .2s;background:#fff;width:100%;display:block;box-sizing:border-box;color:#1f2937}.form-field textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:15px;transition:border-color .2s,box-shadow .2s;background:#fff;width:100%;display:block;box-sizing:border-box;resize:vertical;min-height:80px;font-family:inherit;color:#1f2937;line-height:1.5}@media(max-width:768px){.form-field input[type=text],.form-field input[type=email],.form-field input[type=tel],.form-field input[type=number],.form-field input[type=date],.form-field select,.form-field textarea{font-size:16px}}.form-field input[type=text]:focus,.form-field input[type=email]:focus,.form-field input[type=tel]:focus,.form-field input[type=number]:focus,.form-field input[type=date]:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.form-field input.error,.form-field textarea.error,.form-field select.error{border-color:#dc2626}.form-field input.valid{border-color:#10b981}.form-field input.locked-field{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.form-field input.locked-field:focus{border-color:#e5e7eb;box-shadow:none}.form-field input:disabled,.form-field input:read-only,.form-field textarea:disabled,.form-field textarea:read-only,.form-field select:disabled{background-color:#f9fafb;color:#374151;cursor:not-allowed;border-color:#e5e7eb}.form-field input:disabled:focus,.form-field input:read-only:focus,.form-field textarea:disabled:focus,.form-field textarea:read-only:focus,.form-field select:disabled:focus{border-color:#e5e7eb;box-shadow:none;outline:none}.form-field input[type=radio]:disabled,.form-field input[type=checkbox]:disabled{cursor:not-allowed;opacity:.7}.radio-option:has(input:disabled),.checkbox-label:has(input:disabled){cursor:not-allowed;opacity:.8}.input-with-validation{position:relative;display:flex;align-items:center;width:100%}.input-with-validation input{flex:1;padding-right:40px}.validation-indicator{position:absolute;right:12px;display:flex;align-items:center;pointer-events:none}.validation-indicator .spinner{font-size:16px;animation:spin 1s linear infinite}.validation-indicator .success-icon{color:#10b981;font-size:20px;font-weight:700}.validation-indicator .error-icon{color:#dc2626;font-size:20px;font-weight:700}.success-text{color:#10b981;font-size:12px;margin-top:4px;display:block;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.error-text{color:#dc2626;font-size:12px;margin-top:4px;display:block}.field-instructions{font-size:13px;color:#6b7280;margin:2px 0;font-style:normal;line-height:1.5}.error-message{font-size:12px;color:#dc2626;margin-top:2px}.char-count{font-size:12px;color:#64748b;margin-top:4px;text-align:right}.char-count:has(+.error-message){color:#dc2626}.radio-fieldset{border:none;padding:0;margin:0;width:100%}.radio-fieldset legend{font-weight:500;color:#1e293b;font-size:14px;line-height:1.4;margin-bottom:.1px;padding:0}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:2px;margin-top:4px;border:1px solid #e2e8f0;border-radius:8px;padding:4px;background:#f8fafc}.radio-option,.checkbox-option{display:flex;align-items:center;gap:10px;font-weight:400;cursor:pointer;padding:8px 12px;margin:0;font-size:14px;color:#374151;border-radius:6px;transition:background-color .15s,color .15s}.radio-option:hover,.checkbox-option:hover{background:#e2e8f0;color:#1e293b}.radio-option input[type=radio],.checkbox-option input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin:0;flex-shrink:0;accent-color:#2196F3}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.file-upload-container{position:relative}.file-upload-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;z-index:-1}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;border:2px dashed #d1d5db;border-radius:6px;cursor:pointer;transition:all .3s;background:#f9fafb;gap:8px;color:#6b7280;width:100%}.file-upload-label:hover{border-color:#2196f3;background:#eff6ff;color:#2196f3}.file-upload-label svg{width:24px;height:24px;color:#94a3b8;flex-shrink:0}.file-upload-label:hover svg{color:#2196f3}.upload-text{font-size:16px;font-weight:600;color:inherit;text-align:center;display:block}.upload-subtext{font-size:13px;color:inherit;font-weight:400;text-align:center;display:block}.file-selected{margin-top:12px;padding:12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;font-size:13px}.file-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.file-name{color:#0369a1;font-weight:500}.file-size{color:#64748b;font-size:12px}.file-preview{margin:12px 0;max-width:300px;border-radius:4px;overflow:hidden}.file-preview img{width:100%;height:auto;display:block}.file-remove{margin-top:8px;padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.file-remove:hover{background:#dc2626}.repeatable-section{background:#f9fafb;border:2px dashed #d1d5db}.repeatable-instance{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:20px;margin-bottom:16px}.repeatable-instance:last-of-type{margin-bottom:0}.instance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.instance-header h4{color:#1e40af;font-size:16px;margin:0}.instance-fields{display:flex;flex-direction:column;gap:16px}.btn-add-instance,.btn-remove-instance{padding:10px 20px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s;border:none}.btn-add-instance{background:#3b82f6;color:#fff;width:100%;margin-top:16px;max-width:300px;margin-left:auto;margin-right:auto}.btn-add-instance:hover{background:#2563eb}.btn-remove-instance{background:#ef4444;color:#fff;padding:8px 16px;font-size:13px}.btn-remove-instance:hover{background:#dc2626}@media(max-width:768px){.btn-add-instance{max-width:100%}}.uploaded-files-list{margin-top:16px;border:1px solid #e5e7eb;border-radius:6px;padding:12px;background:#f9fafb}.files-count{font-size:13px;font-weight:600;color:#374151;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.file-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:8px;transition:all .2s}.file-item:last-child{margin-bottom:0}.file-item:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000001a}.file-item .file-info{display:flex;flex-direction:column;gap:4px;flex:1}.file-item .file-name{font-size:14px;color:#1e293b;font-weight:500}.file-item .file-download-link{font-size:14px;color:#2563eb;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.file-item .file-download-link:hover{color:#1d4ed8;text-decoration:underline}.file-item .file-size{font-size:12px;color:#64748b}.file-remove-small{background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:18px;line-height:1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:12px}.file-remove-small:hover{background:#dc2626;transform:scale(1.1)}.uploaded-files-gallery{margin-top:8px}.uploaded-files-gallery .files-count{font-size:12px;color:#64748b;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.image-preview-card{border:1px solid #e0e0e0;border-radius:6px;padding:6px;background-color:#fafafa;position:relative;display:flex;flex-direction:column;align-items:center}.image-preview-card.existing{border:2px solid #4CAF50;background-color:#f8fff8}.image-preview-card.pending{border:1px dashed #64748b;background-color:#fefefe}.s3-indicator{position:absolute;top:2px;left:2px;font-size:12px;z-index:1;opacity:.7}.image-remove-btn{position:absolute;top:4px;right:4px;background:#ff4d4d;color:#fff;border:none;border-radius:50%;width:18px;height:18px;font-size:11px;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003;transition:all .2s}.image-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.image-filename{font-weight:500;margin:4px 0;color:#555;font-size:9px;text-align:center;word-break:break-all;line-height:1.2;max-height:22px;overflow:hidden}.image-thumbnail{width:100%;height:70px;object-fit:cover;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-bottom:6px;cursor:pointer}.image-placeholder{width:100%;height:70px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:6px;color:#9ca3af;font-size:20px}.image-placeholder span{font-size:8px;margin-top:2px}.view-image-btn{color:#2196f3;text-decoration:none;font-size:9px;padding:4px 8px;border-radius:4px;background-color:#e3f2fd;border:1px solid #bbdefb;display:inline-flex;align-items:center;gap:3px;transition:all .2s;font-weight:500;cursor:pointer}.view-image-btn:hover{background-color:#bbdefb;color:#1565c0;text-decoration:none}.site-survey-form-page{max-width:1200px;margin:0 auto;padding:20px;min-height:calc(100vh - 100px)}@media(max-width:768px){.site-survey-form-page{padding:16px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;color:#6b7280}.spinner-large{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.auto-save-indicator{position:fixed;top:80px;right:20px;z-index:100;padding:8px 16px;border-radius:6px;font-size:13px;box-shadow:0 2px 8px #0000001a;animation:fadeIn .3s ease-out}.auto-save-indicator .saving{display:flex;align-items:center;gap:8px;color:#6b7280;background:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb}.auto-save-indicator .saved{display:block;color:#059669;background:#d1fae5;padding:8px 12px;border-radius:6px;border:1px solid #a7f3d0}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .6s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-back{background:none;border:none;color:#3b82f6;font-size:14px;font-weight:600;cursor:pointer;padding:0;text-align:left;transition:color .2s}.btn-back:hover{color:#2563eb}.survey-identifier{color:#6b7280;font-size:13px;margin:4px 0 0;font-family:monospace}.form-actions-bottom{display:flex;justify-content:center;gap:12px;margin-top:32px;padding:24px 0 0;background:transparent;flex-wrap:wrap}.btn-back-to-list,.btn-clear,.btn-clear-form{background:#6c757d;color:#fff}.btn-primary,.btn-secondary,.btn-draft,.btn-back-to-list,.btn-clear,.btn-clear-form{padding:10px 24px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px;white-space:nowrap}@media(max-width:768px){.form-actions-bottom{flex-direction:column;gap:10px;padding:20px 0 0}.btn-primary,.btn-secondary,.btn-draft,.btn-back-to-list,.btn-clear,.btn-clear-form{width:100%;min-width:unset;padding:12px 20px;font-size:16px}}.btn-back-to-list:hover,.btn-clear:hover,.btn-clear-form:hover:not(:disabled){background:#5a6268}.btn-primary{background:#2196f3;color:#fff}.btn-primary:hover:not(:disabled){background:#1976d2}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-draft{background:#ff9800;color:#fff}.btn-draft:hover:not(:disabled){background:#f57c00}.btn-primary:disabled,.btn-draft:disabled,.btn-clear-form:disabled{opacity:.5;cursor:not-allowed}.message-banner{padding:12px 16px;border-radius:6px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.message-banner.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.message-banner.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.message-banner.info{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.message-banner button{background:none;border:none;font-size:20px;cursor:pointer;padding:0;line-height:1;color:inherit}.draft-restore-actions{display:flex;gap:10px;align-items:center}.draft-restore-actions button{padding:6px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-restore{background-color:#007bff;color:#fff}.btn-restore:hover{background-color:#0056b3}.btn-dismiss{background-color:#6c757d;color:#fff}.btn-dismiss:hover{background-color:#5a6268}.form-type-selection{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:40px;text-align:center}.form-type-selection h2{color:#1e293b;font-size:24px;margin:0 0 8px}.form-type-selection>p{color:#6b7280;font-size:16px;margin:0 0 32px}.form-type-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px}.form-type-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:32px 24px;cursor:pointer;transition:all .3s;text-align:center}.form-type-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.card-icon{font-size:48px;margin-bottom:16px}.form-type-card h3{color:#1e293b;font-size:18px;margin:0 0 8px}.form-type-card p{color:#6b7280;font-size:14px;margin:0 0 16px;line-height:1.6}.card-region{display:inline-block;background:#dbeafe;color:#1e40af;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.form-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e5e7eb}.tab-button{background:none;border:none;border-bottom:3px solid transparent;padding:12px 20px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;margin-bottom:-2px}.tab-button:hover{color:#1e293b;background:#f9fafb}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6}.form-content,.media-content,.reports-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.form-page-header{flex-direction:column;gap:16px}.header-actions{width:100%;justify-content:flex-end}.form-type-cards{grid-template-columns:1fr}}@media(max-width:640px){.site-survey-form-page{padding:16px}.form-page-header h1{font-size:20px}.form-type-selection{padding:24px 16px}.form-tabs{flex-wrap:wrap}.tab-button{flex:1;min-width:120px;font-size:13px;padding:10px 12px}.form-actions-bottom{flex-direction:column;padding:16px}.btn-primary,.btn-secondary,.btn-draft,.btn-clear-form{width:100%;min-width:auto}}.media-upload-section{margin-top:30px;padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d}.media-upload-section h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.media-upload-section .section-description{font-size:14px;color:#64748b;margin:0 0 20px}.error-banner{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:24px;display:flex;align-items:center;gap:8px}.success-banner{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46;padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:24px;display:flex;align-items:center;gap:8px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-completed,.status-active{background:#d1fae5;color:#065f46}.status-draft{background:#fef3c7;color:#92400e}.status-deleted{background:#fee2e2;color:#991b1b}.btn-refresh{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-refresh:hover{background:#e2e8f0;border-color:#cbd5e1}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.btn-refresh .spinning{animation:spin 1s linear infinite}.btn-back{background:#6c757d;color:#fff;padding:8px 12px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:auto;max-width:fit-content}.actions-cell{display:flex;gap:8px;position:relative;flex-wrap:nowrap;align-items:center}.btn-action{padding:8px;border:none;border-radius:6px;font-size:0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;box-sizing:border-box;position:relative;box-shadow:0 1px 2px #0000000d}.btn-action:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-action:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.btn-edit{background:#2196f3;color:#fff}.btn-edit:hover{background:#1976d2;box-shadow:0 2px 6px #2196f34d}.btn-view{background:#6b7280;color:#fff}.btn-view:hover{background:#4b5563;box-shadow:0 2px 6px #6b72804d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:450px;width:90%;animation:slideUp .3s ease-out}.modal-header{padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.modal-body{padding:24px}.modal-body p{margin:0 0 12px;color:#374151;font-size:15px;line-height:1.5}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.btn-modal-cancel,.btn-modal-delete{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-modal-cancel{background:#f3f4f6;color:#374151}.btn-modal-cancel:hover{background:#e5e7eb}.btn-modal-delete{background:#ef4444;color:#fff}.btn-modal-delete:hover{background:#dc2626}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.form-selection-page{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:block}.survey-header{margin-bottom:30px;text-align:center}.survey-header h1{color:var(--text);margin-bottom:10px;font-size:28px;font-weight:600}.form-selection-container{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 12px #0000001a;max-width:100%;width:100%;box-sizing:border-box}.header{text-align:center;margin-bottom:32px}.header h1{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:8px}.header p{color:#64748b;font-size:15px;margin:0;line-height:1.5}.loading-container{display:flex;align-items:center;justify-content:center;min-height:200px;color:#495057}.selection-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-weight:500;color:#1e293b;font-size:15px}.required{color:#dc2626}.form-select,.form-input{padding:12px 14px;border:1px solid #cbd5e1;border-radius:6px;font-size:15px;transition:all .2s;background:#fff}.form-select:focus,.form-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.form-description-text{margin:4px 0 0;font-size:13px;color:#6b7280;line-height:1.5}.form-actions{display:flex;gap:12px;margin-top:16px}.btn-back,.btn-continue,.btn-create-form{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back{background:#6c757d;color:#fff;flex:1}.btn-back:hover{background:#5a6268}.btn-continue{background:#28a745;color:#fff;flex:2}.btn-continue:hover:not(:disabled){background:#218838}.btn-continue:disabled{opacity:.5;cursor:not-allowed}.no-forms-message{text-align:center;padding:40px 20px;color:#6c757d}.no-forms-message p{margin-bottom:16px}.btn-create-form{background:#28a745;color:#fff}.btn-create-form:hover{background:#218838}.form-selection-container{max-width:1000px}.surveys-section{margin-top:32px;padding-top:24px;border-top:2px solid #e2e8f0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{color:#1e293b;font-size:20px;font-weight:600;margin:0}.btn-create-new{background:#2196f3;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-create-new:hover{background:#1976d2;transform:translateY(-1px)}.survey-actions-buttons{display:flex;gap:10px;align-items:center}.loading-surveys{text-align:center;padding:40px;color:#6b7280}.surveys-list{overflow-x:auto;position:relative}.surveys-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:visible;box-shadow:0 1px 3px #0000001a}.surveys-table thead{background:#f8fafc}.surveys-table th{text-align:left;padding:14px 16px;font-weight:600;font-size:12px;color:#475569;text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid #e2e8f0;vertical-align:middle}.surveys-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .15s}.surveys-table tbody tr{transition:background-color .15s ease}.surveys-table tbody tr:hover{background:#f8fafc;box-shadow:0 1px 3px #0000000d}.surveys-table tbody tr:last-child{border-bottom:none}.surveys-table td{padding:14px 16px;font-size:14px;color:#334155;overflow:visible;vertical-align:middle}.site-id-cell{font-weight:600;color:#1e293b;font-size:14px;letter-spacing:.3px}.btn-download{background:#10b981;color:#fff}.btn-download:hover{background:#059669;box-shadow:0 2px 6px #10b9814d}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626;box-shadow:0 2px 6px #ef44444d}.btn-report{background:#2196f3;color:#fff;display:flex;align-items:center;gap:4px;padding:8px;width:auto;min-width:32px}.btn-report:hover{background:#1976d2;box-shadow:0 2px 6px #2196f34d}.modal-warning{color:#ef4444;font-weight:500;font-size:14px}.modal-info{color:#6b7280;font-weight:400;font-size:14px;font-style:italic}.modal-survey-info{margin-top:16px;padding:12px;background:#f9fafb;border-radius:6px;font-size:14px;color:#4b5563}.modal-survey-info strong{color:#111827}.no-surveys-message{text-align:center;padding:50px 20px;color:#6b7280;background:#f8fafc;border-radius:8px;border:2px dashed #cbd5e1}.no-surveys-message p{margin:8px 0;font-size:15px}.no-surveys-message .hint{font-size:14px;color:#94a3b8}.surveys-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.search-container{flex:1;min-width:200px}.search-input{width:100%;padding:10px 14px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;transition:all .2s;box-sizing:border-box}.search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.pagination-controls-top{display:flex;align-items:center;gap:12px}.items-per-page-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569;font-weight:500}.items-per-page-select{padding:6px 10px;border:1px solid #cbd5e1;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s}.items-per-page-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.survey-count{font-size:16px;font-weight:400;color:#64748b;margin-left:8px}.page-numbers{display:flex;gap:4px}.btn-clear-search{margin-top:12px;padding:8px 16px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-clear-search:hover{background:#e2e8f0;border-color:#94a3b8}@media(max-width:768px){.form-selection-page{padding:20px 12px 12px}.survey-header h1{font-size:24px}.form-selection-container{padding:20px 16px;border-radius:8px}.surveys-list{overflow-x:visible;margin:0;padding:0}.surveys-table{width:100%;min-width:unset;display:block;border-radius:8px}.surveys-table thead{display:none}.surveys-table tbody{display:block}.surveys-table tbody tr{display:block;margin-bottom:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.surveys-table tbody tr:last-child{margin-bottom:0}.surveys-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border:none;font-size:14px}.surveys-table tbody td:before{content:attr(data-label);font-weight:600;color:#475569;text-transform:uppercase;font-size:11px;letter-spacing:.5px;margin-right:12px}.site-id-cell:before{content:"Site:"}.surveys-table tbody td:nth-child(2):before{content:"Status:"}.surveys-table tbody td:nth-child(3):before{content:"Surveyor:"}.surveys-table tbody td:nth-child(4):before{content:"Date:"}.surveys-table tbody td.actions-cell{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;padding:8px 0!important;border:none!important;justify-content:space-between!important;flex-wrap:wrap!important;overflow:visible!important;width:100%!important;min-width:0!important}.surveys-table tbody td.actions-cell:before{content:"Actions:";font-weight:600;color:#475569;text-transform:uppercase;font-size:11px;letter-spacing:.5px;margin-right:auto!important;flex-shrink:0!important;white-space:nowrap}.surveys-table tbody td.actions-cell button,.surveys-table tbody td.actions-cell .btn-action,.surveys-table tbody td.actions-cell .btn-report{flex-shrink:0!important;display:flex!important;visibility:visible!important;opacity:1!important;width:auto!important;min-width:28px!important}.section-header{flex-direction:column;align-items:stretch;gap:12px}.section-header h3{font-size:18px}.btn-create-new{width:100%;padding:12px 20px;font-size:14px}.actions-cell{flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:flex-start}.surveys-controls{flex-direction:column;align-items:stretch;gap:12px}.search-container{min-width:unset}.pagination-container{flex-direction:column;align-items:stretch;gap:12px}.pagination-controls{justify-content:center;flex-wrap:wrap}.btn-action{width:28px;height:28px;padding:5px}.btn-action svg{width:14px;height:14px}.btn-report{min-width:28px;padding:5px}.btn-report svg{width:14px;height:14px}.form-actions{flex-direction:column}.btn-back,.btn-continue{width:100%}.modal-content{width:95%;margin:10px}}@media(max-width:480px){.form-selection-page{padding:16px 8px 8px}.survey-header{margin-bottom:20px}.survey-header h1{font-size:20px}.form-selection-container{padding:16px 12px}.surveys-table tbody tr{padding:12px;margin-bottom:12px}.surveys-table tbody td{padding:6px 0;font-size:13px}.actions-cell{gap:6px;padding-top:10px;margin-top:6px}.btn-action{width:30px;height:30px;padding:5px}.btn-action svg{width:14px;height:14px}.btn-report{min-width:30px;padding:5px}.btn-report svg{width:14px;height:14px}.section-header h3{font-size:16px}.form-label{font-size:14px}.form-select,.form-input{font-size:16px;padding:12px}.btn-manage-forms{width:100%;padding:12px 16px;font-size:14px}.btn-create-new{padding:14px 20px}}.survey-entry-modal-overlay{z-index:2000}.survey-entry-modal{max-width:1200px;max-height:90vh}.survey-entry-modal-body{padding:0;max-height:calc(90vh - 120px)}.survey-entry-modal-body>div{padding:20px}.modal-close{position:absolute;top:24px;right:24px;background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-extra-large{max-width:1200px}.form-type-management-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px 20px}.form-type-management-container{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 12px #0000001a;max-width:900px;width:100%}.actions-bar{margin-bottom:24px;display:flex;justify-content:flex-end;gap:12px;align-items:center}.btn-create{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-create:hover{background:#218838;transform:translateY(-1px)}.form-types-list{overflow-x:auto;margin-bottom:24px;position:relative}.form-types-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:visible;box-shadow:0 1px 3px #0000001a}.form-types-table thead{background:#f8fafc}.form-types-table th{text-align:left;padding:12px 16px;font-weight:600;font-size:13px;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.form-types-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .15s}.form-types-table tbody tr:hover{background:#f8fafc}.form-types-table tbody tr:last-child{border-bottom:none}.form-types-table td{padding:14px 16px;font-size:14px;color:#334155}.form-name-cell{font-weight:600;color:#1e293b;min-width:150px}.no-form-types-message{text-align:center;padding:50px 20px;color:#6b7280;background:#f8fafc;border-radius:8px;border:2px dashed #cbd5e1;margin-bottom:24px}.no-form-types-message p{margin:8px 0;font-size:15px}.no-form-types-message .hint{font-size:14px;color:#94a3b8}.modal-form-info{margin-top:16px;padding:12px;background:#f9fafb;border-radius:6px;font-size:14px;color:#4b5563;line-height:1.8}.modal-form-info strong{color:#111827}.default-fields-note{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.5;margin-bottom:20px}.form-section{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px}.form-section h3{margin-top:0;margin-bottom:15px;color:#333;font-size:18px;font-weight:600}.form-section label{display:block;margin-bottom:8px;margin-top:15px;font-weight:600;color:#333}.form-section input,.form-section select,.form-section textarea{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:16px}.form-section input:focus,.form-section select:focus,.form-section textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.status-message{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}.status-message.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.form-info-section,.fields-section{margin-bottom:32px;padding:24px;background:#f8fafc;border-radius:8px}.form-info-section h2,.fields-section h2{margin-top:0;margin-bottom:20px;color:#1e293b;font-size:20px;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;flex-direction:column;gap:6px}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.info-item p{margin:0;font-size:15px;color:#1e293b}.fields-list{display:flex;flex-direction:column;gap:16px}.field-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;transition:box-shadow .2s}.field-card:hover{box-shadow:0 2px 8px #0000001a}.field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.field-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.required-indicator{color:#dc3545;margin-left:4px}.field-type-badge{background:#2196f3;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.field-details,.field-view-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field-detail-item{display:flex;flex-direction:column;gap:4px}.field-detail-item.full-width{grid-column:1 / -1}.field-detail-item label{font-size:12px;font-weight:600;color:#64748b}.field-detail-item span{font-size:14px;color:#334155}.options-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.option-tag{background:#e0f2fe;color:#0369a1;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500}.no-fields-message{text-align:center;padding:40px;color:#6b7280;background:#fff;border-radius:6px}.error-container{text-align:center;padding:40px;color:#dc3545}.form-actions-back-group{display:flex;gap:10px;flex-wrap:wrap}.form-edit-actions{display:flex;gap:15px;margin-top:20px;justify-content:space-between;flex-wrap:wrap}.form-edit-actions .form-actions-primary{display:flex;gap:10px}@media(max-width:768px){.form-type-management-container{padding:30px 20px}.form-types-list{overflow-x:visible;margin:0;padding:0}.form-types-table{width:100%;min-width:unset;display:block;border-radius:8px;font-size:12px}.form-types-table thead{display:none}.form-types-table tbody{display:block}.form-types-table tbody tr{display:block;margin-bottom:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a;transition:background-color .15s}.form-types-table tbody tr:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.form-types-table tbody tr:last-child{margin-bottom:0}.form-types-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border:none;font-size:14px}.form-types-table tbody td:before{content:attr(data-label);font-weight:600;color:#475569;text-transform:uppercase;font-size:11px;letter-spacing:.5px;margin-right:12px}.form-name-cell:before{content:"Form Name:"}.form-types-table tbody td:nth-child(2):before{content:"Fields:"}.form-types-table tbody td:nth-child(3):before{content:"Created By:"}.form-types-table tbody td:nth-child(4):before{content:"Created At:"}.form-types-table tbody td:nth-child(5):before{content:"Status:"}.form-types-table tbody td.actions-cell{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;padding:8px 0!important;border:none!important;justify-content:space-between!important;flex-wrap:wrap!important;overflow:visible!important;width:100%!important;min-width:0!important}.form-types-table tbody td.actions-cell:before{content:"Actions:";font-weight:600;color:#475569;text-transform:uppercase;font-size:11px;letter-spacing:.5px;margin-right:auto!important;flex-shrink:0!important;white-space:nowrap}.form-types-table tbody td.actions-cell button,.form-types-table tbody td.actions-cell .btn-action{flex-shrink:0!important;display:flex!important;visibility:visible!important;opacity:1!important;width:auto!important;min-width:28px!important}.form-types-controls{flex-direction:column;align-items:stretch;gap:12px}.form-types-controls .search-container{min-width:unset}.pagination-container{flex-direction:column;align-items:stretch;gap:12px}.pagination-controls{justify-content:center;flex-wrap:wrap}.btn-action{width:28px;height:28px;padding:5px}.btn-action svg{width:14px;height:14px}.modal-large,.modal-extra-large{max-width:95%;max-height:90vh}.info-grid,.field-details{grid-template-columns:1fr}.info-item.full-width,.field-detail-item.full-width{grid-column:1}}.form-types-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.form-types-controls .search-container{position:relative;flex:1;min-width:250px;display:flex;align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:0 12px;transition:all .2s}.form-types-controls .search-container:focus-within{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.form-types-controls .search-input{flex:1;border:none;outline:none;padding:10px 8px;font-size:14px;background:transparent;color:#334155}.form-types-controls .search-input::placeholder{color:#94a3b8}.form-types-controls .clear-search-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:color .2s;flex-shrink:0}.form-types-controls .clear-search-btn:hover{color:#64748b}.pagination-controls-top{display:flex;align-items:center;gap:8px}.items-per-page-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b;font-weight:500;white-space:nowrap}.items-per-page-select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;background:#fff;color:#334155;cursor:pointer;transition:all .2s}.items-per-page-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.pagination-info{font-size:14px;color:#64748b;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{padding:8px 12px;border:1px solid #cbd5e1;background:#fff;border-radius:6px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-number{padding:8px 12px;border:1px solid #cbd5e1;background:#fff;border-radius:6px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.page-number:hover{background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.page-number.active{background:#2196f3;border-color:#2196f3;color:#fff}.page-number.active:hover{background:#1976d2;border-color:#1976d2}@media(max-width:480px){.form-types-table tbody tr{padding:12px;margin-bottom:12px}.form-types-table tbody td{padding:6px 0;font-size:13px}.form-types-table tbody td.actions-cell button,.form-types-table tbody td.actions-cell .btn-action{width:32px;height:32px;padding:6px}.form-types-table tbody td.actions-cell .btn-action svg{width:16px;height:16px}}.preview-hint{font-size:13px;color:#94a3b8;margin:-8px 0 12px}.field-preview-container{border:1px solid #dee2e6;border-radius:8px;padding:12px;background:#f8f9fa;display:flex;flex-direction:column;gap:6px}.field-search-container{position:relative;margin-bottom:10px}.field-search-input{width:100%;padding:8px 32px 8px 12px;font-size:13px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;box-sizing:border-box;outline:none;transition:border-color .15s}.field-search-input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb14}.field-search-input::placeholder{color:#9ca3af}.field-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;font-size:14px;padding:2px 4px;line-height:1}.field-search-clear:hover{color:#6b7280}.field-preview-card{background:#fff;border:1px solid #e9ecef;border-radius:6px;transition:border .2s,opacity .2s,background-color .2s,box-shadow .2s}.field-preview-card.dragging{opacity:.5;background:#e3f2fd}.field-preview-card.drag-over{border:2px dashed #2563eb}.field-preview-card.expanded{border-color:#93c5fd;box-shadow:0 2px 8px #2563eb1a}.field-preview-header{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.field-preview-header:hover{background:#f8fafc;border-radius:6px}.field-preview-drag{color:#94a3b8;font-size:16px;cursor:grab;flex-shrink:0;line-height:1;touch-action:none;padding:4px}.field-preview-drag:active{cursor:grabbing}.field-preview-index{font-size:13px;font-weight:600;color:#94a3b8;flex-shrink:0;min-width:20px}.field-preview-label{font-size:14px;font-weight:600;color:#1e293b;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-required-dot{color:#dc3545;font-weight:700;font-size:16px;flex-shrink:0}.field-type-tag{font-size:11px;font-weight:600;color:#1e40af;background:#dbeafe;padding:2px 8px;border-radius:999px;flex-shrink:0;text-transform:uppercase;letter-spacing:.03em}.field-options-count{font-size:11px;color:#64748b;background:#f1f5f9;padding:2px 6px;border-radius:999px;flex-shrink:0}.field-expand-icon{font-size:12px;color:#94a3b8;transition:transform .2s;flex-shrink:0}.field-expand-icon.rotated{transform:rotate(180deg)}.field-preview-actions{display:flex;gap:4px;flex-shrink:0;margin-left:4px}.field-action-btn{padding:4px 8px;font-size:12px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .15s;line-height:1}.field-action-btn:hover:not(:disabled){background:#495057}.field-action-btn:disabled{opacity:.4;cursor:not-allowed}.field-action-btn.delete{background:#dc3545}.field-action-btn.delete:hover{background:#c82333}.field-preview-body{padding:0 16px 16px;border-top:1px solid #e9ecef;margin-top:0}.field-edit-row{margin-top:12px}.field-edit-row label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:4px}.field-edit-row input[type=text]{width:100%;padding:8px;border-radius:4px;border:1px solid #ced4da;font-size:14px;box-sizing:border-box}.field-edit-row input[type=text]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.field-required-toggle{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;font-weight:500;color:#374151;cursor:pointer}.field-required-toggle input[type=checkbox]{width:auto;margin:0}.field-options-editor{margin-top:14px;padding-top:12px;border-top:1px solid #f1f5f9}.field-options-editor>label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.field-options-list{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:4px}.field-option-item{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#f8f9fa;border-radius:4px}.field-option-input{flex:1;padding:4px 8px;font-size:13px;border:1px solid transparent;border-radius:4px;background:transparent;outline:none;transition:border-color .15s,background-color .15s}.field-option-input:focus{border-color:#ced4da;background:#fff}.field-option-remove{background:#dc3545;color:#fff;border:none;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:11px;flex-shrink:0}.field-option-remove:hover{background:#c82333}.field-option-add-row{display:flex;gap:8px}.field-option-new-input{flex:1;padding:6px 10px;font-size:13px;border:1px solid #ced4da;border-radius:4px;outline:none}.field-option-new-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.field-option-add-btn{padding:6px 14px;font-size:13px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap;flex-shrink:0}.field-option-add-btn:hover{background:#218838}@media(max-width:768px){.field-preview-header{flex-wrap:wrap;gap:4px 8px;padding:8px 10px}.field-preview-label{min-width:calc(100% - 130px)}.field-type-tag{order:10}.field-options-count{order:11}.field-preview-actions{order:12;margin-left:auto}}.site-pictures-button-base{padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px}.site-pictures-button-base:disabled{cursor:not-allowed;opacity:.6}.site-pictures-input-base{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.site-pictures-input-base:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.site-pictures-gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.site-pictures-gallery-title{margin:0 0 5px;color:#333}.site-pictures-gallery-subtitle{margin:0;color:#666;font-size:14px}.site-pictures-gallery-upload-button{display:flex;align-items:center;gap:8px;padding:10px 15px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700}.site-pictures-gallery-controls{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.site-pictures-gallery-search-container{position:relative;flex:1;min-width:200px}.site-pictures-gallery-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#666}.site-pictures-gallery-search-input{width:100%;padding:8px 8px 8px 35px;border:1px solid #ddd;border-radius:6px;font-size:14px}.site-pictures-gallery-filter-select,.site-pictures-gallery-sort-select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:120px}.site-pictures-gallery-view-toggle{display:flex;border:1px solid #ddd;border-radius:6px;overflow:hidden}.site-pictures-gallery-view-button{padding:6px 10px;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:13px}.site-pictures-gallery-view-button.active{background-color:#2196f3;color:#fff}.site-pictures-gallery-view-button:not(.active){background-color:#fff;color:#333}.site-pictures-gallery-error{padding:12px;background-color:#ffebee;border:1px solid #f44336;border-radius:6px;color:#c62828;margin-bottom:20px;font-size:14px}.site-pictures-gallery-loading{display:flex;justify-content:center;align-items:center;padding:40px;font-size:16px;color:#666}.site-pictures-gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:#666}.site-pictures-gallery-empty-icon{margin-bottom:16px;opacity:.5}.site-pictures-gallery-empty-title{margin:0 0 8px}.site-pictures-gallery-empty-message{margin:0}.site-pictures-gallery-grid{display:grid;gap:20px}.site-pictures-gallery-grid.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.site-pictures-gallery-grid.list{grid-template-columns:none}.site-pictures-gallery-item{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease;cursor:pointer}.site-pictures-gallery-item:hover{transform:translateY(-2px)}.site-pictures-gallery-image-container{position:relative;aspect-ratio:4/3;overflow:hidden}.site-pictures-gallery-image{width:100%;height:100%;object-fit:cover}.site-pictures-gallery-category-badge{position:absolute;top:8px;left:8px;background-color:#000000b3;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.site-pictures-gallery-category-badge.workflow{width:auto;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-pictures-gallery-item-info{padding:12px}.site-pictures-gallery-filename{font-size:14px;font-weight:700;margin-bottom:4px;color:#333;word-break:break-word}.site-pictures-gallery-date,.site-pictures-gallery-size{font-size:12px;color:#666;margin-bottom:8px}.site-pictures-gallery-actions{display:flex;gap:8px;justify-content:flex-end}.site-pictures-gallery-action-button{padding:6px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.site-pictures-gallery-action-button:hover{background-color:#f5f5f5}.site-pictures-gallery-action-button.delete{border-color:#f44336;color:#f44336}.site-pictures-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;z-index:10000;display:flex;flex-direction:column}.site-pictures-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#000c;border-bottom:1px solid rgba(255,255,255,.1)}.site-pictures-modal-header-info{color:#fff;flex:1}.site-pictures-modal-title{margin:0 0 4px;font-size:18px}.site-pictures-modal-subtitle{font-size:14px;opacity:.8}.site-pictures-modal-actions{display:flex;gap:12px;align-items:center}.site-pictures-modal-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.site-pictures-modal-button:disabled{cursor:not-allowed;opacity:.5}.site-pictures-modal-download-button{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.site-pictures-modal-download-button:hover:not(:disabled){background-color:#fff3}.site-pictures-modal-delete-button{background-color:#f4433633;color:#ff6b6b;border:1px solid rgba(244,67,54,.3)}.site-pictures-modal-delete-button:hover:not(:disabled){background-color:#f443364d}.site-pictures-modal-close-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;transition:all .2s ease}.site-pictures-modal-close-button:hover{background-color:#fff3}.site-pictures-modal-content{flex:1;display:flex;position:relative;overflow:hidden}.site-pictures-modal-navigation-button{position:absolute;top:50%;transform:translateY(-50%);z-index:1001;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:24px;transition:all .2s ease}.site-pictures-modal-navigation-button:hover{background-color:#000000b3}.site-pictures-modal-navigation-button.prev{left:20px}.site-pictures-modal-navigation-button.next{right:20px}.site-pictures-modal-image-container{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.site-pictures-modal-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0000004d}.site-pictures-modal-image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.site-pictures-modal-image-error-icon{font-size:48px;margin-bottom:16px;opacity:.5}.site-pictures-modal-footer{padding:16px 20px;background-color:#000c;border-top:1px solid rgba(255,255,255,.1);color:#fff}.site-pictures-modal-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;font-size:14px}.site-pictures-modal-metadata-section h4{margin:0 0 8px;font-size:16px;opacity:.9}.site-pictures-modal-metadata-item{display:flex;align-items:center;gap:8px;margin-bottom:4px}.site-pictures-modal-metadata-icon{opacity:.7}.site-pictures-modal-metadata-text{margin-bottom:4px}.site-pictures-modal-metadata-strong{font-weight:700}.site-pictures-modal-metadata-help{margin-top:8px;font-size:12px;opacity:.7}.site-pictures-modal-main-content{flex:1;display:flex;position:relative;overflow:hidden}.site-pictures-modal-image,.site-pictures-modal-video{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0000004d}.site-pictures-modal-image-error-icon-text{font-size:48px;margin-bottom:16px;opacity:.5}.site-pictures-modal-image-error-title{font-size:18px;margin-bottom:8px}.site-pictures-modal-image-error-message{font-size:14px;opacity:.7}.site-pictures-modal-footer h4{margin:0 0 8px;font-size:16px;opacity:.9}.site-pictures-modal-footer-info-item{display:flex;align-items:center;gap:8px;margin-bottom:4px}.site-pictures-modal-footer-info-icon{opacity:.7}.site-pictures-modal-footer-info-text{margin-bottom:4px}.site-pictures-upload-instructions{font-size:14px;margin-bottom:15px;padding:10px;background-color:#e3f2fd;border-radius:6px;border:1px solid #2196F3}.site-pictures-upload-instructions-small{font-size:12px;color:#1565c0}.site-pictures-upload-category-section{margin-bottom:15px}.site-pictures-upload-category-label{display:block;margin-bottom:5px;font-weight:700}.site-pictures-upload-category-select,.site-pictures-upload-custom-category-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.site-pictures-upload-custom-category-section{margin-bottom:15px}.site-pictures-upload-custom-category-input{margin-bottom:5px}.site-pictures-upload-custom-category-input.error{border-color:#f44336;background-color:#ffebee}.site-pictures-upload-custom-category-input:focus,.site-pictures-upload-category-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.site-pictures-upload-custom-name-error{font-size:12px;margin-bottom:5px;padding:6px 8px;background-color:#ffebee;border-radius:4px;border:1px solid #f44336;color:#c62828;display:flex;align-items:center}.site-pictures-upload-custom-category-help{font-size:12px;color:#666;margin:0;font-style:italic}.site-pictures-upload-subcategory-section{margin-bottom:15px;padding:10px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.site-pictures-upload-subcategory-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.site-pictures-upload-subcategory-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.site-pictures-upload-validation-error{font-size:13px;margin-bottom:10px;padding:8px 12px;background-color:#ffebee;border-radius:4px;border:1px solid #f44336}.site-pictures-upload-validation-error-icon{color:#ff4d4d;margin-right:4px;display:inline}.site-pictures-upload-options{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.site-pictures-upload-option-button{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:6px;cursor:pointer;transition:all .2s ease}.site-pictures-upload-option-button:disabled{cursor:not-allowed;opacity:.6}.site-pictures-upload-camera-button{border:2px solid #2196F3;background-color:#f3f8ff}.site-pictures-upload-camera-button:disabled{border-color:#ccc;background-color:#f5f5f5}.site-pictures-upload-gallery-button{border:2px solid #4CAF50;background-color:#f8fff8}.site-pictures-upload-gallery-button:disabled{border-color:#ccc;background-color:#f5f5f5}.site-pictures-upload-upload-button{border:none;background-color:#4caf50;color:#fff}.site-pictures-upload-upload-button:disabled{background-color:#ccc}.site-pictures-upload-camera-icon{color:#2196f3}.site-pictures-upload-camera-icon:disabled{color:#999}.site-pictures-upload-gallery-icon{color:#4caf50}.site-pictures-upload-gallery-icon:disabled{color:#999}.site-pictures-upload-status-message{font-size:13px;margin-bottom:10px;padding:8px 12px;border-radius:4px}.site-pictures-upload-status-success{background-color:#e8f5e8;border:1px solid #4CAF50;color:#2e7d32}.site-pictures-upload-status-warning{background-color:#fff3e0;border:1px solid #FF9800;color:#e65100}.site-pictures-upload-preview-section{margin-top:15px}.site-pictures-upload-preview-title{margin:0 0 10px;color:#333;font-size:14px}.site-pictures-upload-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.site-pictures-upload-preview-item{border:1px solid #e0e0e0;border-radius:6px;padding:8px;background-color:#fafafa;position:relative}.site-pictures-upload-preview-remove{position:absolute;top:4px;right:4px;background:#f44336;border:none;border-radius:50%;width:20px;height:20px;color:#fff;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.site-pictures-upload-preview-filename{font-weight:700;margin-bottom:2px;color:#555;font-size:11px;text-align:center;word-break:break-word}.site-pictures-upload-preview-filesize{font-size:10px;color:#666;margin-bottom:4px;font-weight:500;text-align:center}.site-pictures-upload-preview-image{width:100%;height:80px;object-fit:cover;border-radius:4px}.site-pictures-upload-hidden-input{display:none}.site-pictures-upload-message.info{display:flex;align-items:center;gap:8px;background-color:#e7f3fe;color:#e7490a;padding:10px;border-radius:4px;margin-top:15px;width:100%;box-sizing:border-box}.site-pictures-upload-preview-list{margin-top:20px;max-height:400px}.site-pictures-upload-folder-preview{margin-bottom:15px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa;overflow:hidden}.site-pictures-upload-folder-preview-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;color:#333;text-align:left}.site-pictures-upload-folder-preview-header:hover{background-color:#f0f0f0}.site-pictures-upload-folder-preview-title{display:flex;align-items:center;gap:8px}.site-pictures-upload-folder-preview-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background-color:#2196f3;color:#fff;border-radius:11px;font-size:12px;font-weight:600}.site-pictures-upload-folder-preview-chevron{transition:transform .2s ease}.site-pictures-upload-folder-preview-chevron.expanded{transform:rotate(180deg)}.site-pictures-upload-folder-preview-body{padding:0 12px 12px}.site-pictures-upload-folder-preview-empty{margin:0;padding:8px 0;font-size:13px;color:#888;font-style:italic}.site-pictures-upload-folder-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.site-pictures-upload-folder-preview-item{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 1px 3px #00000014;transition:transform .2s ease}.site-pictures-upload-folder-preview-item:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001f}.site-pictures-upload-folder-preview-image-container{aspect-ratio:4/3;overflow:hidden}.site-pictures-upload-folder-preview-image{width:100%;height:100%;object-fit:cover;display:block}.site-pictures-upload-folder-preview-info{padding:6px 8px}.site-pictures-upload-folder-preview-filename{font-size:11px;font-weight:600;color:#333;word-break:break-word;margin-bottom:4px}.site-pictures-upload-folder-preview-actions{display:flex;gap:6px;justify-content:flex-end}.camera-capture-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000}.camera-capture-modal-content{background-color:#333;padding:20px;border-radius:12px;text-align:center;color:#fff}.camera-capture-video-preview{max-width:100%;max-height:60vh;border:3px solid #fff;border-radius:12px;margin-bottom:20px}.camera-capture-controls{display:flex;gap:15px;justify-content:center}.camera-capture-button,.camera-capture-cancel-button{color:#fff;border:none;padding:15px 25px;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;min-width:140px}.camera-capture-button{background:linear-gradient(135deg,#4caf50,#45a049)}.camera-capture-cancel-button{background:linear-gradient(135deg,#f44336,#da190b)}.site-pictures-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.site-pictures-confirm-box{background-color:#fff;border-radius:10px;padding:24px;max-width:350px;width:90%;box-shadow:0 8px 32px #00000040}.site-pictures-confirm-message{margin:0 0 20px;font-size:15px;color:#333;line-height:1.5}.site-pictures-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.site-pictures-confirm-cancel{padding:8px 16px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.site-pictures-confirm-cancel:hover{background-color:#f5f5f5}.site-pictures-confirm-delete{padding:8px 16px;border:none;border-radius:6px;background-color:#f44336;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.site-pictures-confirm-delete:hover{background-color:#d32f2f}.site-pictures-page{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:1rem;font-family:Inter,sans-serif}.site-pictures-header{text-align:center;margin-bottom:1rem}.site-pictures-title{font-size:2.5rem;font-weight:600;margin:0;font-family:Inter,sans-serif;color:var(--text)}.site-pictures-form-container{padding:1.5rem;background-color:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;max-width:900px;width:100%;box-sizing:border-box}.site-pictures-form-title{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;text-align:center;color:#262626}.site-pictures-form{display:flex;flex-direction:column;gap:1rem}.site-pictures-input-button-container{display:flex;gap:.5rem;align-items:flex-end}.site-pictures-label{display:block;margin-bottom:.5rem;font-weight:500;color:#262626;font-family:Inter,sans-serif}.site-pictures-input-container{position:relative;flex:1}.site-pictures-input{width:100%;padding:12px 40px 12px 12px;border:1px solid #e9ecef;border-radius:8px;font-size:16px;box-sizing:border-box;font-family:Inter,sans-serif}.site-pictures-input.error{border-color:#dc3545}.site-pictures-input.valid{border-color:#28a745}.site-pictures-validation-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.site-pictures-spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.site-pictures-button{padding:12px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;opacity:1;transition:all .2s ease;font-family:Inter,sans-serif;height:51px;white-space:nowrap;flex-shrink:0}.site-pictures-button:hover:not(:disabled){background-color:#1976d2}.site-pictures-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.site-pictures-button.loading{opacity:.7}.site-pictures-message{margin-top:1rem;padding:1rem;border-radius:8px;font-family:Inter,sans-serif;display:flex;align-items:center;gap:.5rem}.site-pictures-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.site-pictures-site-info{margin-top:2rem}.site-pictures-site-header{margin-bottom:1.5rem;text-align:center}.site-pictures-site-title{font-size:clamp(1.25rem,4vw,2rem);font-weight:700;color:#1e293b;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.site-pictures-active-badge{background-color:#10b981;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.site-pictures-site-subtitle{color:#666;font-size:1rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;font-family:Inter,sans-serif}.site-pictures-subtitle-item{display:flex;align-items:center;gap:.25rem}.site-pictures-workflow-section{margin-bottom:24px}.site-pictures-workflow-label{display:block;margin-bottom:12px;font-weight:700;font-size:16px}.site-pictures-workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;max-width:100%;overflow:hidden}.site-pictures-workflow-button{padding:16px;border:2px solid #e9ecef;border-radius:8px;background-color:#fff;cursor:pointer;text-align:left;transition:all .2s ease;width:100%;box-sizing:border-box}.site-pictures-workflow-button.active{border-color:#2196f3;background-color:#f3f8ff}.site-pictures-workflow-button-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.site-pictures-workflow-button-title{font-weight:700;color:#333}.site-pictures-workflow-button.active .site-pictures-workflow-button-title{color:#2196f3}.site-pictures-workflow-button-description{font-size:12px;color:#666}.site-pictures-workflow-icon{color:#666}.site-pictures-workflow-button.active .site-pictures-workflow-icon{color:#2196f3}.site-pictures-component-container{margin-bottom:24px}.site-pictures-sub-options{margin-bottom:20px}.site-pictures-sub-options h3{margin:0 0 15px;font-size:18px;font-weight:600;color:#333}.site-pictures-deveui-filter{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.site-pictures-deveui-help{margin:8px 0 0;font-size:12px;color:#666;font-style:italic}.site-pictures-summary h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#333}.site-pictures-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.site-pictures-summary-card{display:flex;flex-direction:column;gap:8px;padding:16px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;text-align:left;justify-content:center;min-height:100px}.site-pictures-summary-card-header{display:flex;align-items:center;gap:12px}.site-pictures-summary-card-icon{color:#333}.site-pictures-summary-card-title{font-size:16px;font-weight:700;color:#333;margin:0;flex-grow:1}.site-pictures-summary-count{font-size:24px;font-weight:700;color:#2196f3;background-color:#e3f2fd;padding:2px 8px;border-radius:4px}.site-pictures-summary-card-description{font-size:14px;color:#666;line-height:1.4;margin:0}.site-pictures-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.site-pictures-action-button{padding:6px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.site-pictures-loading{text-align:center;padding:40px;color:#666;font-size:16px}.site-pictures-back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f8f9fa;color:#495057;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:20px;transition:all .2s ease}.site-pictures-back-button:hover{background-color:#e9ecef;border-color:#adb5bd}.site-pictures-deveui-container{display:flex;gap:10px;align-items:flex-end}.site-pictures-deveui-input{flex:1}.site-pictures-deveui-button{height:51px;white-space:nowrap}.site-pictures-deveui-button:disabled{opacity:.6}.site-pictures-deveui-validation-error{color:#dc3545;font-size:12px;margin:4px 0 0;font-weight:500}.surveyor-page{min-height:100vh}.admin-panel{max-width:1400px;margin:0 auto;padding:24px 24px 48px;background:#fff;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.admin-panel-page body,.admin-panel-page html{overflow-x:hidden;overflow-y:auto;margin:0;padding:0}.admin-brand-section{text-align:center;padding:32px 24px;margin-bottom:24px;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d}.admin-logo-centered{width:80px;height:80px;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px #0000001a;margin-bottom:16px;display:block;margin-left:auto;margin-right:auto}.admin-dashboard-title{margin:0;color:#1f2937;font-size:32px;font-weight:600;letter-spacing:-.025em}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.admin-header h2{margin:0;color:#1f2937;font-size:24px;font-weight:600}.create-user-btn{background:#2563eb;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.create-user-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.create-user-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon{font-size:16px}.error-banner{display:flex;justify-content:space-between;align-items:center;background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid #fecaca;font-size:14px}.error-banner button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:18px;padding:4px;border-radius:4px}.error-banner button:hover{background:#dc26261a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;z-index:10000}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:0;position:sticky;top:0;background:#fff;z-index:10}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px}.close-btn{background:#fff;border:1px solid #d1d5db;font-size:18px;color:#374151;cursor:pointer;padding:0;border-radius:50%;transition:all .2s ease;line-height:1;font-weight:600;display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;box-shadow:0 4px 8px #00000026}.close-btn:hover{background:#f9fafb;color:#111827;box-shadow:0 6px 12px #0003;transform:translateY(-2px);border-color:#9ca3af}.close-btn:active{background:#f3f4f6;color:#000;transform:translateY(0);box-shadow:0 4px 8px #00000026}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px 24px;border-top:1px solid #e5e7eb;margin-top:20px}.modal-actions button{padding:10px 20px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:6px}.create-user-submit-btn{background:#2563eb!important;color:#fff!important;border:none!important}.create-user-submit-btn:hover:not(:disabled){background:#1d4ed8!important;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.create-user-submit-btn:disabled{background:#9ca3af!important;cursor:not-allowed;transform:none;box-shadow:none}.cancel-user-btn{background:#dc2626!important;color:#fff!important;border:none!important}.cancel-user-btn:hover:not(:disabled){background:#b91c1c!important;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.cancel-user-btn:disabled{background:#f87171!important;opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.admin-create-user-modal,.admin-edit-user-modal{padding:0;max-width:600px}.admin-create-user-modal form,.admin-edit-user-modal form{padding:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group input,.form-group select{padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled,.form-group select:disabled{background-color:#f9fafb;opacity:.7;cursor:not-allowed}.readonly-field{background-color:#f9fafb!important;color:#6b7280!important;cursor:not-allowed!important;opacity:.8!important}.form-group small{font-size:12px;color:#6b7280}.tags-section{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.tags-section label{display:flex;align-items:center;gap:8px}.tags-section-explanation{display:block;font-size:13px;color:#6b7280;margin-top:6px;margin-bottom:12px}.tags-explanation-legend{display:block;margin-top:.5em}.tags-note-end{margin-top:14px;margin-bottom:0}.tags-current-label{font-size:12px;font-weight:600;color:#374151;margin-bottom:4px}.tags-grid{display:flex;flex-wrap:wrap;gap:6px;min-height:32px;padding:8px 0}.tags-grid-empty{font-size:12px;color:#9ca3af;font-style:italic}.tags-grid-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:500;letter-spacing:.01em;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.tags-grid-chip--assigned{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;cursor:default}.tags-grid-chip--unassigned{background:#f9fafb;color:#4b5563;border-color:#cbd5e1;box-shadow:0 0 0 1px #94a3b840}.tags-grid-chip--unassigned:hover:not(:disabled){background:#e5f2ff;color:#1d4ed8;border-color:#93c5fd;box-shadow:0 2px 6px #0f172a2e}.tags-grid-chip--unassigned:disabled{opacity:.6;cursor:not-allowed}.tags-grid-chip-label{flex-shrink:0}.tags-grid-chip-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:#3b82f6;color:#fff;border-radius:50%;cursor:pointer;transition:background .15s,transform .15s;flex-shrink:0}.tags-grid-chip-remove:hover:not(:disabled){background:#2563eb;transform:scale(1.08)}.tags-grid-chip-remove:disabled{opacity:.5;cursor:not-allowed}.tags-section .tags-display{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;padding:8px;margin-bottom:12px;border:2px solid #e5e7eb;border-radius:6px;background:#f9fafb}.tags-display-readonly{background:#f3f4f6;border-color:#e5e7eb}.tag-badge-readonly{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#e5e7eb;color:#4b5563;border-radius:16px;font-size:13px;font-weight:500}.no-tags-message{color:#9ca3af;font-size:14px;font-style:italic}.tag-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#dbeafe;color:#1e40af;border-radius:16px;font-size:13px;font-weight:500}.tag-remove-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:#3b82f6;color:#fff;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0}.tag-remove-btn:hover:not(:disabled){background:#2563eb;transform:scale(1.1)}.tag-remove-btn:disabled{opacity:.5;cursor:not-allowed}.tag-input-row{display:flex;gap:8px;align-items:center}.tag-input{flex:1;padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;transition:all .2s ease}.tag-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.tag-input:disabled{background-color:#f9fafb;opacity:.7;cursor:not-allowed}.tag-add-main-btn{display:flex;align-items:center;justify-content:center;padding:8px 14px;height:40px;border:none;background:#10b981;color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.tag-add-main-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.tag-add-main-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tag-confirm-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:#a7f3d0;color:#047857;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.tag-confirm-btn:hover:not(:disabled){background:#6ee7b7;transform:translateY(-1px);box-shadow:0 2px 6px #22c55e40}.tag-confirm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tag-cancel-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:#fecaca;color:#b91c1c;border-radius:999px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.tag-cancel-btn:hover:not(:disabled){background:#fecaca;transform:translateY(-1px);box-shadow:0 2px 6px #f8717140}.tag-cancel-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tags-suggestions,.tags-suggestions-block{margin-top:8px;display:flex;flex-direction:column;gap:8px}.tags-suggestions-block .tags-suggestions-label,.tags-suggestions-label{font-size:12px;color:#6b7280}.tags-suggestions-list{display:flex;flex-wrap:wrap;gap:6px}.tags-suggestions-empty{font-size:13px;color:#6b7280;font-style:italic}.tag-suggestion-badge{padding:4px 10px;border-radius:999px;border:1px solid #86efac;background:#dcfce7;color:#166534;font-size:12px;cursor:pointer;transition:all .2s ease}.tag-suggestion-badge:hover:not(:disabled){background:#bbf7d0;border-color:#22c55e}.tag-suggestion-badge:disabled{opacity:.6;cursor:not-allowed}.tags-section .tags-save-hint{display:block;margin-top:12px;font-size:12px;color:#9ca3af}.tags-section .tag-add-main-btn{margin-bottom:0}.tags-section .tag-input-row{margin-bottom:8px}.tag-cancel-inline-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;border:1px solid #d1d5db;border-radius:4px;background:#f3f4f6;color:#4b5563;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease;align-self:flex-start}.tag-cancel-inline-btn:hover:not(:disabled){background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.tag-cancel-inline-btn:disabled{opacity:.5;cursor:not-allowed}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:10px 12px;border-radius:6px;font-size:14px;margin:16px 0}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:10px 12px;border-radius:6px;font-size:14px;margin:16px 0}.users-controls{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap;background:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 2px 4px #0000000d}.search-section{flex:1;min-width:280px}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;font-size:16px;color:#6b7280;z-index:2}.search-input{width:100%;padding:12px 16px 12px 48px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.clear-search-btn{position:absolute;right:16px;background:none;border:none;font-size:16px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.clear-search-btn:hover{background:#f3f4f6;color:#374151}.users-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.users-count{font-size:14px;color:#6b7280;font-weight:500;white-space:nowrap}.items-per-page{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.items-select{padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;cursor:pointer}.refresh-btn{background:#f9fafb;border:2px solid #e5e7eb;color:#374151;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-weight:500;white-space:nowrap}.refresh-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{transition:transform .3s ease}.refresh-icon.spinning{animation:spin 1s linear infinite}.refresh-btn:hover .refresh-icon:not(.spinning){transform:rotate(180deg)}.users-data-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:visible;border:1px solid #e5e7eb;margin-bottom:32px;width:100%}.table-container{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;border-radius:12px 12px 0 0;position:relative;width:100%;max-width:100%}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:1300px){.users-table{min-width:1020px}}@media(max-width:1100px){.users-table{min-width:920px}}.users-table{width:100%;border-collapse:collapse;font-size:14px;min-width:860px;table-layout:fixed}.users-table th:nth-child(1),.users-table td:nth-child(1){width:350px;min-width:280px}.users-table th:nth-child(2),.users-table td:nth-child(2){width:140px;min-width:140px}.users-table th:nth-child(3),.users-table td:nth-child(3){width:110px;min-width:110px}.users-table th:nth-child(4),.users-table td:nth-child(4){width:130px;min-width:130px}.users-table th:nth-child(5),.users-table td:nth-child(5){width:120px;min-width:120px}.users-table th:nth-child(6),.users-table td:nth-child(6){width:140px;min-width:140px;text-align:center}.users-table th{background:#f9fafb;padding:16px 12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap;position:sticky;top:0;z-index:10}.users-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.users-table th.sortable:hover{background:#f3f4f6}.users-table td{height:75px;padding:16px 12px;border-bottom:1px solid #f3f4f6;vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word}.users-table tr:hover{background:#f9fafb}.users-table tr:last-child td{border-bottom:none}.email-cell{display:flex;align-items:center;gap:12px;min-width:280px;word-break:break-word;overflow:hidden}.user-avatar-small{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;box-shadow:0 2px 4px #0000001a;overflow:hidden}.user-avatar-small .avatar-image-small{width:100%;height:100%;object-fit:cover}.email-text{font-weight:500;color:#111827}.copy-email-btn{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;font-size:14px;color:#9ca3af;transition:all .2s ease;opacity:.6}.copy-email-btn:hover{background-color:#f3f4f6;color:#374151;opacity:1}.table-actions{display:flex;gap:6px;justify-content:center}.table-action-btn{padding:8px 10px;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.table-action-btn.details{background:#dbeafe;color:#1d4ed8;min-width:110px;width:110px;padding:8px 12px;font-size:13px;white-space:nowrap}.table-action-btn.details:hover{background:#bfdbfe;transform:translateY(-1px)}.table-action-btn.edit{background:#fef3c7;color:#d97706}.table-action-btn.edit:hover{background:#fde68a;transform:translateY(-1px)}.table-action-btn.reset{background:#e0e7ff;color:#5b21b6}.table-action-btn.reset:hover{background:#c7d2fe;transform:translateY(-1px)}.table-action-btn.delete{background:#fee2e2;color:#dc2626}.table-action-btn.delete:hover{background:#fecaca;transform:translateY(-1px)}.pagination-container{padding:20px 24px 32px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px;width:100%;box-sizing:border-box}.pagination-info{font-size:14px;color:#6b7280;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-btn{padding:8px 12px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.page-numbers{display:flex;gap:2px;margin:0 8px}.page-number{padding:8px 12px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center}.page-number:hover{background:#f3f4f6;border-color:#9ca3af}.page-number.active{background:#2563eb;color:#fff;border-color:#2563eb}.page-number.active:hover{background:#1d4ed8;border-color:#1d4ed8}.desktop-only{display:block}.mobile-only,.mobile-cards.mobile-only{display:none!important}.mobile-cards{flex-direction:column;gap:16px;padding:16px 16px 32px;min-height:auto}.mobile-user-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.mobile-user-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.mobile-user-info{display:flex;gap:12px;align-items:flex-start;flex:1}.mobile-user-details{flex:1;min-width:0}.mobile-email{font-weight:600;color:#111827;margin-bottom:4px;font-size:16px;word-break:break-word}.mobile-company{font-size:14px;color:#6b7280;word-break:break-word}.mobile-badges{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.mobile-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.mobile-card-actions .full-width{grid-column:1 / -1}.mobile-action-btn{padding:12px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.mobile-action-btn.details{background:#dbeafe;color:#1d4ed8}.mobile-action-btn.details:hover{background:#bfdbfe;transform:translateY(-1px)}.mobile-action-btn.edit{background:#fef3c7;color:#d97706}.mobile-action-btn.edit:hover{background:#fde68a;transform:translateY(-1px)}.mobile-action-btn.reset{background:#e0e7ff;color:#5b21b6}.mobile-action-btn.reset:hover{background:#c7d2fe;transform:translateY(-1px)}.mobile-action-btn.delete{background:#fee2e2;color:#dc2626}.mobile-action-btn.delete:hover{background:#fecaca;transform:translateY(-1px)}.status-badge,.role-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:normal;text-transform:uppercase;letter-spacing:.025em;min-width:fit-content;max-width:120px;word-wrap:break-word;text-align:center}.status-badge .status-text,.role-badge .role-text{line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}.status-confirmed{background:#d1fae5;color:#065f46}.status-unconfirmed{background:#f3f4f6;color:#374151}.status-archived{background:#e5e7eb;color:#6b7280}.status-compromised{background:#fecaca;color:#dc2626}.status-unknown{background:#f3f4f6;color:#6b7280}.status-reset{background:#fef3c7;color:#92400e}.role-admin{background:#ede9fe;color:#5b21b6}.role-provisioner{background:#f0f9ff;color:#0369a1}.role-surveyor{background:#ecfdf5;color:#047857}.role-installer{background:#fef3c7;color:#92400e}.role-monitor,.role-user{background:#f3f4f6;color:#374151}.role-manager{background:#e0f2fe;color:#0c4a6e}.users-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.users-loading .spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.no-users{text-align:center;padding:60px 20px;color:#6b7280}.no-users-icon{font-size:64px;margin-bottom:20px;opacity:.4}.no-users p{margin:0;font-size:16px;color:#9ca3af}@media(max-width:1200px){.admin-panel{padding:16px;max-width:100%;margin:0 auto}.admin-brand-section{padding:20px;margin-bottom:24px}.admin-dashboard-title{font-size:24px}.users-table{min-width:940px;font-size:13px}.table-action-btn.details{font-size:12px;padding:6px 8px;min-width:100px;width:100px}.email-cell{min-width:240px}.users-table th:nth-child(1),.users-table td:nth-child(1){width:240px;min-width:240px}.users-table th:nth-child(2),.users-table td:nth-child(2){width:160px;min-width:160px}.users-table th:nth-child(3),.users-table td:nth-child(3){width:100px;min-width:100px}.users-table th:nth-child(4),.users-table td:nth-child(4){width:120px;min-width:120px}.users-table th:nth-child(5),.users-table td:nth-child(5){width:110px;min-width:110px}.users-table th:nth-child(6),.users-table td:nth-child(6){width:130px;min-width:130px}}@media(max-width:1024px){.users-controls{flex-direction:column;align-items:stretch;gap:16px}.search-section{min-width:unset}.users-summary{justify-content:space-between;flex-wrap:wrap}.pagination-container{flex-direction:column;align-items:center;gap:12px}.pagination-controls{order:1}.pagination-info{order:2;text-align:center}}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-cards.mobile-only{display:flex!important}.admin-panel{padding:12px}.admin-header{flex-direction:column;align-items:stretch;text-align:center;gap:16px}.admin-header h2{font-size:20px}.create-user-btn{width:100%;justify-content:center;padding:14px 24px}.users-controls{padding:16px;gap:16px}.users-summary{flex-direction:column;align-items:flex-start;gap:12px}.items-per-page{order:1}.users-count{order:2}.refresh-btn{order:3;align-self:stretch;justify-content:center}.mobile-cards.mobile-only{padding:12px;gap:12px;display:flex!important}.mobile-user-card{padding:16px}.mobile-card-header{flex-direction:column;gap:12px}.mobile-user-info{flex-direction:row}.mobile-badges{flex-direction:row;align-items:flex-start;gap:8px}.mobile-card-actions{grid-template-columns:1fr 1fr;gap:10px}.mobile-action-btn{font-size:13px;padding:12px 8px}.pagination-container{padding:16px}.page-numbers{margin:0 4px}.page-number,.pagination-btn{min-width:36px;height:36px;padding:6px 8px}}@media(max-width:480px){.admin-panel{padding:8px}.admin-brand-section{padding:16px;margin-bottom:16px}.admin-logo-centered{height:50px}.admin-dashboard-title{font-size:20px}.users-controls{padding:12px}.search-input{font-size:16px;padding:14px 16px 14px 48px}.mobile-cards.mobile-only{padding:8px;display:flex!important}.mobile-user-card{padding:12px}.mobile-card-actions{grid-template-columns:1fr;gap:8px}.mobile-action-btn{width:100%}.mobile-user-info{flex-direction:column;gap:8px}.mobile-badges{align-items:flex-start;flex-direction:row;gap:6px}.pagination-controls{flex-wrap:wrap;justify-content:center;gap:2px}.page-numbers{display:none}.users-summary{text-align:center}.items-per-page{justify-content:center}}@media(max-width:360px){.mobile-badges .status-badge,.mobile-badges .role-badge{font-size:10px;padding:4px 6px;max-width:80px;white-space:normal;word-wrap:break-word}.mobile-email{font-size:14px}.mobile-company{font-size:12px}.pagination-container{padding:12px}.pagination-info{font-size:12px}}.view-user-modal{max-width:600px;padding:0;z-index:10000}.view-user-content{padding:24px}.user-profile-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.profile-avatar{display:flex;gap:16px;align-items:flex-start}.avatar-large{width:80px;height:80px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:32px;flex-shrink:0;box-shadow:0 4px 12px #2563eb33;overflow:hidden}.avatar-large .avatar-image{width:100%;height:100%;object-fit:cover}.profile-info{flex:1}.profile-name{margin:0 0 8px;font-size:24px;font-weight:600;color:#111827}.profile-email{margin:0 0 16px;font-size:16px;color:#6b7280}.profile-badges{display:flex;gap:8px;flex-wrap:wrap}.user-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.detail-item{display:flex;gap:12px;align-items:flex-start;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.detail-icon{font-size:20px;flex-shrink:0;margin-top:2px}.detail-content{flex:1}.detail-label{display:block;font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em;margin-bottom:4px}.detail-value{display:block;font-size:14px;font-weight:500;color:#111827;word-break:break-word}.detail-value.mono{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;background:#f3f4f6;padding:4px 8px;border-radius:4px;border:1px solid #e5e7eb}.edit-user-btn{background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.edit-user-btn:hover{background:#1d4ed8}.delete-user-btn{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.delete-user-btn:hover{background:#b91c1c}.confirm-delete-modal{max-width:400px;z-index:10001}.modal-body{padding:20px 24px}.modal-body p{margin:0 0 12px;color:#374151}.warning-text{color:#dc2626;font-weight:500;font-size:14px}.warning-icon{margin-right:8px;font-size:18px}.cancel-btn{background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.cancel-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.delete-confirm-btn{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:6px}.delete-confirm-btn:hover{background:#b91c1c}@media(max-width:768px){.modal-overlay{padding:10px}.modal-content{margin:0;max-width:100%;max-height:95vh;border-radius:8px}.modal-header{padding:20px 20px 0}.modal-header h3{font-size:16px}.modal-actions{flex-direction:column;gap:8px;padding:16px 20px 20px}.modal-actions button{width:100%;justify-content:center;padding:12px 20px}.admin-create-user-modal form,.admin-edit-user-modal form{padding:20px}.form-row{grid-template-columns:1fr;gap:12px}.view-user-modal{margin:10px;max-width:calc(100vw - 20px)}.profile-avatar{flex-direction:column;align-items:center;text-align:center;gap:12px}.avatar-large{width:60px;height:60px;font-size:24px}.profile-name{font-size:20px}.user-details-grid{grid-template-columns:1fr;gap:12px}.detail-item{padding:12px}}@media(max-width:480px){.modal-overlay{padding:5px}.modal-content{border-radius:6px}.modal-header{padding:16px 16px 0}.modal-actions{padding:12px 16px 16px}.admin-create-user-modal form,.admin-edit-user-modal form{padding:16px}.form-group input,.form-group select{font-size:16px;padding:12px}}.toast-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;display:flex;flex-direction:column;gap:16px;max-width:650px;width:95%;pointer-events:none}.toast{background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000026;padding:20px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:80px;pointer-events:auto;cursor:pointer;transition:all .3s ease;animation:slideIn .3s ease;border-left:4px solid transparent;position:relative;overflow:hidden}.toast:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s ease}.toast:hover:before{transform:translate(100%)}.toast-success{border-left-color:#10b981;background:linear-gradient(135deg,#fff,#f0fff4)}.toast-error{border-left-color:#ef4444;background:linear-gradient(135deg,#fff,#fef2f2)}.toast-info{border-left-color:#3b82f6;background:linear-gradient(135deg,#fff,#eff6ff)}.toast-warning{border-left-color:#f59e0b;background:linear-gradient(135deg,#fff,#fffbeb)}.toast-content{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:0}.toast-icon{font-size:22px;flex-shrink:0;margin-top:1px}.toast-message{font-size:15px;font-weight:500;color:#374151;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;margin-top:2px}.toast-close{background:none;border:none;font-size:16px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.toast-close:hover{background:#0000001a;color:#374151}.toast:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0003}@keyframes slideIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.toast-container{top:50%;left:50%;transform:translate(-50%,-50%);max-width:calc(100vw - 24px);width:auto}.toast{padding:18px 20px;min-height:70px;border-radius:10px}.toast-message{font-size:14px}.toast-icon{font-size:20px}.toast-close{width:24px;height:24px;font-size:14px}}@media(max-width:480px){.toast-container{top:50%;left:50%;transform:translate(-50%,-50%);max-width:calc(100vw - 16px);gap:12px}.toast{padding:16px 18px;min-height:65px;gap:12px;border-radius:8px}.toast-message{font-size:13px;line-height:1.4}.toast-icon{font-size:18px}}.toast-enter{transform:scale(.8);opacity:0}.toast-enter-active{transform:scale(1);opacity:1;transition:all .3s ease}.toast-exit{transform:scale(1);opacity:1}.toast-exit-active{transform:scale(.8);opacity:0;transition:all .3s ease}.profile-page{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;min-height:calc(100vh - 100px);padding:1rem 0 2rem}.profile-content{padding:2rem;max-width:1000px;margin:0 auto}.profile-header{text-align:center;margin-bottom:2rem}.profile-header h1{font-size:2rem;color:#fff;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;gap:.75rem}.profile-header p{font-size:1.1rem;color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff;gap:1rem}.profile-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.profile-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.profile-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.profile-message.inline{margin-bottom:1rem;padding:.5rem .75rem;font-size:.9rem}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.profile-card{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden}.profile-card.full-width{grid-column:1 / -1}.card-header{background:var(--surface-elevated);padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.card-header h2{font-size:1.25rem;color:var(--text);margin:0;display:flex;align-items:center;gap:.5rem}.card-content{padding:1.5rem}.profile-picture-section{display:flex;flex-direction:column;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.profile-picture-container{position:relative;width:120px;height:120px;margin-bottom:1rem}.profile-picture{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #667eea;box-shadow:0 4px 12px #00000026}.profile-picture-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#e9ecef,#dee2e6);display:flex;align-items:center;justify-content:center;color:#6c757d;border:4px solid #667eea}.picture-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-picture-actions{display:flex;gap:.5rem}.profile-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--text-secondary);font-size:.875rem}.detail-value{color:var(--text);font-size:.95rem}.detail-value.role-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.password-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-weight:600;color:var(--text);font-size:.875rem}.form-group input{padding:.75rem;border:1px solid var(--input-border);border-radius:8px;font-size:1rem;background:var(--input-bg);color:var(--text);transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-shadow)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:2.5rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--text)}.form-hint{font-size:.75rem;color:var(--text-secondary)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--surface-elevated);border-radius:8px;gap:1rem}.setting-info{flex:1}.setting-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.setting-label{font-weight:600;color:var(--text)}.setting-description{font-size:.8rem;color:var(--text-secondary);margin:0}.theme-toggle-wrapper{display:flex;gap:.25rem;background:var(--surface-hover);padding:.25rem;border-radius:8px}.theme-toggle{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:all .2s}.theme-toggle.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.theme-toggle:hover:not(.active){color:var(--text)}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.font-size-buttons{display:flex;gap:.25rem;background:#e9ecef;padding:.25rem;border-radius:8px}.font-size-btn{padding:.5rem .75rem;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#6c757d;font-size:.8rem;font-weight:500;transition:all .2s}.font-size-btn.active{background:#fff;color:#333;box-shadow:0 2px 4px #0000001a}.font-size-btn:hover:not(.active){color:#333}.settings-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:.375rem;background:#f8f9fa;color:#333;border:1px solid #ced4da;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;gap:.375rem;background:#fff;color:#dc3545;border:1px solid #dc3545;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){background:#dc3545;color:#fff}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@media(max-width:768px){.profile-content{padding:1rem}.profile-header h1{font-size:1.5rem}.profile-grid{grid-template-columns:1fr}.profile-card.full-width{grid-column:1}.settings-grid{grid-template-columns:1fr}.setting-item{flex-direction:column;align-items:flex-start}.theme-toggle-wrapper,.font-size-buttons{width:100%;justify-content:center}}@media(max-width:480px){.profile-picture-actions{flex-direction:column;width:100%}.profile-picture-actions button{width:100%;justify-content:center}.settings-actions{justify-content:stretch}.settings-actions .btn-primary{width:100%;justify-content:center}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}}.card-description{font-size:.9375rem;color:var(--text-secondary);margin:0 0 1.25rem;line-height:1.5}.chimes-page{max-width:900px;margin:0 auto;padding:24px}.chimes-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.chimes-page-title{display:flex;align-items:center;gap:12px}.chimes-page-title h1{margin:0;font-size:28px;font-weight:700;color:var(--color-text-primary, #1f2937)}.chimes-unread-badge{padding:4px 10px;font-size:13px;font-weight:600;color:#fff;background:#dc3545;border-radius:20px}.chimes-page-actions{display:flex;gap:10px}.chimes-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.chimes-btn-primary{color:#fff;background:var(--color-primary, #1e40af)}.chimes-btn-primary:hover{background:var(--color-primary-dark, #1e3a8a)}.chimes-btn-secondary{color:var(--color-text-primary, #374151);background:var(--color-bg-secondary, #f3f4f6);border:1px solid var(--color-border, #e5e7eb)}.chimes-btn-secondary:hover{background:var(--color-bg-hover, #e5e7eb)}.chimes-btn-link{color:var(--color-primary, #1e40af);background:transparent;padding:8px}.chimes-btn-link:hover{text-decoration:underline}.chimes-btn-filter.active{background:var(--color-primary-light, #eff6ff);color:var(--color-primary, #1e40af);border-color:var(--color-primary, #1e40af)}.chimes-btn:disabled{opacity:.6;cursor:not-allowed}.chimes-filters-bar{display:flex;gap:12px;margin-bottom:16px}.chimes-search{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--color-bg-primary, white);border:1px solid var(--color-border, #e5e7eb);border-radius:10px}.chimes-search input{flex:1;border:none;outline:none;font-size:14px;background:transparent;color:var(--color-text-primary, #374151)}.chimes-search input::placeholder{color:var(--color-text-secondary, #9ca3af)}.chimes-search button{padding:4px;background:none;border:none;cursor:pointer;color:var(--color-text-secondary, #9ca3af)}.chimes-search button:hover{color:var(--color-text-primary, #374151)}.chimes-filters-panel{display:flex;flex-wrap:wrap;gap:16px;padding:16px;background:var(--color-bg-secondary, #f9fafb);border-radius:10px;margin-bottom:16px}.chimes-filter-group{display:flex;flex-direction:column;gap:6px}.chimes-filter-group label{font-size:12px;font-weight:600;color:var(--color-text-secondary, #6b7280);text-transform:uppercase}.chimes-filter-group select,.chimes-filter-group input{padding:8px 12px;font-size:14px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;background:var(--color-bg-primary, white);color:var(--color-text-primary, #374151);min-width:150px}.chimes-batch-actions{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-primary-light, #eff6ff);border-radius:8px;margin-bottom:16px}.chimes-batch-actions span{font-size:14px;font-weight:500;color:var(--color-primary, #1e40af)}.chimes-error{display:flex;align-items:center;gap:12px;padding:16px;background:#fef2f2;color:#dc2626;border-radius:10px;margin-bottom:16px}.chimes-error button{margin-left:auto;padding:6px 12px;font-size:13px;color:#dc2626;background:#fff;border:1px solid #dc2626;border-radius:6px;cursor:pointer}.chimes-list{display:flex;flex-direction:column;gap:12px}.chimes-loading,.chimes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--color-text-secondary, #6b7280)}.chimes-empty h3{margin:16px 0 8px;font-size:18px;color:var(--color-text-primary, #374151)}.chimes-empty p{margin:0;font-size:14px}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chimes-select-all{display:flex;padding:8px 16px}.chimes-select-all label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary, #6b7280);cursor:pointer}.chimes-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--color-bg-primary, white);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;position:relative;transition:all .2s}.chimes-card:hover{box-shadow:0 2px 8px #00000014}.chimes-card.unread{background:var(--color-unread-bg, #f0f7ff);border-color:var(--color-primary-light, #dbeafe)}.chimes-card.selected{background:var(--color-selected-bg, #eff6ff);border-color:var(--color-primary, #1e40af)}.chimes-card-priority{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px}.chimes-card-checkbox{padding-top:2px}.chimes-card-checkbox input{width:18px;height:18px;cursor:pointer}.chimes-card-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-icon-bg, #f3f4f6);border-radius:10px;color:var(--color-text-secondary, #6b7280)}.chimes-card-content{flex:1;min-width:0}.chimes-card-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px}.chimes-card-title{margin:0;font-size:15px;font-weight:600;color:var(--color-text-primary, #1f2937)}.chimes-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-secondary, #9ca3af)}.chimes-priority-badge{padding:2px 8px;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase}.chimes-card-type{padding:2px 6px;background:var(--color-bg-secondary, #f3f4f6);border-radius:4px}.chimes-card-site{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-secondary, #6b7280);margin-bottom:8px}.chimes-card-clauses{display:flex;flex-direction:column;gap:6px}.chimes-clause{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;padding:8px 10px;background:var(--color-bg-secondary, #f9fafb);border-radius:6px}.chimes-clause-category{font-weight:600;color:var(--color-text-primary, #374151)}.chimes-clause-message{color:var(--color-text-secondary, #6b7280)}.chimes-card-actions{display:flex;gap:4px;flex-shrink:0}.chimes-action-btn{padding:8px;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary, #9ca3af);cursor:pointer;transition:all .2s}.chimes-action-btn:hover{background:var(--color-bg-secondary, #f3f4f6);color:var(--color-text-primary, #374151)}.chimes-action-btn.danger:hover{background:#fef2f2;color:#dc2626}.chimes-load-more{display:flex;justify-content:center;padding:16px}@media(prefers-color-scheme:dark){.chimes-page-title h1,.chimes-card-title{color:#f9fafb}.chimes-search,.chimes-card{background:#1f2937;border-color:#374151}.chimes-search input{color:#f9fafb}.chimes-card.unread{background:#3b82f61a}.chimes-filters-panel{background:#111827}.chimes-filter-group select,.chimes-filter-group input{background:#1f2937;border-color:#374151;color:#f9fafb}}@media(max-width:640px){.chimes-page{padding:16px}.chimes-page-header{flex-direction:column;align-items:flex-start}.chimes-page-actions{width:100%}.chimes-page-actions .chimes-btn{flex:1;justify-content:center}.chimes-filters-bar,.chimes-filters-panel{flex-direction:column}.chimes-filter-group select,.chimes-filter-group input{width:100%}.chimes-card{flex-wrap:wrap}.chimes-card-actions{width:100%;justify-content:flex-end;margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border, #e5e7eb)}}.style-guide-page{min-height:100vh;background:#fff;padding:20px}.style-guide-container{max-width:1200px;margin:0 auto;font-family:Inter,sans-serif}.style-guide-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #e9ecef}.style-guide-header h1{font-size:2.5rem;font-weight:600;color:#262626;margin-bottom:1rem}.style-guide-header p{font-size:1.1rem;color:#666;max-width:800px;margin:0 auto;line-height:1.6}.style-guide-section{margin-bottom:3rem;padding:2rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.style-guide-section h2{font-size:1.8rem;font-weight:600;color:#262626;margin-bottom:1.5rem;border-bottom:2px solid #2196f3;padding-bottom:.5rem}.style-guide-section h3{font-size:1.25rem;font-weight:600;color:#262626;margin:2rem 0 1rem}.section-description{margin-bottom:2rem}.section-description p{margin-bottom:.5rem;color:#666}.demo-grid{display:grid;gap:2rem;margin-bottom:2rem}.demo-item{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e9ecef}.demo-description{margin-top:1rem;font-size:.9rem;color:#666;font-style:italic}.icon-showcase{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.icon-showcase svg{color:#2196f3;transition:color .2s ease}.icon-showcase svg:hover{color:#1976d2}.color-palette{margin-bottom:2rem}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.color-item{background:#fff;border-radius:8px;padding:1rem;border:1px solid #e9ecef;display:flex;align-items:center;gap:1rem}.color-swatch{width:60px;height:60px;border-radius:8px;border:2px solid #e9ecef;flex-shrink:0}.color-info{display:flex;flex-direction:column;gap:.25rem}.color-name{font-weight:600;color:#262626}.color-code{font-family:Courier New,monospace;font-size:.85rem;color:#666;background:#f8f9fa;padding:2px 6px;border-radius:4px}.primary-blue{background-color:#2196f3}.hover-blue{background-color:#1976d2}.light-blue{background-color:#e3f2fd}.focus-blue{background-color:#007bff}.success-green{background-color:#28a745}.warning-red{background-color:#ff6b6b}.critical-red{background-color:#ff4d4d}.text-primary{background-color:#262626}.text-secondary{background-color:#666}.bg-primary{background-color:#fff;border:2px solid #e9ecef}.bg-light{background-color:#f8f9fa}.gradient-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.gradient-item{background:#fff;border-radius:8px;padding:1rem;border:1px solid #e9ecef}.gradient-swatch{width:100%;height:80px;border-radius:8px;margin-bottom:1rem}.gradient-info{display:flex;flex-direction:column;gap:.5rem}.gradient-name{font-weight:600;color:#262626}.gradient-code{font-family:Courier New,monospace;font-size:.75rem;color:#666;background:#f8f9fa;padding:4px 6px;border-radius:4px;word-break:break-all}.hero-gradient{background:linear-gradient(135deg,#667eea,#764ba2)}.card-gradient{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.nav-gradient{background:linear-gradient(135deg,#6c757d,#495057)}.button-showcase{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.button-showcase button,.form-button-showcase button{padding:12px 20px;font-size:16px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;font-weight:500}.btn-primary{background-color:#2196f3;color:#fff;min-width:150px}.btn-primary:hover{background-color:#1976d2}.btn-secondary{background-color:#6c757d;color:#fff;min-width:150px}.btn-secondary:hover{background-color:#495057}.btn-success{background-color:#28a745;color:#fff;min-width:150px}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#ff6b6b;color:#fff;min-width:150px}.btn-danger:hover{background-color:#ff4d4d}.btn-neutral{background-color:#9e9e9e;color:#fff;min-width:150px}.btn-neutral:hover{background-color:#757575}.btn-complete-install{background-color:#ff4d4d;color:#fff;min-width:150px}.btn-sign-out{background-color:#9e9e9e;color:#fff;min-width:150px}.form-button-showcase{margin-bottom:1rem}.btn-form{width:100%;height:44px;background-color:#2196f3;color:#fff}.btn-form:hover{background-color:#1976d2}.card-showcase{margin-bottom:2rem}.standard-card{max-width:500px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}.standard-card h4{margin:0 0 1rem;color:#262626;font-weight:600}.standard-card p{margin:0;color:#666;line-height:1.5}.site-health-card{width:100%;padding:1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:1rem}.site-health-card h4{margin:0 0 1rem;color:#262626;font-weight:600}.site-health-card p{margin:0;color:#666;line-height:1.5}.report-modal-demo{width:92%;max-width:680px;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 4px 12px #00000026;margin:0 auto 1rem}.report-modal-demo h4{margin:0 0 1rem;color:#262626;font-weight:600}.report-modal-demo p{margin:0;color:#666;line-height:1.5}.typography-showcase{margin-bottom:2rem}.typography-item{margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e9ecef}.typo-hero{font-size:2.5rem;font-weight:600;color:#262626;margin:0;font-family:Inter,sans-serif}.typo-large-heading{font-size:1.8rem;font-weight:600;color:#262626;margin:0;font-family:Inter,sans-serif}.typo-section-heading{font-size:1.25rem;font-weight:600;color:#262626;margin:0;font-family:Inter,sans-serif}.typo-subheading{font-size:1.2rem;font-weight:600;color:#262626;margin:0;font-family:Inter,sans-serif}.typo-body{font-size:1rem;font-weight:400;color:#262626;margin:0;font-family:Inter,sans-serif;line-height:1.5}.typo-small{font-size:.85rem;font-weight:400;color:#666;margin:0;font-family:Inter,sans-serif}.typo-caption{font-size:.7rem;font-weight:400;color:#666;margin:0;font-family:Inter,sans-serif}.typo-monospace{font-family:Courier New,monospace;background:#f8f9fa;padding:4px 8px;border-radius:4px;color:#262626}.weight-showcase{margin-bottom:2rem}.weight-showcase p{margin-bottom:1rem;padding:.5rem;background:#fff;border-radius:4px;border:1px solid #e9ecef}.weight-heading{font-weight:600}.weight-navigation{font-weight:500}.weight-labels{font-weight:700}.weight-body{font-weight:400}.spacing-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.spacing-demo{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e9ecef}.spacing-demo h3{margin:0 0 1rem;color:#262626;font-size:1.1rem;font-weight:600}.form-gap-demo{display:flex;flex-direction:column;gap:10px}.form-gap-demo input{padding:10px;border:1px solid #e9ecef;border-radius:8px;font-size:16px;font-family:Inter,sans-serif}.button-group-demo{display:flex;gap:30px;flex-wrap:wrap}.button-group-demo button{padding:12px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;font-family:Inter,sans-serif}.button-group-demo button:hover{background-color:#1976d2}.shadow-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.shadow-demo{padding:1.5rem;background:#fff;border-radius:8px;text-align:center}.shadow-demo h4{margin:0 0 .5rem;color:#262626;font-weight:600}.shadow-demo p{margin:0;font-family:Courier New,monospace;font-size:.85rem;color:#666}.shadow-subtle{box-shadow:0 1px 3px #0000001a}.shadow-standard{box-shadow:0 4px 12px #00000026}.shadow-elevated{box-shadow:0 8px 25px #00000026}.responsive-showcase{margin-bottom:2rem}.breakpoint-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.breakpoint-item{padding:1rem;background:#fff;border-radius:8px;border:1px solid #e9ecef;font-family:Courier New,monospace}.touch-target-demo{display:flex;flex-direction:column;gap:1rem;max-width:300px}.touch-target{height:44px;background-color:#2196f3;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;font-family:Inter,sans-serif}.touch-input{height:44px;padding:10px;border:1px solid #e9ecef;border-radius:8px;font-size:16px;font-family:Inter,sans-serif}.border-radius-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.radius-demo{padding:1rem;background:#fff;border:2px solid #2196f3;text-align:center;color:#262626;font-weight:500}.radius-main{border-radius:12px}.radius-cards,.radius-buttons{border-radius:8px}.radius-large{border-radius:16px}.hierarchy-showcase{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.hierarchy-showcase button{padding:12px 20px;border-radius:8px;font-size:16px;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;transition:all .2s ease}.hierarchy-primary{background-color:#2196f3;color:#fff;border:none}.hierarchy-primary:hover{background-color:#1976d2}.hierarchy-destructive{background-color:#ff6b6b;color:#fff;border:none}.hierarchy-destructive:hover{background-color:#ff4d4d}.hierarchy-secondary{background-color:#6c757d;color:#fff;border:none}.hierarchy-secondary:hover{background-color:#495057}.hierarchy-focus{background-color:#fff;color:#007bff;border:2px solid #007bff}.hierarchy-focus:hover{background-color:#007bff;color:#fff}@media(max-width:480px){.style-guide-page{padding:10px}.style-guide-section{padding:1rem}.style-guide-header h1{font-size:2rem}.style-guide-header p{font-size:1rem}.color-grid{grid-template-columns:1fr}.button-showcase{flex-direction:column}.button-showcase button{width:100%}.button-group-demo{gap:15px}.hierarchy-showcase{flex-direction:column}.hierarchy-showcase button{width:100%}}@media(min-width:768px)and (max-width:800px){.report-modal-demo{width:70%}}@media(min-width:801px){.style-guide-container{padding:2rem}.standard-card{max-width:800px;padding:2rem}.site-health-card{padding:2rem}}.unknown-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem}.unknown-page-content{text-align:center;background:#fffffff2;padding:3rem 2rem;border-radius:16px;box-shadow:0 10px 30px #0003;max-width:500px;width:100%}.construction-icon{margin-bottom:2rem;color:#f59e0b;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.unknown-page-title{font-size:2rem;color:#2d3748;margin-bottom:1rem;font-weight:600}.unknown-page-subtitle{font-size:1.1rem;color:#4a5568;margin-bottom:2rem;line-height:1.5}@media(max-width:600px){.unknown-page{padding:1rem}.unknown-page-content{padding:2rem 1.5rem}.unknown-page-title{font-size:1.5rem}.construction-icon{margin-bottom:1.5rem}}.gref-page{display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1.5rem;width:100%}.gref-header{text-align:center}.gref-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;width:100%;max-width:1200px}.gref-sections.two-col{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:1.25rem}.card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.site-row,.add-site-row{display:flex;gap:.5rem;margin-bottom:.5rem}.site-enter{display:flex;flex-direction:column;gap:.5rem}.site-status{font-size:.9rem;color:#6b7280}.site-status.valid{color:#065f46}.site-status.invalid{color:#991b1b}.actions-row{display:flex;gap:.5rem;align-items:center}.sites-scroll{display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow:auto}.site-item-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #e5e7eb;border-radius:8px;padding:.4rem .5rem}.site-item-row.active{border-color:#c4b5fd;background:#f5f3ff}.link-btn{background:transparent;border:none;color:#4c1d95;cursor:pointer;font-weight:600}.sites-list{display:flex;flex-wrap:wrap;gap:.5rem}.site-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border:1px solid #e5e7eb;border-radius:8px}.builder-controls{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.segmented{display:inline-flex;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;width:fit-content}.seg-btn{padding:.4rem .75rem;background:#f8fafc;border:none;cursor:pointer}.seg-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:600}.kv-list{display:flex;flex-direction:column;gap:.75rem}.kv-item{border:1px solid #e5e7eb;border-radius:8px;padding:.5rem}.sensor-card .card-header{background:#eff6ff;color:#1d4ed8;padding:.5rem;border-radius:8px}.gateway-card .card-header{background:#f0fdf4;color:#047857;padding:.5rem;border-radius:8px}.preview-card .card-header{background:#f5f3ff;color:#4c1d95;padding:.5rem;border-radius:8px}.sensor-card{background:linear-gradient(to bottom,#eff6ff,#fff);border:1px solid #bfdbfe}.gateway-card{background:linear-gradient(to bottom,#ecfdf5,#fff);border:1px solid #86efac}.preview-card{background:linear-gradient(to bottom,#f5f3ff,#fff);border:1px solid #c4b5fd}.kv-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}@media(max-width:768px){.grid-3{grid-template-columns:1fr;gap:1rem}}.input{border:1px solid #e5e7eb;border-radius:8px;padding:.5rem .6rem;width:100%;box-sizing:border-box}.textarea{min-height:120px;resize:vertical}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.btn.primary{background:#4c1d95;color:#fff;border-color:#4c1d95}.btn.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.json-actions{margin-bottom:.5rem}.json-preview{background:#0b1020;color:#e6ecff;border-radius:8px;padding:.75rem;font-size:.9rem;max-height:400px;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;word-break:break-word}.add-partial-cta{display:flex;align-items:center;justify-content:center;gap:.65rem;border:2px dashed #c7cad1;border-radius:12px;padding:1.25rem;color:#4c1d95;background:#faf5ff;cursor:pointer;transition:background .2s ease,border-color .2s ease}.add-partial-cta:hover{background:#f3e8ff;border-color:#a78bfa}.plus-circle{width:28px;height:28px;border-radius:9999px;background:#4c1d95;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{width:min(880px,94vw);max-width:880px;background:#fff;border-radius:12px;border:2px solid #e5e7eb;box-shadow:0 10px 30px #00000026;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#fff)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.75rem}.modal-body{padding:1.5rem;background:#fff}.modal .textarea::placeholder{font-size:.85rem;color:#9aa3b2}.modal .textarea{white-space:pre-wrap;word-break:break-word;overflow-x:hidden}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:8px;font-weight:700;font-size:.95rem}.pill.water{background:#eff6ff;color:#1d4ed8}.pill.gas{background:#ecfdf5;color:#047857}.pill.electric{background:#eef2ff;color:#3730a3}.modal-footer{padding:1rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem;border-top:2px solid #e5e7eb;background:#f9fafb}.subtle-header{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:8px;background:#f8fafc;color:#334155;margin-bottom:.5rem}.segmented.full{width:100%}.action-buttons-row{display:flex;gap:.75rem;margin:1.5rem 0;padding:0 .5rem;flex-wrap:wrap}.kv-item.valid{border-color:#10b981;background:#f0fdf4}.kv-item.invalid{border-color:#ef4444;background:#fef2f2}.validation-badge{font-size:.75rem;color:#991b1b;background:#fee2e2;padding:.2rem .5rem;border-radius:4px;font-weight:500}.input.missing{border-color:#fca5a5;background:#fef2f2}.input.missing:focus{border-color:#ef4444;outline:2px solid #fee2e2;outline-offset:2px}.inputs-list{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem}.installer-app-page .installer-header,.installer-app-page .installer-header h1{margin-bottom:0}.gref-main-content{width:100%;max-width:100%;margin:0;padding:0 20px}.gref-main-content>div{margin-top:0;padding-top:0}.gref-main-content .big-cta-container{padding:2.5rem 0 1.5rem!important;min-height:28vh!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;visibility:visible!important;opacity:1!important}.action-buttons-container{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%;padding:2rem 0;margin:0 auto;margin-top:1rem}.info-message-banner{display:block;background:linear-gradient(135deg,#eff6ff66,#dbeafe33);border:none;border-radius:6px;padding:.5rem 1rem;text-align:center;margin-bottom:1rem;width:100%;max-width:100%;box-sizing:border-box}.info-message-banner p{margin:0;color:#475569;font-size:14px;line-height:1.5;font-weight:400;white-space:normal;word-wrap:break-word;text-shadow:0 1px 2px rgba(0,0,0,.1)}.info-message-banner p strong{color:#334155;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.15)}.action-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:340px;padding:1.25rem 2.5rem;background:linear-gradient(135deg,#93c5fd,#3b82f6);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2563eb40;text-align:center;box-sizing:border-box}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb59;filter:brightness(1.05)}.action-btn:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb40}.action-btn svg{flex-shrink:0}.action-btn span{text-align:center;white-space:nowrap}.builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:start;width:100%;margin:0;max-width:100%;min-width:0;overflow:hidden}.builder-grid>div{min-width:0;max-width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;padding-top:2rem}.builder-grid>div>section{min-width:0;max-width:100%;width:100%}@media(min-width:1400px){.builder-grid{gap:1rem}}@media(min-width:768px){.builder-grid{grid-template-columns:1fr 1fr}}@media(max-width:767px){.builder-grid{grid-template-columns:1fr;gap:1rem}}.preview-fab{position:fixed;right:16px;bottom:16px;z-index:999}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:none;align-items:center;justify-content:center;z-index:1000}.preview-overlay.open{display:flex}.preview-modal{width:min(900px,94vw);background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 10px 30px #00000026;overflow:hidden;display:flex;flex-direction:column}.preview-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-bottom:1px solid #eef0f4}.preview-modal .modal-body{padding:1rem}.preview-modal .json-preview{max-height:calc(100vh - 160px)}@media(min-width:1600px){.builder-grid{grid-template-columns:1fr 1fr;gap:1.75rem;max-width:2400px;margin:0 auto}}.column-toolbar{display:flex;justify-content:flex-end;gap:.5rem;margin-bottom:.75rem}.btn.ghost{background:#f9fafb;border:1px solid #e5e7eb;color:#374151}.btn.ghost:hover{background:#f3f4f6}.btn.ghost.blue{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.btn.ghost.blue:hover{background:#e0efff}.btn.ghost.green{background:#f0fdf4;border-color:#86efac;color:#047857}.btn.ghost.green:hover{background:#dcfce7}.btn.ghost.purple{background:#f5f3ff;border-color:#c4b5fd;color:#6d28d9}.btn.ghost.purple:hover{background:#ede9fe}@media(max-width:768px){.gref-main-content{padding:0 12px}.card{padding:1rem}.json-preview{max-width:100%}}.installer-app-page{overflow-x:hidden}.modal-large{width:min(980px,95vw)}.download-section{margin-top:2.5rem;padding:2rem 1.5rem;display:flex;justify-content:center;border-top:2px solid #e5e7eb;background:linear-gradient(to bottom,#fff,#f9fafb)}.btn-download{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b9814d;min-width:220px}.btn-download:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-download:active{transform:translateY(0);box-shadow:0 2px 8px #10b9814d}.big-cta-container{display:flex;align-items:center;justify-content:center;width:100%;padding:2.5rem 0 1.5rem;min-height:28vh}.big-cta-btn{display:inline-flex;align-items:center;gap:0;padding:0;border-radius:12px;border:none;cursor:pointer;font-size:24px;font-weight:700;color:#fff;background:transparent;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.big-cta-btn:hover{transform:translateY(-1px)}.big-cta-btn:active{transform:translateY(0)}.big-cta-fab{width:44px;height:44px;border-radius:9999px;background:#fff;color:#3b82f6;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #3b82f659;border:2px solid #93c5fd;margin-right:-30px;z-index:1}.big-cta-btn:hover .big-cta-fab{border-color:#60a5fa}.big-cta-box{display:inline-flex;align-items:center;justify-content:center;padding:25px 36px;border-radius:12px;background:linear-gradient(135deg,#93c5fd,#3b82f6);color:#fff;box-shadow:0 10px 20px #2563eb40;margin-left:12px}.big-cta-label{line-height:1}.big-cta-btn:hover .big-cta-box{box-shadow:0 14px 28px #2563eb59;filter:brightness(1.02)}.big-cta-btn:active .big-cta-box{box-shadow:0 8px 18px #2563eb40}.big-cta-icon{display:block!important;width:20px;height:20px}.big-cta-text{display:contents}.accordion-card{border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.accordion-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-1px)}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;background:linear-gradient(135deg,#fff,#f1f5f9);border-bottom:2px solid #cbd5e1;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sensor-card .accordion-header{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-bottom:1px solid #93c5fd}.sensor-card .accordion-header:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);border-bottom-color:#60a5fa}.sensor-card .accordion-title{color:#1e40af}.sensor-card .accordion-icon{color:#2563eb}.sensor-card .accordion-chevron{color:#1e40af}.sensor-card .accordion-header:hover .accordion-chevron{color:#1d4ed8}.gateway-card .accordion-header{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-bottom:1px solid #a7f3d0}.gateway-card .accordion-header:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-bottom-color:#6ee7b7}.gateway-card .accordion-title{color:#047857}.gateway-card .accordion-icon{color:#10b981}.gateway-card .accordion-chevron{color:#047857}.gateway-card .accordion-header:hover .accordion-chevron{color:#059669}.accordion-header:hover{background:linear-gradient(135deg,#e2e8f0,#fff);border-bottom-color:#94a3b8}.accordion-header-content{display:flex;align-items:center;gap:1rem;flex:1}.accordion-icon{color:#6366f1;flex-shrink:0}.sensor-card .accordion-icon{color:#1d4ed8}.gateway-card .accordion-icon{color:#047857}.accordion-title-group{display:flex;flex-direction:column;gap:.25rem}.accordion-title{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937;line-height:1.4}.accordion-count{font-size:.875rem;color:#6b7280;font-weight:500}.accordion-chevron{color:#9ca3af;transition:transform .3s ease,color .2s ease;flex-shrink:0}.accordion-header:hover .accordion-chevron{color:#6366f1}.accordion-content{padding:1rem;background:#fff;animation:slideDown .3s ease-out}.accordion-actions{margin-bottom:.875rem;padding-bottom:.875rem;border-bottom:1px solid #e5e7eb}.btn-add-inside-accordion{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#1e293b;border:2px solid #cbd5e1;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.btn-add-inside-accordion:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-add-sensor,.btn-add-gateway{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#1d4ed8,#1e40af);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #1d4ed866}.btn-add-sensor:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a);transform:translateY(-2px);box-shadow:0 6px 20px #1d4ed880}.btn-add-gateway{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 12px #04785766}.btn-add-gateway:hover{background:linear-gradient(135deg,#065f46,#064e3b);transform:translateY(-2px);box-shadow:0 6px 20px #04785780}.btn-edit-json{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #8b5cf640}.btn-edit-json:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf659}.btn-remove{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;color:#9ca3af;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-remove:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca;transform:scale(1.05)}.btn-remove:active{transform:scale(.95)}.add-button-empty-state{display:flex;justify-content:center;margin-top:0;margin-bottom:1.5rem}.accordion-empty-state{display:flex;justify-content:center;padding:2rem 1rem}.gateway-rows-container{display:flex;flex-direction:column;gap:.75rem;width:100%}.gateway-row-inputs{display:grid!important;grid-template-columns:1fr 1fr 32px!important;gap:.5rem!important;align-items:center;width:100%!important;max-width:100%!important;column-gap:.5rem!important}.gateway-input-field{padding:.4375rem .625rem!important;border:1.5px solid #e5e7eb!important;border-radius:6px!important;font-size:.8125rem!important;color:#1f2937;background:#fff;transition:all .2s ease;width:100%!important;box-sizing:border-box!important;min-width:0!important;height:32px!important;flex:none!important}.gateway-input-field:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.gateway-input-field::placeholder{color:#9ca3af}.btn-remove-gateway-row{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#fee2e2;color:#dc2626;border:1.5px solid #fecaca;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-remove-gateway-row:hover{background:#fecaca;border-color:#fca5a5;transform:scale(1.05)}.btn-add-gateway-row{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .875rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#475569;border:1.5px solid #cbd5e1;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:none;width:auto;margin-top:.25rem;align-self:flex-start}.btn-add-gateway-row:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.btn-add-scalars{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .875rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#475569;border:1.5px solid #cbd5e1;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:auto;align-self:flex-start}.btn-add-scalars:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.device-item{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:.75rem;margin-bottom:.625rem;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.device-item:last-child{margin-bottom:0}.device-item:hover{border-color:#cbd5e1;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.device-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb;gap:.75rem}.device-header .device-key{flex:1}.device-header .btn-remove{margin-left:auto}.device-key{font-size:1rem;font-weight:700;color:#1f2937;letter-spacing:.025em}.device-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem;margin-bottom:.75rem}.field-group{display:contents}.field-label{display:none}.input-with-label{display:flex;flex-direction:column;gap:.25rem}.field-label-small{font-size:.6875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em;margin:0;line-height:1.2}.input-field{width:100%;padding:.4375rem .625rem;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.8125rem;color:#1f2937;background:#fff;transition:all .2s ease;box-sizing:border-box;height:32px}.input-field:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#fff}.input-field::placeholder{color:#9ca3af;font-weight:400}.inputs-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.inputs-header{display:none}.inputs-grid{display:flex;flex-direction:column;gap:.5rem}.input-label{display:none}.input-pair{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap}.input-pair-fields{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;flex:1;min-width:0}.input-pair .input-field{height:28px;padding:.375rem .5rem;font-size:.75rem}.btn-remove-input{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:4px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-remove-input:hover{background:#fecaca;color:#b91c1c;border-color:#fca5a5;transform:scale(1.1)}.btn-remove-input:active{transform:scale(.95)}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-bottom:2px solid #c4b5fd;margin-bottom:0}.preview-header svg{color:#7c3aed}.preview-title{margin:0;font-size:1rem;font-weight:600;color:#6d28d9;flex:1}.btn-edit-json-inline{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#7c3aed1a;color:#7c3aed;border:1px solid rgba(124,58,237,.2);border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-edit-json-inline:hover{background:#7c3aed33;border-color:#7c3aed66;color:#6d28d9}.json-preview{background:#1e1e2e;color:#fff;border-radius:8px;padding:.75rem;font-size:.875rem;line-height:1.5;max-height:600px;overflow-y:auto;overflow-x:auto;white-space:pre;word-break:normal;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;margin:0;max-width:100%;width:100%;box-sizing:border-box;min-width:0;flex-shrink:1}.json-preview::-webkit-scrollbar{width:8px;height:8px}.json-preview::-webkit-scrollbar-track{background:#272935;border-radius:4px}.json-preview::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.json-preview::-webkit-scrollbar-thumb:hover{background:#6b7280}.json-preview::-webkit-scrollbar:horizontal{height:8px}@media(max-width:768px){.device-fields,.input-pair-fields{grid-template-columns:1fr}.accordion-header{padding:1rem 1.25rem}.accordion-content,.device-item{padding:1rem}}.sensor-card{background:linear-gradient(to bottom,#fbfdff,#fff);border-color:#bfdbfe}.gateway-card{background:linear-gradient(to bottom,#f0fdf4,#fff);border-color:#86efac}.preview-card{background:linear-gradient(to bottom,#f8fafc,#fff);border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000001a;padding:0;overflow:hidden;min-width:0;max-width:100%;width:100%;display:flex;flex-direction:column}.preview-card .json-preview{margin:0;padding:.75rem;border-radius:0 0 8px 8px;overflow-x:auto;overflow-y:auto;max-width:100%;width:100%;box-sizing:border-box;min-width:0;flex:1 1 auto}.preview-empty-state{margin-top:2rem}.preview-column-empty{margin-top:0}.builder-save-status{min-height:48px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.builder-save-status{min-height:72px;font-size:13px}}@media(max-width:768px){.assign-hardware-btn-container{left:50%!important;right:auto!important;transform:translate(-50%)!important;top:5.5rem!important}}.device-editor-page{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;font-family:Inter,sans-serif;background:#fff}.device-editor-header{text-align:center;margin-bottom:1rem}.device-editor-title{font-size:2.5rem;font-weight:600;margin:0;font-family:Inter,sans-serif;color:#262626}.device-editor-form-container.device-editor-card{padding:1.5rem;background-color:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;max-width:720px;width:100%;box-sizing:border-box}.device-editor-form-container.device-editor-card.device-editor-add-attr-card{background-color:#fff}.device-editor-form-container.device-editor-card.device-editor-remove-attr-card{padding:.5rem .75rem;margin-top:.5rem}.device-editor-remove-attr-card .device-editor-add-attr-row{gap:.5rem}.device-editor-remove-attr-row{align-items:center}.device-editor-remove-attr-input-wrap{flex:1 1 200px;min-width:0}.device-editor-remove-attr-input-wrap .device-editor-input{height:44px;min-height:44px;box-sizing:border-box}.device-editor-remove-attr-btn-wrap{flex:0 0 auto}.device-editor-remove-attr-card .device-editor-remove-btn{height:44px;min-height:44px;box-sizing:border-box;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center}.device-editor-remove-attr-card .device-editor-input-hint{margin-top:.35rem}.device-editor-form{display:flex;flex-direction:column;gap:1rem}.device-editor-form-group{display:flex;flex-direction:column;gap:.5rem}.device-editor-field-update-row-wrap{padding:1rem 1.25rem}.device-editor-edit-card-tight{margin-top:.5rem;padding-top:.5rem}.device-editor-field-update-row{display:flex;flex-direction:row;align-items:flex-end;gap:1rem;flex-wrap:wrap}.device-editor-field-update-row .device-editor-form-group{flex:0 1 auto}.device-editor-field-update-row .device-editor-value-group{flex:1 1 240px;min-width:200px}.device-editor-mode-select{max-width:280px;margin-bottom:1rem}.device-editor-update-rows{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.device-editor-update-row{display:flex;flex-direction:row;align-items:flex-end;gap:1rem;flex-wrap:wrap}.device-editor-update-row .device-editor-form-group{flex:0 1 auto;gap:.25rem}.device-editor-update-row .device-editor-label-small{margin-bottom:0}.device-editor-update-row .device-editor-value-group{flex:1 1 200px;min-width:160px}.device-editor-remove-row-placeholder{display:inline-block;width:36px;height:36px;flex-shrink:0}.device-editor-remove-row-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;color:#64748b;cursor:pointer;transition:background-color .15s,color .15s;align-self:flex-end;margin-bottom:.25rem}.device-editor-remove-row-btn:hover:not(:disabled){background-color:#fee2e2;color:#dc2626;border-color:#fecaca}.device-editor-remove-row-btn:disabled{opacity:.5;cursor:not-allowed}.device-editor-add-row-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px dashed #94a3b8;border-radius:8px;background-color:#f8fafc;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s;align-self:flex-start}.device-editor-add-row-btn:hover:not(:disabled){background-color:#eff6ff;color:#2563eb;border-color:#2563eb}.device-editor-add-row-btn:disabled{opacity:.6;cursor:not-allowed}.device-editor-add-attr-row{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;flex-wrap:wrap}.device-editor-add-attr-row .device-editor-form-group{flex:1 1 140px;min-width:0}.device-editor-add-attr-row .device-editor-form-group:first-child{flex:1 1 180px}.device-editor-add-attr-row .device-editor-form-group .device-editor-input{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.device-editor-value-with-hint .device-editor-value-input-wrap{display:flex;flex-direction:column;gap:.35rem;min-width:0;width:100%}.device-editor-value-with-hint .device-editor-value-input-wrap .device-editor-input{width:100%}.device-editor-value-hint{display:block;width:100%;box-sizing:border-box;margin:0;padding:.25rem 0 0;line-height:1.4;color:#6b7280;font-size:.8125rem;font-family:Inter,sans-serif;word-wrap:break-word}.device-editor-label,.device-editor-label-small{display:block;margin-bottom:.5rem;font-weight:500;color:#262626;font-size:1rem;font-family:Inter,sans-serif}.device-editor-label.device-editor-label-section{font-size:1.25rem;font-weight:600;color:#262626}.device-editor-input-button-container{display:flex;gap:.5rem;align-items:stretch}.device-editor-input{flex:1 1 0;min-width:14rem;padding:12px;border:1px solid #e9ecef;border-radius:8px;font-size:1rem;box-sizing:border-box;font-family:Inter,sans-serif;background:#fff}.device-editor-input:focus{outline:none;border-color:#2196f3}.device-editor-input:disabled{background:#f8f9fa;cursor:not-allowed}.device-editor-input-hint{color:#6b7280;font-size:.75rem;margin-top:.25rem;font-family:Inter,sans-serif}.device-editor-provisioning-hint,.device-editor-lorawan-only-msg{color:#b45309}.device-editor-protected-hint{display:block;max-width:100%;overflow-wrap:break-word;word-break:break-word}.device-editor-radio-group{display:flex;gap:1rem}.device-editor-radio-label{display:flex;align-items:center;gap:.5rem;padding:10px 12px;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff;font-size:1rem;font-weight:500;color:#262626;font-family:Inter,sans-serif}.device-editor-radio-label:hover{border-color:#2196f3;background:#f3f8ff}.device-editor-radio-label.active{border-color:#2196f3;background:#f3f8ff;color:#2196f3}.device-editor-radio-label input[type=radio]{display:none}.device-editor-radio-icon{width:1.25rem;height:1.25rem}.device-editor-button{padding:12px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;height:44px;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.device-editor-button-primary{background-color:#2196f3;color:#fff}.device-editor-button-primary:hover:not(:disabled){background-color:#1976d2}.device-editor-button-primary:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.device-editor-spinning{animation:device-editor-spin 1s linear infinite}@keyframes device-editor-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;margin-top:1rem;font-size:16px;font-family:Inter,sans-serif}.alert svg{width:1.25rem;height:1.25rem;flex-shrink:0}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.device-editor-message-row{max-width:720px;width:100%;box-sizing:border-box}.device-editor-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid #e9ecef;border-radius:8px;background:#fff;color:#666;cursor:pointer;transition:all .2s ease;flex-shrink:0}.device-editor-icon-btn:disabled{opacity:.5;cursor:not-allowed}.device-editor-icon-btn:hover:not(:disabled){background:#f8f9fa;color:#262626;border-color:#dee2e6}.device-editor-icon-btn svg{width:1.25rem;height:1.25rem}.badge-provisioning{margin-left:6px;padding:2px 6px;background:#fef3c7;color:#92400e;border-radius:9999px;font-size:11px}.badge-readonly{margin-left:6px;padding:2px 6px;background:#e5e7eb;color:#374151;border-radius:9999px;font-size:11px}.device-details-container{padding:1.5rem;background-color:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;max-width:720px;width:100%;box-sizing:border-box}.device-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:0;margin-bottom:.5rem;border-bottom:none}.device-header-left{flex:1}.device-header h2{color:#262626;margin:0;font-size:1.25rem;font-weight:600;font-family:Inter,sans-serif;text-align:left}.device-details-close-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid #e9ecef;border-radius:8px;background:#fff;color:#666;cursor:pointer;transition:all .2s ease;flex-shrink:0}.device-details-close-btn:hover{background:#f8f9fa;color:#262626;border-color:#dee2e6}.device-details-close-btn svg{width:1.25rem;height:1.25rem}.device-details-body{display:flex;flex-direction:column;gap:0;margin-bottom:0;font-size:.875rem;font-family:Inter,sans-serif;text-align:left;border-top:none;border-bottom:none}.device-details-body .info-item{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:.25rem;margin-bottom:.25rem}.device-details-body .info-item:last-child{margin-bottom:0}.device-details-body .info-item.info-item-readonly-stack{flex-direction:column;align-items:flex-start;gap:.2rem}.device-details-body .info-item.info-item-readonly-stack .info-value{margin-left:0;width:100%}.device-details-body .info-item label{font-weight:500;color:#6b7280;font-size:inherit;margin:0;flex-shrink:0;text-transform:none}.device-details-body .info-value{font-weight:500;margin-left:.25rem;color:#262626;font-size:inherit}.device-details-body .info-value.info-value-readonly{color:#6b7280}.device-details-body .info-value-mono{font-family:monospace}.device-details-body .info-item-full{flex-basis:100%}.badge-success{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#d4edda;color:#155724;border-radius:6px;font-size:14px;font-weight:500}.action-buttons{display:flex;gap:1rem;padding-top:0;margin-top:.95rem;border-top:none}.btn-primary,.btn-success,.btn-secondary{padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background-color:#4a4a4a;color:#fff}.btn-primary:hover{background-color:#333}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover:not(:disabled){background-color:#218838}.btn-success:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.btn-secondary{background-color:#ced0d2;color:#262626;border:1px solid #ced0d2}.btn-secondary:hover:not(:disabled){background-color:#e9ecef}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.device-editor-page{padding:1rem}.device-editor-title{font-size:1.75rem}.device-editor-input-button-container{flex-direction:column}.device-editor-input{min-width:0}.device-editor-radio-group{flex-direction:column}.device-editor-button{width:100%}.action-buttons{flex-direction:column}}.device-editor-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.device-editor-confirm-popup{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;width:92vw;max-width:420px;font-family:Inter,sans-serif}.device-editor-confirm-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.device-editor-confirm-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#262626}.device-editor-confirm-close{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;border-radius:8px;display:flex;align-items:center;justify-content:center}.device-editor-confirm-close:hover{background-color:#f3f4f6;color:#262626}.device-editor-confirm-body{padding:1.25rem}.device-editor-confirm-body p{margin:0 0 1rem;font-size:1rem;color:#374151;line-height:1.5}.device-editor-confirm-body .device-editor-input{width:100%;min-width:0;box-sizing:border-box}.device-editor-confirm-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #e5e7eb}.unauthorized-page{min-height:100vh;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;padding:2rem}.unauthorized-page-content{text-align:center;background:#fffffff2;padding:3rem 2rem;border-radius:16px;box-shadow:0 10px 30px #0003;max-width:500px;width:100%}.shield-icon{margin-bottom:2rem;color:#dc2626;animation:shake 2s infinite}@keyframes shake{0%,20%,50%,80%,to{transform:translate(0)}10%{transform:translate(-5px)}30%{transform:translate(5px)}60%{transform:translate(-3px)}90%{transform:translate(3px)}}.unauthorized-page-title{font-size:2rem;color:#2d3748;margin-bottom:1rem;font-weight:600}.unauthorized-page-subtitle{font-size:1.1rem;color:#4a5568;margin-bottom:2rem;line-height:1.5}.back-to-atria-link{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;padding:.75rem 2rem;border-radius:8px;font-weight:500;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.back-to-atria-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;text-decoration:none;color:#fff}@media(max-width:600px){.unauthorized-page{padding:1rem}.unauthorized-page-content{padding:2rem 1.5rem}.unauthorized-page-title{font-size:1.5rem}.shield-icon{margin-bottom:1.5rem}}