@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{background-color:#fff;margin:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.loginPage{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;place-items:center;min-width:320px;min-height:100vh;margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;display:flex}.loginPage a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}.loginPage a:hover{color:#535bf2}.loginPage h1{font-size:3.2em;line-height:1.1}.loginPage button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}.loginPage button:hover{border-color:#646cff}.loginPage button:focus,.loginPage button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){.loginPage{color:#213547;background-color:#fff}.loginPage a:hover{color:#747bff}.loginPage button{background-color:#f9f9f9}}.dashboard-container{display:flex;flex-direction:column;height:100vh}.dashboard-container .topbar{display:flex;justify-content:space-between;align-items:center;background-color:#fff;color:#000;padding:10px 20px 10px 0;height:60px;box-shadow:0 1px 4px #0000001a;z-index:1000}.dashboard-container .topbar-left{display:flex;align-items:center;gap:10px}.dashboard-container .logo{height:30px;margin-left:-18px}.dashboard-container .page-name{font-size:18px;font-weight:600}.dashboard-container .topbar-right{display:flex;align-items:center;gap:0px}.dashboard-container .menu-button{background:none;border:none;color:#000;cursor:pointer}.dashboard-container .menu-icon{width:26px;height:26px}.dashboard-container .icon-button{background:none;border:none;cursor:pointer;position:relative}.dashboard-container .icon{width:24px;height:24px;color:#000}.dashboard-container .notification-dot{position:absolute;top:5px;right:19px;width:8px;height:8px;background-color:red;border-radius:50%}.dashboard-container .user-image{width:35px;height:35px;border-radius:50%;object-fit:cover}.dashboard-container .sidebar{position:fixed;top:60px;left:0;width:220px;height:calc(100vh - 60px);background-color:#fff;border-right:1px solid #ddd;display:flex;flex-direction:column;padding-top:0;overflow:hidden;transition:width .25s ease-in-out,background-color .2s ease;z-index:999}.dashboard-container .sidebar.collapsed{width:70px}.dashboard-container .sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 20px;font-size:16px;color:#333;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}.dashboard-container .sidebar-item:hover{background-color:#f5f5f5}.dashboard-container .sidebar-icon{width:22px;height:22px;color:#555;flex-shrink:0;transition:transform .2s ease}.dashboard-container .sidebar-item span{opacity:1;transition:opacity .25s ease-in-out}.dashboard-container .sidebar.collapsed .sidebar-item span{opacity:0;pointer-events:none}.dashboard-container .sidebar-item:hover .sidebar-icon{transform:scale(1.1)}.dashboard-container .sidebar-item.active{background-color:#e6f0ff;color:#04c;font-weight:600}.dashboard-container .sidebar-item.active .sidebar-icon{color:#04c}.dashboard-container .logout{margin-top:auto;color:#d9534f}.dashboard-container .main-content{margin-left:220px;padding:20px;background-color:#f8f9fa;height:calc(100vh - 60px);overflow-y:auto;transition:margin-left .3s ease}.dashboard-container .main-content.expanded{margin-left:70px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 200px);text-align:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;padding:40px 20px;box-shadow:0 4px 6px #00000012}.empty-state-icon{width:120px;height:120px;margin-bottom:24px;color:#04c;opacity:.8;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 12px;letter-spacing:-.5px}.empty-state p{font-size:16px;color:#666;margin:0 0 32px;max-width:400px;line-height:1.6}.add-btn{background:linear-gradient(135deg,#04c,#039);color:#fff;border:none;padding:14px 40px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0044cc4d;text-transform:uppercase;letter-spacing:.5px}.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #04c6;background:linear-gradient(135deg,#039,#026)}.add-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0044cc4d}.verification-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000001a;max-width:600px;margin:0 auto}.verification-card h4{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 24px}.instruction-box{background-color:#f8f9fa;border-left:4px solid #0044cc;padding:20px;margin-bottom:24px;border-radius:6px}.instruction-box p{margin:12px 0;color:#555;font-size:14px;line-height:1.6}.instruction-box strong{color:#04c;font-weight:600}.dns-table{width:100%;border-collapse:collapse;margin-top:16px;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #00000014}.dns-table thead{background-color:#04c;color:#fff}.dns-table th{padding:14px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.dns-table td{padding:14px;border-bottom:1px solid #e0e0e0;font-size:14px}.dns-table tbody tr:last-child td{border-bottom:none}.dns-table tbody tr:hover{background-color:#f8f9fa}.token-cell{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background-color:#f0f4ff;color:#04c}.token-cell code{background-color:transparent;color:inherit;font-weight:500;word-break:break-all}.verify-btn{width:100%;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:14px 24px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #28a7454d;text-transform:uppercase;letter-spacing:.5px}.verify-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #28a74566;background:linear-gradient(135deg,#218838,#17a2b8)}.verify-btn:active{transform:translateY(0);box-shadow:0 2px 8px #28a7454d}.loading-container{display:flex;justify-content:center;align-items:center;height:calc(100vh - 200px)}.spinner{border:4px solid #f3f3f3;border-top:4px solid #0044cc;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.skyblue-dashboard-home{padding:24px;animation:fadeIn .5s ease-in-out}.skyblue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:32px}.skyblue-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;transition:all .3s ease}.skyblue-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.skyblue-card-icon{padding:12px;border-radius:10px;margin-right:16px}.bg-skyblue-blue{background-color:#e0f2fe;color:#0369a1}.bg-skyblue-green{background-color:#dcfce7;color:#15803d}.bg-skyblue-purple{background-color:#f3e8ff;color:#7e22ce}.bg-skyblue-orange{background-color:#ffedd5;color:#c2410c}.skyblue-card-title{font-size:13px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.skyblue-card-value{font-size:18px;font-weight:700;color:#111827}.skyblue-card-value-row{display:flex;align-items:center;gap:10px;margin-top:4px}.skyblue-status-badge{font-size:10px;padding:2px 8px;border-radius:20px;font-weight:700}.skyblue-status-badge.active,.skyblue-status-badge.verified,.skyblue-status-badge.healthy{background:#dcfce7;color:#166534}.skyblue-status-badge.setup-pending,.skyblue-status-badge.at-risk{background:#fee2e2;color:#991b1b}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 4px}.email-input-wrapper{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.email-input-wrapper input{border:none!important;flex:1}.domain-suffix{background:#f3f4f6;padding:0 16px;height:100%;display:flex;align-items:center;color:#6b7280;font-weight:500;border-left:1px solid #e5e7eb}.password-input-wrapper{display:flex;gap:8px}.gen-btn{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1;padding:0 12px;border-radius:8px;cursor:pointer}.gen-btn:hover{background:#e0f2fe}.btn-save{background:#04c;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer}.btn-cancel{background:#fff;border:1px solid #e5e7eb;color:#374151;padding:12px 24px;border-radius:8px;cursor:pointer}.skyblue-user-modal{background:#fff;width:100%;max-width:500px;border-radius:12px;padding:0;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden}.skyblue-user-modal .modal-header{padding:20px 24px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.skyblue-user-modal form{padding:24px;display:flex;flex-direction:column;gap:20px}.skyblue-user-modal .form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.skyblue-user-modal input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.skyblue-user-modal input:focus{border-color:#04c;ring:2px solid #0044cc22}.skyblue-user-modal .modal-footer{padding:16px 24px;background-color:#f9fafb;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;gap:12px}.um-page{padding:28px 32px;background-color:#f8fafc;min-height:100%;font-family:inherit}.um-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.um-title{font-size:18px;font-weight:500;color:#0f172a;margin-bottom:3px}.um-subtitle{font-size:13px;color:#64748b}.um-domain-tag{display:inline-block;background:#e6f1fb;color:#185fa5;border-radius:4px;padding:1px 7px;font-size:12px;font-weight:500;margin-left:5px}.um-btn-primary{display:inline-flex;align-items:center;gap:6px;background:#185fa5;color:#fff;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.um-btn-primary:hover{background:#0c447c}.um-btn-primary:disabled{opacity:.6;cursor:not-allowed}.um-stats-row{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.um-stat-pill{background:#fff;border:.5px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:12px;color:#64748b}.um-stat-pill strong{color:#0f172a;font-weight:500}.um-table-card{background:#fff;border-radius:12px;border:.5px solid #e2e8f0;overflow:hidden}.um-search-bar{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:.5px solid #e2e8f0}.um-search-icon{color:#94a3b8;flex-shrink:0}.um-search-input{border:none;outline:none;background:transparent;font-size:13px;color:#0f172a;width:100%;font-family:inherit}.um-search-input::placeholder{color:#94a3b8}.um-table{width:100%;border-collapse:collapse}.um-table thead th{padding:10px 16px;text-align:left;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;border-bottom:.5px solid #e2e8f0;background:#f8fafc}.um-table thead th.um-right{text-align:right}.um-table tbody td{padding:13px 16px;border-bottom:.5px solid #f1f5f9;font-size:13px;color:#334155;vertical-align:middle}.um-table tbody tr:last-child td{border-bottom:none}.um-row{transition:background .12s}.um-row:hover{background:#f8fafc}.um-right{text-align:right}.um-date-cell{color:#64748b;font-size:13px}.um-empty-cell{text-align:center;color:#94a3b8;padding:36px 16px;font-size:13px}.um-user-cell{display:flex;align-items:center;gap:10px}.um-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;flex-shrink:0}.um-user-name{font-weight:500;color:#0f172a}.um-email-cell{display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px}.um-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:500}.um-badge-active{background:#dcfce7;color:#166534}.um-badge-inactive{background:#f1f5f9;color:#64748b}.um-action-btns{display:flex;align-items:center;gap:4px;justify-content:flex-end}.um-btn-icon{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#94a3b8;transition:background .12s,color .12s;display:inline-flex;align-items:center}.um-btn-icon:hover{background:#f1f5f9;color:#0f172a}.um-btn-icon-danger:hover{background:#fef2f2;color:#dc2626}.um-icon-sm{width:16px;height:16px}.um-icon-xs{width:14px;height:14px}.um-modal-overlay{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:100}.um-modal{background:#fff;border-radius:12px;border:.5px solid #e2e8f0;width:400px;max-width:calc(100vw - 32px);overflow:hidden}.um-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:.5px solid #e2e8f0}.um-modal-title{font-size:15px;font-weight:500;color:#0f172a}.um-modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.um-form-group{display:flex;flex-direction:column;gap:5px}.um-label{font-size:12px;font-weight:500;color:#64748b;letter-spacing:.02em}.um-input{width:100%;padding:0 12px;height:36px;border:.5px solid #e2e8f0;border-radius:8px;font-size:13px;font-family:inherit;color:#0f172a;outline:none;background:#fff;transition:border-color .15s,box-shadow .15s}.um-input:focus{border-color:#185fa5;box-shadow:0 0 0 3px #185fa51a}.um-input::placeholder{color:#94a3b8}.um-email-row{display:flex;align-items:center}.um-input-email{border-radius:8px 0 0 8px!important;flex:1}.um-email-suffix{height:36px;display:flex;align-items:center;padding:0 12px;background:#f8fafc;border:.5px solid #e2e8f0;border-left:none;border-radius:0 8px 8px 0;font-size:13px;color:#64748b;white-space:nowrap}.um-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:.5px solid #e2e8f0;background:#f8fafc}.um-btn-cancel{background:#fff;border:.5px solid #e2e8f0;color:#334155;border-radius:8px;padding:8px 14px;font-size:13px;font-family:inherit;cursor:pointer;transition:background .12s}.um-btn-cancel:hover{background:#f1f5f9}.domain-management{width:100%;height:100%}.domain-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:0}.domain-title-section h2{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.5px}.domain-title-section p{font-size:14px;color:#666;margin:0}.dns-setup-modal{width:95%;max-width:850px;margin:20px auto;border-radius:8px;overflow:hidden}.dns-mapping-table{width:100%;border-collapse:collapse;table-layout:auto}.dns-mapping-table th,.dns-mapping-table td{padding:15px 10px;border:1px solid #e0e6ed;text-align:left;vertical-align:middle}.dns-mapping-table td{padding:12px;border:1px solid #e0e6ed;font-size:13px;color:#333}.group-label{background-color:#f4f7fa;font-weight:700;color:#0052cc;text-align:center!important;width:60px}.code-cell code{white-space:nowrap;background:#f8f9fa;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.status-cell{text-align:center!important;width:60px}.dkim-cell{vertical-align:middle;height:auto!important;min-width:350px}.dkim-value-wrapper{display:flex;align-items:flex-start;background:#f4f4f4;padding:8px;border-radius:4px;border:1px solid #e0e0e0}.dkim-text{word-break:break-all;white-space:normal;font-family:monospace;font-size:12px;color:#333;line-height:1.4;margin-right:10px;display:block}.dkim-content-wrapper{display:flex;align-items:flex-end;gap:10px;width:100%}.dkim-text-wrap{white-space:normal!important;word-break:break-all!important;overflow-wrap:break-word!important;display:block;line-height:1.5;font-family:monospace;font-size:13px;background:1px solid #e0e6ed;padding:8px;border-radius:4px;border:1px solid #e0e6ed;flex:1}.copy-btn-v2{background:none;border:none;cursor:pointer;padding:5px;flex-shrink:0;font-size:16px;display:flex;align-self:flex-end}.copy-btn{background:none;border:none;cursor:pointer;margin-left:8px;color:#0052cc;opacity:.6}.copy-btn:hover{opacity:1}.copy-btn-overlay{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:4px 6px;font-size:14px;transition:all .2s;flex-shrink:0}.copy-btn-overlay:hover{background:#eef2ff;border-color:#4f46e5}.status-error{display:inline-block;width:18px;height:18px;background:#d93025;color:#fff;border-radius:50%;text-align:center;line-height:18px;font-weight:700;font-size:12px}.note-box{background:#fff9e6;padding:15px;border-radius:4px;margin-top:20px;font-size:13px;line-height:1.5;color:#444}.btn-primary-verify{background:#0052cc;color:#fff;padding:10px 24px;border-radius:4px;border:none;font-weight:600;cursor:pointer}.btn-primary-verify:hover{background:#0040a3}.btn-setup{background-color:#eef2ff;color:#4338ca;width:auto!important;padding:0 12px;gap:6px}.btn-setup span{font-size:12px;font-weight:700;text-transform:uppercase}.btn-setup:hover{background-color:#e0e7ff;transform:translateY(-2px);box-shadow:0 2px 6px #4338ca33}.mx-data-table{width:100%;border-collapse:collapse;margin-top:10px;border:1px solid #e0e0e0;border-radius:8px}.mx-data-table th{background-color:#f8f9fa;padding:12px;font-size:11px;text-align:left;color:#666;border-bottom:1px solid #e0e0e0}.mx-data-table td{padding:12px;font-size:13px;border-bottom:1px solid #f0f0f0}.mx-data-table code{background:#f1f1f1;padding:2px 6px;border-radius:4px;font-family:monospace;color:#d63384}.badge-type{background:#eef2ff;color:#4338ca;padding:2px 6px;border-radius:4px;font-weight:800;font-size:11px}.info-box{background-color:#fff9db;border-left:4px solid #fcc419;padding:12px;margin-top:20px;font-size:13px;color:#856404}.btn-verify{background-color:#fff8e1;color:#f57c00;width:auto;padding:0 10px;gap:4px}.btn-verify span{font-size:12px;font-weight:700;text-transform:uppercase}.btn-verify .icon{width:18px;height:18px;stroke:currentColor}.btn-verify:hover{background-color:#ffecb3;transform:translateY(-2px);box-shadow:0 2px 6px #f57c004d}.btn-primary-add{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#04c,#039);color:#fff;border:none;padding:12px 24px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0044cc4d;text-transform:uppercase;letter-spacing:.5px}.btn-primary-add:hover{transform:translateY(-2px);box-shadow:0 6px 16px #04c6;background:linear-gradient(135deg,#039,#026)}.btn-primary-add .icon{width:18px;height:18px}.domain-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.empty-domains-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center}.empty-icon-box{width:80px;height:80px;background:linear-gradient(135deg,#f0f4ff,#e6f0ff);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#04c}.empty-domains-state h3{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.empty-domains-state p{font-size:14px;color:#666;margin:0 0 24px;max-width:300px}.domains-table{width:100%;border-collapse:collapse}.domains-table thead{background:linear-gradient(135deg,#f8f9fa,#f0f4ff);border-bottom:2px solid #e0e0e0}.domains-table th{padding:16px;text-align:left;font-weight:600;font-size:13px;color:#333;text-transform:uppercase;letter-spacing:.5px}.domains-table td{padding:16px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#555}.domains-table tbody tr{transition:background-color .2s ease}.domains-table tbody tr:hover{background-color:#f8f9fa}.domains-table tbody tr:last-child td{border-bottom:none}.domain-name-content{display:flex;align-items:center;gap:12px}.domain-icon{font-size:20px}.domain-name-content .name{font-weight:600;color:#04c}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.verified{background-color:#d4edda;color:#155724}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-icon{width:14px;height:14px}.action-buttons{display:flex;gap:8px}.btn-icon{width:36px;height:36px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:0}.btn-icon .icon{width:18px;height:18px}.btn-edit{background-color:#e3f2fd;color:#1976d2}.btn-edit:hover{background-color:#bbdefb;transform:translateY(-2px);box-shadow:0 2px 6px #1976d24d}.btn-delete{background-color:#ffebee;color:#d32f2f}.btn-delete:hover{background-color:#ffcdd2;transform:translateY(-2px);box-shadow:0 2px 6px #d32f2f4d}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;width:90%;max-width:80%;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e0e0}.modal-header h3{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{color:#333;background-color:#f0f0f0;border-radius:6px}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:600;font-size:14px;color:#333;margin-bottom:8px}.form-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#04c;box-shadow:0 0 0 3px #0044cc1a;background-color:#f8f9ff}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e0e0e0}.btn-primary{background:linear-gradient(135deg,#04c,#039);color:#fff;border:none;padding:12px 28px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0044cc4d;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #04c6;background:linear-gradient(135deg,#039,#026)}.btn-secondary{background:#f0f0f0;color:#333;border:none;padding:12px 28px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-secondary:hover{background:#e0e0e0}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 28px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #28a7454d;text-transform:uppercase;letter-spacing:.5px}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 16px #28a74566;background:linear-gradient(135deg,#218838,#17a2b8)}.verification-modal{max-width:700px}.verification-body{padding:24px}.verification-body h4{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 16px;text-transform:uppercase;letter-spacing:1px}.verification-intro{font-size:14px;color:#555;line-height:1.6;margin:0 0 24px}.verification-intro strong{color:#04c;font-weight:600}.verification-method{background-color:#f8f9fa;border-left:4px solid #0044cc;padding:20px;margin-bottom:24px;border-radius:6px}.verification-method h5{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.instruction-list{margin:0;padding-left:20px;font-size:14px;color:#555;line-height:1.8}.instruction-list li{margin-bottom:12px}.instruction-list li:last-child{margin-bottom:0}.help-link{color:#04c;text-decoration:none;font-weight:600;transition:all .2s ease}.help-link:hover{text-decoration:underline}.txt-record-table{margin-bottom:0}.verification-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e0e0e0}@media(max-width:768px){.domain-header{flex-direction:column;align-items:flex-start;gap:16px}.domains-table{font-size:12px}.domains-table th,.domains-table td{padding:12px 8px}.modal-content{width:95%}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.organizationPage{background:#fff;justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex}.org-container{text-align:center;background:#fff;border-radius:14px;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 4px 18px #00000014}.icon-wrapper{justify-content:center;margin-bottom:1.2rem;display:flex}.org-icon{color:#646cff;width:58px;height:58px}.org-title{color:#213547;margin-bottom:1.2rem;font-size:1.9rem;font-weight:600}.org-input{border:1px solid #dedede;border-radius:10px;outline:none;width:100%;margin-top:.5rem;padding:.8rem 1rem;font-size:1rem;transition:all .25s}.org-input:focus{border-color:#646cff;box-shadow:0 0 4px #646cff59}.org-btn{color:#fff;cursor:pointer;background-color:#646cff;border:none;border-radius:10px;width:100%;margin-top:1.3rem;padding:.85rem;font-size:1rem;font-weight:600;transition:all .25s}.org-btn:hover:not(:disabled){background-color:#535bf2}.org-btn:disabled{opacity:.7;cursor:not-allowed}.msg{margin-bottom:1rem;font-size:.95rem;font-weight:500}.msg.success{color:#2e8b57}.msg.error{color:#d9534f}.spinner{border:3px solid #fff;border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:#fff;margin:0;color:#333;width:100%}#root{width:100%}.pageContainer{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1rem}.logoContainer{position:absolute;top:20px;left:20px}.logo{height:30px;width:auto;cursor:pointer;transition:transform .2s ease}.logo:hover{transform:scale(1.05)}.user-image{height:30px;width:auto;cursor:pointer;transition:transform .2s ease}.user-image:hover{transform:scale(1.05)}.loginForm{width:90%;max-width:450px;min-width:300px;margin:60px auto;padding:40px 30px;background:#fff;border-radius:12px;border:2px solid #fff;box-shadow:0 5px 15px #0000001a;text-align:center;font-family:Poppins,sans-serif}.loginText{font-size:36px;font-weight:600;margin-bottom:5px;color:#333}.loginText h1{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:5px;letter-spacing:.5px}.loginText p{font-size:14px;color:#555;font-weight:400}.loginSubtitle{font-size:14px;color:#666;font-weight:400;margin-bottom:25px;letter-spacing:.3px}.loginForm input{width:100%;padding:12px 16px;margin-bottom:15px;border:2px solid #ccc;border-radius:10px;font-size:16px;outline:none;transition:.3s}.loginForm input:focus{border-color:#4a90e2;box-shadow:0 4px 10px #4a90e24d}#loginButton,#signupButton{width:100%;padding:12px;border:none;border-radius:10px;font-size:16px;cursor:pointer;transition:.3s}#loginButton{background-color:#4a90e2;color:#fff;margin-bottom:10px}#loginButton:hover{background-color:#357abd}#signupButton{background-color:#e0e0e0;color:#333}#signupButton:hover{background-color:#d5d5d5}.forgotText{margin-top:15px;font-size:14px;text-align:right}.forgotText a{color:#4a90e2;text-decoration:none;transition:.2s}.forgotText a:hover{text-decoration:underline}.inputError{border-color:red!important;box-shadow:0 0 5px #ff000080}.dialogOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialogBox{background:#fff;padding:25px 30px;border-radius:12px;text-align:center;width:300px;max-width:90%;box-shadow:0 5px 15px #0003}.dialogBox p{margin-bottom:20px;font-size:16px;color:#333}.dialogBox button{padding:10px 20px;border:none;border-radius:8px;background-color:#4a90e2;color:#fff;font-size:14px;cursor:pointer;transition:.3s}.dialogBox button:hover{background-color:#357abd}.passwordContainer{position:relative}.togglePassword{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center}.togglePassword svg{stroke:#aaa;width:20px;height:20px;transition:stroke .2s}.togglePassword:hover svg{stroke:#777}@media(max-width:1024px){.loginForm{max-width:450px;padding:35px 25px}.loginText h1{font-size:26px}.loginText p{font-size:13px}}@media(max-width:768px){.loginForm{max-width:400px;padding:30px 20px;margin:50px auto}.loginText h1{font-size:24px}.loginText p,.forgotText{font-size:12px}.logo{height:30px}.dialogBox{width:90%;padding:20px}}@media(max-width:480px){.loginForm{width:95%;max-width:95%;padding:20px;margin:30px auto}.loginText h1{font-size:20px}.loginText p{font-size:12px}.logoContainer{top:10px;left:10px}.logo{height:25px}#loginButton,#signupButton{font-size:14px;padding:10px}}@media(min-width:1200px){.loginForm{max-width:400px;padding:50px 40px}.loginText h1{font-size:32px}.loginText p{font-size:16px}}#loginButton{width:100%;height:45px;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;margin-top:0;transition:background .3s ease;display:flex;justify-content:center;align-items:center}#loginButton:hover{background-color:#0056b3}#loginButton.loading{opacity:.9;cursor:not-allowed}.spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;width:22px;height:22px;animation:spin .8s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#resetButton{margin-top:20px;background-color:#4a90e2;color:#fff;border:none;width:200px;height:40px;border-radius:8px}#resetButton:hover{background-color:#0056b3}#resetButton:disabled{opacity:.7;cursor:not-allowed}
