:root{--color-primary:#fa5f56;--color-dark:#1a3848;--color-surface:#f9f9f9;--color-surface-contrast:#fff;--color-muted:#6c7a88;--color-border:#d7dde3;--color-success:#2caa6c;--color-danger:#d64949;--shadow-soft:0 6px 18px #1a384824;--shadow-strong:0 14px 38px #1a38482e}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%;overflow:hidden;width:100%}@media (max-width:1024px){#root,body,html{height:auto;min-height:100vh;overflow-y:auto}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9f9f9;background:var(--color-surface);color:#1a3848;color:var(--color-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit}.page-shell{background:#fff;background:var(--color-surface-contrast);border:1px solid #d7dde3;border:1px solid var(--color-border);border-radius:16px;box-shadow:0 6px 18px #1a384824;box-shadow:var(--shadow-soft);padding:20px;width:100%}.page-title{font-size:26px;font-weight:700;line-height:1.2;margin:0 0 12px}.dark .page-shell{background:#1a3848e6;border:1px solid #f9f9f91a;box-shadow:0 14px 38px #1a38482e;box-shadow:var(--shadow-strong)}@media (max-width:1024px){.page-shell{border-radius:12px;padding:16px}.page-title{font-size:22px}}@media (max-width:480px){.page-shell{padding:14px}}.app-loading{align-items:center;background:var(--color-surface);display:flex;justify-content:center;min-height:100vh}.app-loading.dark{background:var(--color-dark);color:var(--color-surface)}.app-frame{background:var(--color-surface);color:var(--color-dark);display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden;position:relative;transition:background .35s ease,color .35s ease}.app-frame.dark{background:#0f172a;color:var(--color-surface)}.app-content{flex:1 1;height:100%;overflow:hidden}@media (max-width:1024px){.app-content,.app-frame{height:auto;min-height:100vh;overflow-y:auto}}.app-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-top:1px solid var(--color-border);bottom:0;color:var(--color-dark);font-weight:400;left:0;letter-spacing:.01em;padding:12px 20px;position:fixed;text-align:center;width:100%;z-index:50}.app-footer a{color:#475569;font-weight:500;text-decoration:none;transition:color .25s ease}.app-footer a:hover{color:var(--color-primary)}.app-frame.dark .app-footer{background:#0f172aeb;border-top:1px solid #ffffff14;color:var(--color-surface)}.page-transition{animation:pageFade .35s ease,pageLift .35s ease;min-height:inherit}@keyframes pageFade{0%{filter:blur(3px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes pageLift{0%{transform:translateY(10px) scale(.995)}to{transform:translateY(0) scale(1)}}@media (max-width:1024px){.app-footer{font-size:13px;padding:10px 12px;position:static}}.dashboard-container{background:var(--color-surface);display:flex;height:100vh;min-height:100vh;overflow:hidden}@media (max-width:1024px){.dashboard-container{height:auto;min-height:100vh;overflow-y:auto}}.dashboard-container.dark{background:var(--color-dark)}.dashboard-content{color:var(--color-dark);flex:1 1;overflow-y:auto;padding:24px}.dashboard-container.light .dashboard-content{background-color:var(--color-surface);color:var(--color-dark)}.dashboard-container.dark .dashboard-content{background-color:var(--color-dark);color:var(--color-surface)}.dashboard-page{display:flex;flex-direction:column;gap:20px}.dashboard-page h1{font-size:26px;font-weight:700;margin:0 0 12px}.data-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.data-item{align-items:center;background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;justify-content:center;padding:16px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.dashboard-container.dark .data-item{background:#1a3848db;border:1px solid #f9f9f91a;box-shadow:var(--shadow-strong)}.data-label{font-size:14px;font-weight:700;margin-bottom:6px;opacity:.7}.data-value{color:var(--color-primary);font-size:24px;font-weight:700}.charts-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:8px}.chart{align-items:center;background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.dashboard-container.dark .chart{background:#1a3848e6;border:1px solid #f9f9f91a;box-shadow:var(--shadow-strong)}.chart h2{font-size:17px;font-weight:700;margin-bottom:12px}.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.dashboard-content::-webkit-scrollbar-track{background-color:initial}.status-footer{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:20px}.metrics-grid{margin-top:0}.status-card{align-items:center;background-color:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-soft);display:flex;gap:12px;padding:16px}.dashboard-container.dark .status-card{background-color:#1a3848e6;border:1px solid #f9f9f91a;box-shadow:var(--shadow-strong)}.status-icon{background-color:#0f9d581a;border-radius:50%;display:grid;height:48px;place-items:center;width:48px}.status-icon.warning{background-color:#f4b40026}.status-text{display:flex;flex-direction:column;gap:2px}.status-title{font-size:14px;font-weight:600}.status-value{font-size:20px;font-weight:700}.status-subtitle{color:var(--color-muted);font-size:12px}.dashboard-container.dark .status-subtitle{color:#f9f9f9b3}.down-list{margin:4px 0 0;padding-left:18px}.down-list li{font-size:12px;line-height:1.4}@media (max-width:1200px){.dashboard-content{padding:20px}.charts-container{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:1024px){.dashboard-container{flex-direction:column}.dashboard-content{padding:16px 14px 28px}.status-footer{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.chart{align-items:stretch;padding:16px}.status-card{align-items:flex-start}}.dashboard-nav{-webkit-overflow-scrolling:touch;background:var(--color-dark);border-right:1px solid #f9f9f914;box-shadow:6px 0 18px #1a384847;color:var(--color-surface);display:flex;flex-direction:column;flex-shrink:0;gap:16px;height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:20px 20px 24px;position:-webkit-sticky;position:sticky;top:0;transition:background .3s ease,color .3s ease,box-shadow .3s ease;width:220px}.dashboard-nav.light{background:var(--color-surface-contrast);border-right:1px solid var(--color-border);color:var(--color-dark)}.dashboard-nav ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0;width:100%}.dashboard-nav li{width:100%}.dashboard-nav a{align-items:center;border:1px solid #0000;border-radius:12px;color:inherit;display:flex;font-weight:600;gap:10px;overflow:hidden;padding:12px 14px;position:relative;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.dashboard-nav.light a{color:#0f172a}.dashboard-nav a:hover{background:#fa5f561f;border-color:#fa5f5666;box-shadow:0 8px 18px #1a384840;color:var(--color-dark);transform:translateY(-1px)}.dashboard-nav a:after{background:linear-gradient(90deg,#fa5f561f,#1a384829);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transform:translateX(-10%);transition:opacity .25s ease,transform .25s ease}.dashboard-nav a:hover:after{opacity:1;transform:translateX(0)}.dashboard-nav a.active{background:#fa5f5633;border-color:#fa5f5699;box-shadow:0 8px 18px #1a384840;color:var(--color-dark)}.dashboard-nav a.active:after{opacity:1;transform:translateX(0)}.dashboard-nav.dark a.active,.dashboard-nav.dark a:hover{color:var(--color-surface)}.nav-icon{display:inline-flex;width:18px}.logo-container,.nav-icon{align-items:center;justify-content:center}.logo-container{background:#f9f9f914;border-radius:12px;display:flex;padding:12px}.dashboard-nav.light .logo-container{background:#1a38480f}.logo{width:120px}.logout-container{background:inherit;bottom:40px;display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:10px;position:-webkit-sticky;position:sticky;width:100%}.logout-button,.theme-toggle{border:none;border-radius:12px;cursor:pointer;font-weight:700;padding:12px 14px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease;width:100%}.logout-button{background:#d64949;box-shadow:0 8px 18px #d649494d;color:#fff}.logout-button:hover{box-shadow:0 10px 22px #d6494973;transform:translateY(-1px)}.theme-toggle{background:var(--color-primary);box-shadow:0 8px 18px #fa5f5659;color:var(--color-dark)}.theme-toggle:hover{box-shadow:0 10px 22px #fa5f5673;transform:translateY(-1px)}.mobile-nav-header{display:none}.mobile-nav-toggle{align-items:center;background:#ffffffeb;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 26px #1a38482e;color:var(--color-dark);cursor:pointer;display:none;height:42px;justify-content:center;position:relative;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;width:42px;z-index:210}.mobile-nav-toggle.dark{background:#0f172af0;border-color:#ffffff1f;color:var(--color-surface)}.mobile-nav-toggle .hamburger,.mobile-nav-toggle .hamburger:after,.mobile-nav-toggle .hamburger:before{background:currentColor;border-radius:999px;content:"";display:block;height:2px;transition:transform .2s ease,opacity .2s ease;width:18px}.mobile-nav-toggle .hamburger:before{transform:translateY(-6px)}.mobile-nav-toggle .hamburger:after{transform:translateY(6px)}.mobile-nav-toggle.open .hamburger{transform:rotate(45deg)}.mobile-nav-toggle.open .hamburger:before{opacity:0}.mobile-nav-toggle.open .hamburger:after{transform:rotate(-90deg)}.mobile-nav-toggle:hover{box-shadow:0 12px 28px #1a38483d;transform:translateY(-1px)}.nav-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a47;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:205}.nav-overlay.show{opacity:1;pointer-events:auto}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media (max-width:1200px){.dashboard-nav{width:210px}}@media (max-width:1024px){.mobile-nav-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid var(--color-border);display:flex;gap:10px;justify-content:flex-start;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:215}.mobile-nav-header.dark{background:#0f172af0;border-bottom:1px solid #ffffff1a}.dashboard-nav{bottom:0;box-shadow:16px 0 40px #0f172a4d;height:100vh;left:0;max-width:320px;position:fixed;top:0;transform:translateX(-105%);width:82%;z-index:220}.dashboard-nav.open{transform:translateX(0)}.dashboard-nav ul{gap:8px}.dashboard-nav a{padding:12px}.logo{width:110px}.mobile-nav-toggle{display:inline-flex}.dashboard-nav{width:86%}.logout-button,.theme-toggle{font-size:14px}}.Profile-container{background:var(--color-surface);display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;height:100vh;min-height:100vh;overflow:hidden}.Profile-container.dark{background:var(--color-dark)}.Profile-content{align-items:stretch;color:var(--color-dark);display:flex;flex-grow:1;gap:20px;justify-content:flex-start;min-width:0;overflow-y:auto;padding:24px}@media (max-width:1024px){.Profile-container{height:auto;min-height:100vh;overflow-y:auto}}.Profile-container.dark .Profile-content{color:var(--color-surface)}.profile-card{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:18px;box-shadow:var(--shadow-soft);padding:20px 20px 24px;width:100%}.Profile-container.dark .profile-card{background:#1a3848e0;border:1px solid #f9f9f91a;box-shadow:var(--shadow-strong)}.profile-header{align-items:center;display:flex;gap:16px;justify-content:flex-start;margin-bottom:16px}.profile-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:12px}.profile-badges{display:flex;flex-wrap:wrap;gap:10px}.profile-chip{background:#1a38480f;border-radius:999px;font-size:12px;font-weight:700;padding:8px 12px}.profile-chip.primary{background:#fa5f5629;color:#7c241e}.Profile-container.dark .profile-chip{background:#ffffff14}.avatar-container{align-items:center;background:var(--color-primary);border-radius:16px;box-shadow:var(--shadow-soft);display:flex;height:96px;justify-content:center;overflow:hidden;width:96px}.avatar-container img{height:100%;object-fit:cover;width:100%}.profile-summary h1{font-size:22px;font-weight:700;margin:0}.profile-name{font-size:20px;font-weight:700;margin:0}.profile-title-row{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin-bottom:12px}.profile-header-meta{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.profile-email{color:var(--color-muted);margin:4px 0}.Profile-container.dark .profile-email{color:#f9f9f9c2}.profile-role{background:#fa5f5624;border-radius:12px;color:var(--color-dark);display:inline-block;font-size:12px;font-weight:700;padding:6px 10px}.Profile-container.dark .profile-role{background:#fa5f5633;color:var(--color-surface)}.profile-summary-meta{display:flex;flex-wrap:wrap;gap:10px}.meta-pill{background:#1a38480f;border-radius:10px;font-size:12px;font-weight:600;padding:6px 10px}.Profile-container.dark .meta-pill{background:#ffffff14}.profile-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.detail-row{background:#1a38480a;border:1px solid var(--color-border);border-radius:12px;display:flex;justify-content:space-between;padding:12px 14px}.Profile-container.dark .detail-row{background:#ffffff0a;border:1px solid #ffffff14}.detail-label{color:inherit;font-weight:700}.detail-value{color:inherit}.profile-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(260px,2fr) 1fr;width:100%}.profile-panel{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:14px;display:flex;flex-direction:column;gap:12px;padding:14px 16px}.Profile-container.dark .profile-panel{background:#1a38481f;border:1px solid #f9f9f914}.panel-heading{font-size:15px;font-weight:800;margin:0}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.small-pill{background:#1a38480f;border-radius:10px;font-size:12px;font-weight:600;padding:6px 8px}.Profile-container.dark .small-pill{background:#ffffff14}.loading{color:inherit;font-size:18px;padding:50px 0;text-align:center}@media (max-width:1024px){.Profile-container{flex-direction:column}.Profile-content{padding:16px}.profile-header{align-items:flex-start;flex-direction:column}.profile-grid{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a66;inset:0;padding:16px;z-index:400}.modal-content{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-strong);color:var(--color-dark);padding:22px 22px 18px;width:min(480px,100%)}.modal-content h2{font-size:22px;font-weight:800;margin:0 0 12px}.modal-content input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;color:inherit;font-size:15px;padding:11px 12px;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.modal-content input:focus{border-color:#fa5f56a6;box-shadow:0 0 0 3px #fa5f5633;outline:none;transform:translateY(-1px)}.modal-actions{margin-top:4px}.ghost-button,.submit-button2{border:1px solid #0000;border-radius:12px;cursor:pointer;flex:1 1;font-weight:800;padding:11px 14px;text-align:center;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.submit-button2{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 10px 22px #fa5f5647;color:#fff}.submit-button2:hover{box-shadow:0 12px 26px #fa5f5652;transform:translateY(-1px)}.modal-overlay{background:#00000080}.modal-content{background:#fff}.modal-button{border-radius:4px;margin:0 5px}.confirm-button{background:#007bff}.cancel-button{background:#6c757d}.Environments-container{background:var(--color-surface);display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;height:100vh;min-height:100vh;overflow:hidden}@media (max-width:1024px){.Environments-container{height:auto;min-height:100vh;overflow-y:auto}}.Environments-container.dark{background:var(--color-dark)}.Environments-content{align-items:stretch;color:var(--color-dark);display:flex;flex:1 1;flex-direction:column;gap:20px;margin:0 auto;overflow-y:auto;padding:24px;width:100%}.Environments-container.light .Environments-content{background:var(--color-surface);color:var(--color-dark)}.Environments-container.dark .Environments-content{background:var(--color-dark);color:var(--color-surface)}.panel{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-soft);padding:18px;width:100%}.Environments-container.dark .panel{background:#1a3848e6;border:1px solid #f9f9f914;box-shadow:var(--shadow-strong)}.panel h1{font-size:22px;font-weight:700;margin:0 0 12px}.env-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.env-header>div:first-child{flex:1 1 70px;min-width:0}.env-subtitle{color:var(--color-muted);font-size:14px;margin:4px 0 0}.Environments-container.dark .env-subtitle{color:#f9f9f9c2}.env-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.env-chip{background:#fa5f5624;border-radius:12px;color:var(--color-dark);font-size:12px;font-weight:700;padding:8px 10px}.Environments-container.dark .env-chip{background:#fa5f5633;color:var(--color-surface)}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:12px;margin-top:8px;max-width:100%;overflow-x:auto;width:100%}.empty-state{padding:16px;text-align:center}.Environments-container.dark .empty-state{color:#f9f9f9c2}.filter-container{gap:12px}.filter-container select{font-size:14px}.Environments-container.dark .filter-container select{background:#f9f9f90d;border:1px solid #f9f9f924;color:var(--color-surface)}table{min-width:480px}.Environments-container.dark table{background:#1a3848e0;border:1px solid #f9f9f914;box-shadow:var(--shadow-strong)}.Environments-container.dark td,.Environments-container.dark th{border-bottom:1px solid #ffffff14}.Environments-container.dark th{background:#f9f9f914;border-bottom:1px solid #f9f9f924}.Environments-container.dark tr:hover td{background:#fa5f5633}td select{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:10px;padding:8px 10px}.Environments-container.dark td select{background:#f9f9f90d;border:1px solid #f9f9f924;color:var(--color-surface)}.addnew-button{gap:8px;transition:transform .15s ease,box-shadow .2s ease}.addnew-button:hover{box-shadow:0 10px 22px #fa5f5652}.status{border-radius:999px;display:inline-block;font-size:13px;font-weight:700;padding:8px 12px}.status.up{background:#2caa6c24;color:#1f7a4e}.status.down{background:#d6494929;color:#8a1f1f}.notification{margin-top:10px}.loading-indicator{color:var(--color-primary)}.addnew-button2{background-color:var(--color-primary);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:8px;padding:8px 16px;transition-duration:.4s}.addnew-button2:hover{background-color:#e25047}@media (max-width:1024px){.Environments-container,.env-header{flex-direction:column}.env-header{align-items:stretch}.env-actions{gap:10px;justify-content:space-between;width:100%}.env-actions .addnew-button{justify-content:center;width:100%}.panel{padding:16px}table{min-width:400px}}.request-container{background:var(--color-surface);display:flex;height:100vh;min-height:100vh;overflow:hidden}.request-container.light{background-color:var(--color-surface);color:var(--color-dark)}.request-container.dark{background-color:var(--color-dark);color:var(--color-surface)}.request-content{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:20px;margin:0 auto;overflow-y:auto;padding:24px;width:100%}@media (max-width:1024px){.request-container{height:auto;min-height:100vh;overflow-y:auto}}.request-container.dark .request-content{color:var(--color-surface)}.request-content h1{font-size:26px;font-weight:700;margin:0}.request-page{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-soft);padding:16px 14px;width:100%}.request-container.dark .request-page{background:#1a3848e6;border:1px solid #f9f9f914;box-shadow:var(--shadow-strong)}.request-header{margin-bottom:8px}.request-subtitle{color:var(--color-muted);font-size:14px;margin:4px 0 0}.request-container.dark .request-subtitle{color:#f9f9f9c2}.request-container form{grid-gap:12px;display:grid;gap:12px}.request-container form label{display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:2px;width:100%}.input-field,textarea{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:8px;box-sizing:border-box;color:inherit;font-size:15px;padding:10px 12px;transition:all .2s ease;width:100%}.request-container.dark .input-field,.request-container.dark textarea{background:#f9f9f90d;border:1px solid #f9f9f924;color:var(--color-surface)}.input-field:focus,textarea:focus{border-color:#fa5f56a6;box-shadow:0 0 0 3px #fa5f5633;outline:none;transform:translateY(-1px)}.dropdown-container{position:relative;width:100%}.dropdown-list{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-soft);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.request-container.dark .dropdown-list{background:#1a3848e6;border:1px solid #f9f9f914}.dropdown-item{cursor:pointer;padding:10px 12px;transition:background .15s ease}.dropdown-item:hover{background:#fa5f561f}.request-container.dark .dropdown-item:hover{background:#fa5f5638}.submit-button{align-self:flex-start;background:var(--color-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.submit-button:hover{box-shadow:0 12px 24px #fa5f5659;transform:translateY(-1px)}.submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.toast-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.toast{align-items:center;border:1px solid #0000;border-radius:14px;box-shadow:0 14px 34px #1118271f;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.toast.success{background:linear-gradient(135deg,#2caa6c24,#2caa6c14);border-color:#2caa6c73;color:#0f5132}.toast.error{background:linear-gradient(135deg,#d6494929,#d6494914);border-color:#d6494973;color:#7a1c1c}.toast-content{align-items:center;display:flex;gap:10px}.toast-icon{background:currentColor;border-radius:50%;height:12px;opacity:.6;width:12px}.toast-text{display:flex;flex-direction:column;font-weight:600;gap:4px}.toast-title{font-size:14px;font-weight:800}.toast-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;line-height:1;opacity:.7;padding:4px;transition:opacity .2s ease,transform .1s ease}.toast-dismiss:hover{opacity:1;transform:scale(1.05)}.request-container.dark .toast.success{background:linear-gradient(135deg,#2caa6c40,#2caa6c24);border-color:#2caa6cb3;color:#e8fff2}.request-container.dark .toast.error{background:linear-gradient(135deg,#d649493d,#d6494924);border-color:#d64949a6;color:#ffecec}@media (max-width:1024px){.request-container{flex-direction:column}.request-content{padding:18px}.request-page{padding:16px}.submit-button{justify-content:center;width:100%}}@media (max-width:600px){.request-content h1{font-size:22px}.request-container form{gap:10px}}.file-field{cursor:pointer}.file-field::-webkit-file-upload-button{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:6px;color:inherit;cursor:pointer;font-size:13px;margin-right:12px;padding:6px 12px}.file-field::file-selector-button{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:6px;color:inherit;cursor:pointer;font-size:13px;margin-right:12px;padding:6px 12px}.field-hint{display:block;font-size:12px;margin-top:6px;opacity:.65}.alert-container{background:var(--color-surface);display:flex;height:100vh;min-height:100vh;overflow:hidden}@media (max-width:1024px){.alert-container{height:auto;min-height:100vh;overflow-y:auto}}.alert-container.dark{background:var(--color-dark)}.alert-content{background:var(--color-surface);color:var(--color-dark);flex:1 1;overflow-y:auto;padding:24px}.alert-container.dark .alert-content{background:var(--color-dark);color:var(--color-surface)}.alert-header{align-items:center;color:inherit;display:flex;font-size:24px;justify-content:space-between;margin-bottom:16px}table{margin-top:12px;min-width:640px}.alert-container.dark table{background:#1a3848e0;border:1px solid #f9f9f914;box-shadow:var(--shadow-strong)}.alert-container.dark td,.alert-container.dark th{border-bottom:1px solid #ffffff14}th{font-size:14px}.alert-container.dark th{background:#f9f9f914;border-bottom:1px solid #f9f9f924}.alert-container.dark tr:hover td{background:#fa5f5638}.delete-button{background:var(--color-danger);border:1px solid var(--color-danger);border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:8px 10px;transition:transform .15s ease,box-shadow .2s ease}.delete-button:hover{box-shadow:0 10px 22px #d6494959;transform:translateY(-1px)}.view-button{background:#0000;border:1px solid var(--color-border);border-radius:10px;color:inherit;cursor:pointer;font-weight:700;padding:8px 10px;transition:transform .15s ease,box-shadow .2s ease}.view-button:hover{box-shadow:0 10px 22px #0000002e;transform:translateY(-1px)}.muted{opacity:.5}.pagination{align-items:center;flex-wrap:wrap}.alert-container.dark .page-button{background:#f9f9f90f;border:1px solid #f9f9f924;color:var(--color-surface)}.alert-container.dark .page-button:hover{background:#fa5f5633}.alert-container.dark .page-button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.notification{background-color:#4caf50;border-radius:5px;color:#fff;margin:20px 0;padding:10px}.notification.error{background-color:#f44336}.loading-indicator{color:var(--color-dark)}.alert-table-wrap{-webkit-overflow-scrolling:touch;border-radius:12px;margin-top:12px;max-width:100%;overflow-x:auto;width:100%}@media (max-width:1024px){.alert-container{flex-direction:column}.alert-content{padding:10px}table td,table th{padding:5px}.pagination{gap:6px}}.close-button{background-color:#2196f3;color:#fff}.loader{align-items:center;color:var(--color-dark);display:inline-flex;gap:12px}.loader.fullscreen{background:var(--color-surface);justify-content:center;min-height:100vh;width:100%}.loader-ring{animation:loader-spin 1s linear infinite;background:var(--color-surface-contrast);border:4px solid #1a384824;border-radius:50%;border-top:4px solid var(--color-primary);box-shadow:var(--shadow-soft);height:46px;position:relative;width:46px}.loader-dot{animation:loader-pulse 1.3s ease-in-out infinite;background:var(--color-primary);border-radius:50%;inset:10px;opacity:.8;position:absolute}.loader-label{font-weight:700;letter-spacing:.2px}.dark .loader{color:var(--color-surface)}.dark .loader.fullscreen{background:var(--color-dark)}.dark .loader-ring{background:#f9f9f90d;border-color:#f9f9f91f;border-top-color:var(--color-primary)}@keyframes loader-spin{to{transform:rotate(1turn)}}@keyframes loader-pulse{0%,to{opacity:.9;transform:scale(.8)}50%{opacity:.6;transform:scale(1.1)}}body{background:radial-gradient(circle at 15% 15%,#fa5f5629,#0000 32%),radial-gradient(circle at 80% 10%,#1a38482e,#0000 30%),radial-gradient(circle at 65% 85%,#1a384829,#0000 28%),#f8fafc;color:#0f172a;font-family:Inter,system-ui,-apple-system,sans-serif;margin:0}.login-shell{display:grid;max-height:100vh;min-height:97vh;overflow:auto;padding:32px 16px;place-items:center;position:relative}.login-bg{inset:0;overflow:hidden;pointer-events:none}.blob,.login-bg{position:absolute}.blob{animation:float 16s ease-in-out infinite alternate;border-radius:50%;filter:blur(120px);height:420px;opacity:.4;width:420px}.blob-1{background:#fa5f56a6;left:-120px;top:-80px}.blob-2{animation-delay:3s;background:#1a3848b3;bottom:-120px;right:-140px}.blob-3{animation-delay:6s;background:#f9f9f999;right:22%;top:20%}@keyframes float{to{opacity:.55;transform:translateY(-40px) scale(1.05)}}.login-panel{grid-gap:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #1a384814;border-radius:20px;box-shadow:0 24px 60px #0f172a38;display:grid;gap:20px;grid-template-columns:1.2fr 1fr;min-height:620px;overflow:hidden;width:min(980px,100%)}.login-hero{align-items:center;background:linear-gradient(135deg,#1a38481a,#fa5f561f);color:#0f172a;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:32px;position:relative;text-align:center}.hero-logo{height:78px;margin-top:-24px}.hero-copy{color:#334155;margin:0 0 10px}.hero-badge{align-self:center;background:#1a384814;border-radius:12px;color:#0f172a;font-size:12px;font-weight:700;gap:6px;padding:8px 12px}.hero-badge,.hero-links{align-items:center;display:inline-flex}.hero-links{bottom:24px;gap:10px;justify-content:space-between;left:0;padding:0 24px;position:absolute;right:0}.hero-link{align-items:center;color:#475569;display:inline-flex;font-size:14px;font-weight:500;letter-spacing:.01em;padding:6px 10px;text-decoration:none;transition:color .25s ease}.hero-link:hover{color:var(--color-primary)}.hero-badges{flex-wrap:wrap;gap:8px;justify-content:center}.hero-badge-icon,.hero-badges{display:inline-flex}.login-form-panel{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffa6;border-left:1px solid #ffffff1f;display:flex;justify-content:center;min-height:620px;padding:28px;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}.login-form-inner{display:flex;flex-direction:column;gap:12px;margin:0 auto;text-align:center;width:min(480px,100%)}.login-header h2{color:#0f172a;margin:0 0 6px;text-align:center}.auth-subtitle{color:#475569;font-size:14px;margin:0;text-align:center}.login-button{align-items:center;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:10px;justify-content:center;margin:16px 0;padding:12px 14px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.login-button img{height:20px}.login-button:hover{box-shadow:0 12px 24px #fa5f564d;transform:translateY(-1px)}.divider-line{align-items:center;color:var(--color-muted);display:flex;font-size:13px;gap:8px;margin:10px 0 14px}.divider-line:after,.divider-line:before{background:var(--color-border);content:"";flex:1 1;height:1px}.email-auth-tabs{grid-gap:8px;background:#1a38480d;border:1px solid var(--color-border);border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:12px;padding:6px;position:relative}.tab-button{background:#0000;border:none;border-radius:10px;color:var(--color-dark);cursor:pointer;font-weight:600;padding:10px 12px;transition:all .2s ease}.tab-button.active{background:#fa5f5624;box-shadow:0 8px 18px #1a384826;color:var(--color-dark);transform:translateY(-1px)}.error-message,.success-message{border-left:4px solid;border-radius:10px;font-weight:600;margin:8px 0;padding:12px 14px;width:100%}.success-message{background:#2caa6c1f;border-color:var(--color-success);color:#1f7a4e}.error-message{background:#d649491f;border-color:var(--color-danger);color:#8a1f1f}.compact-auth-form .form-group{margin-bottom:12px}.compact-auth-form .form-group input{background:var(--color-surface-contrast);border:1px solid #0f172a12;border-radius:10px;box-sizing:border-box;color:var(--color-dark);font-size:15px;padding:12px 14px;transition:all .2s ease;width:100%}.compact-auth-form .form-group input::placeholder{color:#94a3b8}.compact-auth-form .form-group input:focus{border-color:#fa5f56a6;box-shadow:0 0 0 3px #fa5f5633;outline:none;transform:translateY(-1px)}.auth-submit-button{background:var(--color-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:12px 14px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.auth-submit-button:hover:not(:disabled){box-shadow:0 12px 24px #fa5f5652;transform:translateY(-1px)}.auth-submit-button:disabled{cursor:not-allowed;opacity:.6}.auth-mode-wrapper{animation:fadeSlideIn .3s ease;transform-origin:top}.animated-field{animation:fadeInUp .25s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.login-panel{grid-template-columns:1fr;min-height:0}.login-hero{align-items:center;order:2}.login-form-panel{order:1}.hero-links{justify-content:center;margin-top:12px;padding:0;position:static;transform:none}.blob{display:none}.login-shell{padding:16px 10px}.login-panel{border-radius:14px;box-shadow:0 14px 32px #0f172a2e;gap:12px;min-height:auto}.login-hero{align-items:center;background:linear-gradient(135deg,#1a38481a,#fa5f561f);border-bottom:1px solid #0f172a0f;gap:12px;order:1;padding:22px 16px 16px;text-align:center}.hero-links{align-items:center;align-self:center;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;width:auto}.hero-badges{display:flex;justify-content:center}.login-form-panel{background:#fff;min-height:auto;padding:22px 18px}.login-header h2{font-size:22px}}@media (max-width:480px){.login-shell{min-height:92vh;padding:10px}.login-panel{box-shadow:0 10px 24px #0f172a29;min-height:auto}.login-form-panel{min-height:auto;order:2;padding:16px 14px}.login-form-inner{gap:8px}.login-header h2{font-size:20px}.auth-subtitle{font-size:13px}.compact-auth-form .form-group input{font-size:14px;padding:10px 12px}.auth-submit-button{padding:11px 12px}.login-hero{align-items:center;background:linear-gradient(135deg,#1a38481a,#fa5f561f);border-bottom:1px solid #0f172a0f;display:flex;gap:10px;order:1;padding:18px 12px 12px;text-align:center}.hero-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:auto}.hero-logo{height:64px;margin-top:4px}.hero-text h1{font-size:20px}.hero-copy{font-size:13px}}.Servers-container{background:var(--color-surface);display:flex;height:100vh;min-height:100vh;overflow:hidden}@media (max-width:1024px){.Servers-container{height:auto;min-height:100vh;overflow-y:auto}}.Servers-container.dark{background:var(--color-dark)}.Servers-content{color:var(--color-dark);flex:1 1;overflow-y:auto;padding:24px}.Servers-container.light .Servers-content{background:var(--color-surface);color:var(--color-dark)}.Servers-container.dark .Servers-content{background:var(--color-dark);color:var(--color-surface)}.servers-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.servers-subtitle{color:var(--color-muted);margin:4px 0 0}.Servers-container.dark .servers-subtitle{color:#f9f9f9c2}.server-stats{display:flex;flex-wrap:wrap;gap:8px}.stat-chip{background:#1a38480f;border-radius:999px;font-size:12px;font-weight:700;padding:8px 10px}.stat-chip.up{background:#2caa6c24;color:#1f7a4e}.stat-chip.down{background:#d6494929;color:#8a1f1f}.filter-container{margin-bottom:12px}.filter-container select{background:var(--color-surface-contrast);border:1px solid var(--color-border)}.Servers-container.dark .filter-container select{background:#f9f9f90d;border:1px solid #f9f9f924;color:var(--color-surface)}.card{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-soft);padding:18px}.Servers-container.dark .card{background:#1a3848e6;border:1px solid #f9f9f914;box-shadow:var(--shadow-strong)}.input-field1,.input-field2{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:12px;font-size:15px;margin:8px 0;max-width:340px;padding:12px 14px;width:100%}.Servers-container.dark .input-field1,.Servers-container.dark .input-field2{background:#f9f9f90d;border:1px solid #f9f9f924;color:var(--color-surface)}.add-button,.refresh-button,table button{border:none;border-radius:12px;cursor:pointer;font-weight:700;padding:10px 14px;transition:transform .15s ease,box-shadow .2s ease}.add-button,.refresh-button{background:var(--color-primary);border:1px solid var(--color-primary);color:#fff;padding-inline:14px}.add-button:hover,.refresh-button:hover{background:#fa5f56e6;box-shadow:0 10px 22px #fa5f564d;transform:translateY(-1px)}.filters-actions-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.filter-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:0}.filter-container label{display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:4px}.filter-container select{background:#fffffff2;border:1px solid #0f172a14;border-radius:12px;padding:10px 12px}.Servers-container.dark .filter-container select{background:#ffffff0d;border:1px solid #ffffff1f;color:#e2e8f0}.servers-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin:0}.addnew-button{align-items:center;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:6px;padding:10px 14px;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.addnew-button:hover{background:#fa5f56e6;box-shadow:0 10px 22px #fa5f564d;transform:translateY(-1px)}table button{background:#0000;color:inherit}table{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:var(--shadow-soft);margin-top:16px;overflow:hidden;width:100%}.Servers-container.dark table{background:#1a3848e0;border:1px solid #f9f9f914;box-shadow:var(--shadow-strong)}td,th{border-bottom:1px solid #0f172a0f;padding:12px;text-align:left}.status-col,td.status-cell{text-align:center;vertical-align:middle}.actions-col{text-align:center}.actions-cell{display:flex;gap:6px}.actions-cell,.icon-button{align-items:center;justify-content:center}.icon-button{background:#1a38480a;border:1px solid var(--color-border);border-radius:10px;color:var(--color-dark);cursor:pointer;display:inline-flex;font-size:14px;height:32px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;width:32px}.icon-button:hover{background:#fa5f561f;border-color:#fa5f5680;box-shadow:0 8px 18px #1a38482e;transform:translateY(-1px)}.icon-button.danger:hover{background:#d6494924;border-color:#d6494980;color:var(--color-danger)}.Servers-container.dark .icon-button{background:#f9f9f90d;border:1px solid #f9f9f91a;color:var(--color-surface)}.Servers-container.dark .icon-button:hover{background:#fa5f5633;border-color:#fa5f5699;box-shadow:0 8px 18px #00000047}.Servers-container.dark .icon-button.danger:hover{background:#d6494938;border-color:#d6494999;color:#ffe5e5}.Servers-container.dark td,.Servers-container.dark th{border-bottom:1px solid #ffffff14}th{background:#1a384814;border-bottom:1px solid var(--color-border);font-weight:700}.Servers-container.dark th{background:#f9f9f914;border-bottom:1px solid #f9f9f924}tr:last-child td{border-bottom:none}tr:hover td{background:#fa5f561f}.Servers-container.dark tr:hover td{background:#fa5f5638}td a.server-link{color:var(--color-primary);text-decoration:none}td a.server-link:hover{text-decoration:underline}.status-badge{align-items:center;background:#0f172a0f;border-radius:50%;color:#475569;display:inline-flex;font-size:13px;font-weight:700;height:28px;justify-content:center;line-height:1;margin:0 auto;padding:0;width:28px}.status-badge.up{background:#2caa6c24;color:#1f7a4e}.status-badge.down{background:#d6494929;color:#8a1f1f}.status-badge.pending{background:#facc152e;color:#b45309}.notification{background:#2caa6c1f;border-left:4px solid var(--color-success);color:#1f7a4e;display:inline-block;margin:12px 0}.notification.error{border-left-color:var(--color-danger)}.loading-indicator{color:#1c3b72;font-size:24px;margin-top:20px;text-align:center}.table-container{-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto;width:100%}.pagination{display:flex;gap:8px;justify-content:center;margin-top:20px}.page-button{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;margin:0 5px;padding:8px 12px;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.page-button:hover{background:#fa5f561f}.page-button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.Servers-container.dark .page-button{background:#f9f9f90f;border:1px solid #f9f9f924;color:var(--color-surface)}.Servers-container.dark .page-button:hover{background:#fa5f5633}.Servers-container.dark .page-button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@media (max-width:1024px){.Servers-container{flex-direction:column}.Servers-content{padding:18px 16px}.servers-top{align-items:flex-start;flex-direction:column;gap:6px}.filters-actions-row{align-items:stretch;flex-direction:column}.filter-container{width:100%}.servers-actions{justify-content:flex-start;width:100%}.server-stats{width:100%}.addnew-button{justify-content:center;width:100%}table{min-width:560px}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;color:#000;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;padding:20px;text-align:center;width:300px}.modal-buttons{display:flex;justify-content:space-around;margin-top:20px}.modal-button{border:none;border-radius:5px;cursor:pointer;padding:10px 20px}.confirm-button{background-color:#4caf50;color:#fff}.cancel-button{background-color:#f44336;color:#fff}.edit-modal.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a66;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:400}.edit-modal-card{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-strong);color:var(--color-dark);padding:22px 22px 20px;width:min(520px,100%)}.modal-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.modal-header h2{font-size:22px;font-weight:800;margin:2px 0 0}.modal-content form{display:flex;flex-direction:column;gap:12px}.modal-content label{display:flex;flex-direction:column;font-size:14px;font-weight:700;gap:6px}.modal-content input,.modal-content select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;color:inherit;font-size:15px;padding:11px 12px;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;width:100%}.modal-content input:focus,.modal-content select:focus{border-color:#fa5f56a6;box-shadow:0 0 0 3px #fa5f5633;outline:none;transform:translateY(-1px)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.ghost-button,.primary-button{border:1px solid #0000;border-radius:12px;cursor:pointer;font-weight:800;min-width:130px;padding:11px 14px;text-align:center;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.primary-button{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 10px 22px #fa5f5647;color:#fff}.primary-button:hover{box-shadow:0 12px 26px #fa5f5652;transform:translateY(-1px)}.ghost-button:disabled,.primary-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.ghost-button{background:#0f172a0a;border-color:var(--color-border);color:var(--color-dark)}.ghost-button:hover{box-shadow:0 8px 18px #1a38482e;transform:translateY(-1px)}.notification{border-left:4px solid;border-radius:10px;font-weight:700;margin:0 0 6px;padding:12px 14px}.notification.error{background:#d649491f;border-color:var(--color-danger);color:#8a1f1f}.notification.success{background:#2caa6c1f;border-color:var(--color-success);color:#1f7a4e}.Configuration-container{background:var(--color-surface);display:flex;height:100vh;min-height:100vh;overflow:hidden}.Configuration-container.dark{background:var(--color-dark)}.Configuration-content{color:var(--color-dark);flex:1 1;margin:0 auto;overflow-y:auto;padding:24px;width:100%}@media (max-width:1024px){.Configuration-container{height:auto;min-height:100vh;overflow-y:auto}}.Configuration-container.light .Configuration-content{background:var(--color-surface)}.Configuration-container.dark .Configuration-content{background:var(--color-dark);color:var(--color-surface)}.config-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:22px}.config-subtitle{color:var(--color-muted);margin:4px 0 0}.Configuration-container.dark .config-subtitle{color:#f9f9f9c2}.config-stats{display:flex;gap:10px}.stat-tile{align-items:center;background:#fa5f561f;border:1px solid #fa5f5640;border-radius:12px;color:var(--color-dark);display:inline-flex;font-weight:700;gap:8px;padding:10px 12px}.Configuration-container.dark .stat-tile{background:#f9f9f914;border-color:#f9f9f929;color:var(--color-surface)}.config-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.2fr .8fr}.config-card{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-soft);padding:18px 18px 20px}.Configuration-container.dark .config-card{background:#1a3848e6;border:1px solid #f9f9f914;box-shadow:var(--shadow-strong)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.config-form{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr}.config-form label{display:flex;flex-direction:column;font-weight:700;gap:6px}.config-form input,.config-form select{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:12px;color:inherit;font-size:15px;padding:12px 14px;transition:all .2s ease}.Configuration-container.dark .config-form input,.Configuration-container.dark .config-form select{background:#f9f9f90d;border:1px solid #f9f9f924;color:var(--color-surface)}.config-form input:focus,.config-form select:focus{border-color:#fa5f56a6;box-shadow:0 0 0 3px #fa5f5633;outline:none}.form-actions{margin-top:10px}.add-button2,.clear-button{border:1px solid #0000;border-radius:12px;cursor:pointer;font-weight:700;padding:10px 12px;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.add-button2{align-items:center;background:var(--color-primary);border-color:var(--color-primary);color:#fff;display:inline-flex;gap:6px;padding-inline:14px}.add-button2:hover{background:#fa5f56e6;box-shadow:0 10px 22px #fa5f5640;transform:translateY(-1px)}.clear-button{background:#0000;border-color:#d6494973;color:var(--color-danger)}.log-card .log-terminal{background:#0f172ad9;border:1px solid #ffffff14;border-radius:12px;color:#e2e8f0;margin-top:10px;max-height:320px;overflow:auto;padding:12px}.Configuration-container.light .log-card .log-terminal{background:#0f172a0a;border:1px solid #0f172a14;color:#0f172a}.log-terminal ul{list-style:none;margin:0;padding:0}.log-terminal li{border-bottom:1px solid #ffffff14;padding:6px 0}.Configuration-container.light .log-terminal li{border-bottom:1px solid #0f172a14}.log-terminal li:last-child{border-bottom:none}@media (max-width:1024px){.Configuration-container{flex-direction:column}.config-grid{grid-template-columns:1fr}.Configuration-content{padding:24px}}.UserAdmin-container{background:var(--color-surface);display:flex;height:100vh;min-height:100vh;overflow:hidden}.UserAdmin-container.dark{background:var(--color-dark)}.UserAdmin-content{color:var(--color-dark);flex:1 1;margin:0 auto;overflow-y:auto;padding:24px;width:100%}@media (max-width:1024px){.UserAdmin-container{height:auto;min-height:100vh;overflow-y:auto}}.UserAdmin-container.dark .UserAdmin-content{background:var(--color-dark);color:var(--color-surface)}.useradmin-header{color:var(--color-dark);margin-bottom:18px}.useradmin-subtitle{color:var(--color-muted);margin:6px 0 0}.UserAdmin-container.dark .useradmin-subtitle{color:#f9f9f9c2}.UserAdmin-container.dark .useradmin-header{color:var(--color-surface)}.useradmin-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.user-card{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-soft);padding:18px}.UserAdmin-container.dark .user-card{background:#1a3848e6;border:1px solid #f9f9f914;box-shadow:var(--shadow-strong)}.useradmin-form{grid-gap:12px;display:grid;gap:12px;margin-top:10px}.useradmin-form label{display:flex;flex-direction:column;font-weight:700;gap:6px}.useradmin-form input,.useradmin-form select{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:12px;color:inherit;padding:12px 14px;transition:all .2s ease}.UserAdmin-container.dark .useradmin-form input,.UserAdmin-container.dark .useradmin-form select{background:#f9f9f90d;border:1px solid #f9f9f924;color:var(--color-surface)}.useradmin-form input:focus,.useradmin-form select:focus{border-color:#fa5f56a6;box-shadow:0 0 0 3px #fa5f5633;outline:none}.primary-btn{background:var(--color-primary);border:1px solid var(--color-primary);border-radius:12px;color:#fff;cursor:pointer;font-weight:800;padding:12px 14px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.primary-btn:hover{box-shadow:0 10px 22px #fa5f5640;transform:translateY(-1px)}.notice{align-items:center;border:1px solid #0000;border-radius:14px;box-shadow:0 14px 34px #1118271f;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;padding:12px 14px}.notice.success{background:linear-gradient(135deg,#2caa6c24,#2caa6c14);border-color:#2caa6c73;color:#0f5132}.notice.error{background:linear-gradient(135deg,#d6494929,#d6494914);border-color:#d6494973;color:#7a1c1c}.UserAdmin-container.dark .notice.success{background:linear-gradient(135deg,#2caa6c40,#2caa6c24);border-color:#2caa6cb3;color:#e8fff2}.UserAdmin-container.dark .notice.error{background:linear-gradient(135deg,#d649493d,#d6494924);border-color:#d64949a6;color:#ffecec}.notice-content{align-items:center;display:flex;gap:10px}.notice-dot{background:currentColor;border-radius:50%;height:12px;opacity:.6;width:12px}.notice-title{font-size:14px;font-weight:800}.notice-text{color:inherit;font-size:13px;font-weight:600}.notice-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;line-height:1;opacity:.7;padding:4px;transition:opacity .2s ease,transform .1s ease}.notice-dismiss:hover{opacity:1;transform:scale(1.05)}.user-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.user-row{align-items:center;background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:12px;display:flex;justify-content:space-between;padding:10px 12px}.UserAdmin-container.dark .user-row{background:#f9f9f90a;border:1px solid #f9f9f91a}.user-name{font-weight:700}.user-email{color:var(--color-muted);font-size:13px}.UserAdmin-container.dark .user-email{color:#f9f9f9c2}.user-actions{align-items:center;display:flex;gap:8px}.role-select{background:var(--color-surface-contrast);border:1px solid var(--color-border);border-radius:10px;padding:8px 10px}.UserAdmin-container.dark .role-select{background:#f9f9f90d;border:1px solid #f9f9f924;color:var(--color-surface)}.ghost-btn{background:#1a384805;border:1px solid var(--color-border);border-radius:10px;color:var(--color-dark);cursor:pointer;padding:8px 10px;transition:background .2s ease,color .2s ease,transform .15s ease}.ghost-btn:disabled{cursor:not-allowed;opacity:.5}.ghost-btn.danger{border-color:#d6494973;color:var(--color-danger)}.ghost-btn.save{border-color:#2caa6c99;color:#1f7a4e}.bulk-actions{display:flex;justify-content:flex-end;margin-top:12px}.save-all-btn{background:var(--color-success);border:1px solid var(--color-success);border-radius:12px;box-shadow:0 10px 22px #2caa6c40;color:#fff;cursor:pointer;font-weight:800;padding:10px 14px;width:100%}.empty-state{color:var(--color-muted);padding:12px}@media (max-width:1024px){.UserAdmin-container{flex-direction:column}.useradmin-grid{grid-template-columns:1fr}.UserAdmin-content{padding:16px}.user-card{padding:14px}.user-row{align-items:flex-start;flex-direction:column;gap:10px}.user-actions{gap:10px;width:100%}.ghost-btn,.role-select{width:100%}.ghost-btn{text-align:center}.useradmin-form input,.useradmin-form select{padding:10px 12px}.primary-btn{width:100%}.user-list{gap:12px}}
/*# sourceMappingURL=main.eaa123a3.css.map*/