*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;background:transparent}button{border:none;cursor:pointer}a{color:inherit;text-decoration:none;cursor:pointer}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font:inherit;font-weight:inherit}p{overflow-wrap:break-word}::selection{background:#3b82f640}:disabled{cursor:not-allowed}.disabled{pointer-events:none}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-success: #16a34a;--color-success-hover: #15803d;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-info: #0284c7;--color-install: #eab308;--color-install-hover: #ca8a04;--bg-body: linear-gradient(135deg, #dbeafe, #e2e8f0, #cffafe);--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(255, 255, 255, .9);--bg-input: rgba(255, 255, 255, .85);--bg-disabled: #cbd5e1;--status-gradient-base: rgba(255, 255, 255, .45);--status-icon-bg: rgba(255, 255, 255, .35);--skeleton-base: #e2e8f0;--skeleton-highlight: #f8fafc;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--text-disabled: #94a3b8;--border-color: rgba(100, 116, 139, .25);--border-focus: var(--color-primary);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .08);--shadow-md: 0 10px 25px rgba(15, 23, 42, .12);--shadow-lg: 0 20px 40px rgba(15, 23, 42, .16);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-size-2xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--container-width: 1100px;--header-height: 72px;--card-padding: 1.5rem;--grid-gap: 1.25rem;--button-height: 46px;--button-padding-x: 20px;--input-height: 46px;--select-height: 46px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-dropdown: 100;--z-sticky: 500;--z-modal: 1000;--z-toast: 2000}[data-theme=dark]{--bg-body: linear-gradient(135deg, #020617, #0f172a, #1e293b);--bg-card: rgba(15, 23, 42, .75);--bg-card-hover: rgba(30, 41, 59, .9);--bg-input: rgba(30, 41, 59, .8);--bg-disabled: #334155;--status-gradient-base: rgba(15, 23, 42, .55);--status-icon-bg: rgba(0, 0, 0, .25);--skeleton-base: #334155;--skeleton-highlight: #475569;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #64748b;--color-install: #facc15;--color-install-hover: #eab308;--border-color: rgba(148, 163, 184, .25);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 10px 25px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .5)}body{background:var(--bg-body);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height)}.container{width:min(100% - calc(var(--space-5) * 2),var(--container-width));margin-inline:auto}.header{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);min-height:var(--header-height);display:flex;align-items:center;box-shadow:var(--shadow-sm)}.header .container{width:100%;padding-inline:20px;display:flex;align-items:center;justify-content:space-between}.header__brand{display:flex;align-items:center;gap:var(--space-4)}.header__logo{width:56px;height:56px;filter:drop-shadow(0 8px 20px rgba(0,170,249,.35))}.header__brand h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.header__brand p{margin-bottom:var(--space-1);color:var(--text-secondary);font-size:var(--font-size-sm)}.theme-toggle{min-width:44px;height:44px;border-radius:50%;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);font-size:20px;display:grid;place-items:center;transition:transform var(--transition-fast),background var(--transition-fast)}.theme-toggle:hover{transform:rotate(15deg);background:var(--bg-card-hover)}main.container{display:flex;flex-direction:column;gap:var(--space-5);padding-block:var(--space-6)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:var(--shadow-sm);transition:background var(--transition-normal),transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card__title{margin-bottom:var(--space-4);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-wrap-mode:nowrap}label{display:inline-block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}strong{font-weight:var(--font-weight-semibold);color:var(--text-primary)}small{color:var(--text-muted);font-size:var(--font-size-sm)}p{color:var(--text-secondary)}.country-search{position:relative;z-index:1}.country-card{position:relative;z-index:20}.country-card.is-country-open{z-index:calc(var(--z-dropdown) + 20)}.country-card.is-country-open+.network-card{pointer-events:none;user-select:none}.country-search__input{width:100%;height:var(--select-height);padding-inline:var(--space-4);background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.country-search__input:hover{background:var(--bg-card-hover)}.country-search__input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #2563eb1f}.country-search__options{position:absolute;inset-inline:0;top:calc(100% + var(--space-2));max-height:320px;overflow-y:auto;padding:var(--space-1);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:calc(var(--z-dropdown) + 30)}.country-search__option{width:100%;min-height:44px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:transparent;color:var(--text-primary);border-radius:var(--radius-sm);text-align:start}.country-search__option:hover,.country-search__option.is-active{background:var(--bg-card-hover)}.country-search__flag{font-size:var(--font-size-md);text-align:center}.country-search__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-search__code{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.country-search__empty{padding:var(--space-4);color:var(--text-muted);text-align:center}.country-search__native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--grid-gap)}.info-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:background var(--transition-fast),border-color var(--transition-fast)}.info-item:hover{background:var(--bg-card-hover)}.info-item span{font-size:var(--font-size-sm);color:var(--text-muted)}.info-item strong{font-size:var(--font-size-base);color:var(--text-primary);word-break:break-word}.status{display:flex;align-items:center;gap:var(--space-4)}.status__icon{width:64px;height:64px;display:grid;place-items:center;border-radius:var(--radius-full);font-size:var(--font-size-xl);background:var(--status-icon-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);flex-shrink:0}#statusTitle{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}#statusMessage{color:var(--text-secondary)}.status-safe{border-left:6px solid var(--color-success);background:linear-gradient(135deg,rgba(34,197,94,.18),var(--status-gradient-base))}.status-warning{border-left:6px solid var(--color-warning);background:linear-gradient(135deg,rgba(245,158,11,.18),var(--status-gradient-base))}.status-danger{border-left:6px solid var(--color-danger);background:linear-gradient(135deg,rgba(239,68,68,.18),var(--status-gradient-base))}.status-card{position:relative;overflow:hidden}.status-card:after{content:"";position:absolute;inset:-40%;pointer-events:none;opacity:.22;z-index:0;background-size:28px 28px;transform:rotate(-8deg)}.status-card>*{position:relative;z-index:1}.status-safe:after{background-image:radial-gradient(circle at center,rgba(34,197,94,.24) 0 2px,transparent 3px)}.status-warning:after{background-image:radial-gradient(circle at center,rgba(245,158,11,.22) 0 3px,transparent 4px)}.status-danger:after{background-image:radial-gradient(circle at center,rgba(239,68,68,.2) 0 3px,transparent 4px)}.checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--grid-gap)}.checklist li{display:flex;align-items:center;justify-content:center;min-height:42px;padding-inline:var(--space-4);background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-secondary);transition:background var(--transition-fast),border-color var(--transition-fast)}.checklist li:hover{background:var(--bg-card-hover)}.checklist .passed{color:var(--color-success);border-color:var(--color-success)}.checklist .failed{color:var(--color-danger);border-color:var(--color-danger)}#lastChecked{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;background:var(--bg-card);color:var(--text-primary);transition:opacity var(--transition-fast),transform var(--transition-fast)}.alert-success{border-color:var(--color-success);color:var(--color-success)}.alert-warning{border-color:var(--color-warning);color:var(--color-warning)}.alert-danger{border-color:var(--color-danger);color:var(--color-danger)}.hidden{display:none!important}body.app-loading .skeleton-text,body.app-loading .skeleton-circle,body.app-loading .skeleton-row{visibility:visible}.skeleton-text{display:inline-block;min-width:4rem;min-height:1.25em;color:transparent!important;background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-shimmer 1.4s ease-in-out infinite;user-select:none}.skeleton-circle,.skeleton-row{color:transparent!important;background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 75%)!important;background-size:200% 100%!important;border-color:transparent!important;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.offline-banner{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--color-warning);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-warning) 12%,var(--bg-card));color:var(--text-primary);text-align:center}.loader{width:48px;height:48px;margin:var(--space-5) auto;border:4px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:loader-spin .8s linear infinite}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#0f172a73;backdrop-filter:blur(4px);z-index:var(--z-modal)}.modal__content{width:min(430px,90%);background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.modal__content h2{margin-bottom:var(--space-5)}.modal__content label{display:block;margin-top:var(--space-4)}.modal__content input{width:100%;height:var(--input-height);padding-inline:var(--space-4);margin-top:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-input)}.modal__actions{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.modal__actions .btn{flex:1}.actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.input-error{display:none;margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-danger)}.input-error.show{display:block}.input-invalid{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px #dc262626}.quick-links__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.quick-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--space-4);max-height:380px;overflow-x:clip;overflow-y:auto;padding:var(--space-2);margin:calc(var(--space-2) * -1);user-select:none;overscroll-behavior:contain;min-width:0}.quick-links__empty{grid-column:1 / -1;padding:var(--space-6);color:var(--text-muted);text-align:center}.quick-link-wrapper{position:relative;min-width:0;cursor:grab;touch-action:none}.quick-link-wrapper:active{cursor:grabbing}.quick-link-delete{position:absolute;top:0;right:0;width:24px;height:24px;border-radius:0 var(--radius-md);border:none;background:var(--color-danger);color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:transform var(--transition-fast)}.quick-link-delete:hover{opacity:.85}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:170px;height:var(--button-height);padding-inline:var(--button-padding-x);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);transition:background var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--bg-input);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:var(--color-success-hover)}.btn-install{background:var(--color-install);color:#422006}.btn-install:hover{background:var(--color-install-hover)}.quick-link{display:flex;justify-content:flex-start;align-items:center;width:100%;min-height:58px;padding:var(--space-2) var(--space-3);padding-right:calc(var(--space-3) + 26px);border-radius:var(--radius-md);color:#fff;font-weight:var(--font-weight-semibold);text-align:start;transition:transform var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast)}.quick-link:hover{transform:translateY(-2px);opacity:.92;box-shadow:var(--shadow-sm)}.quick-link:hover+.quick-link-delete{transform:translateY(-2px)}.quick-link__content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-3);min-width:0;width:100%}.quick-link__icon{width:34px;height:34px;padding:3px;object-fit:contain;border-radius:var(--radius-sm);background:#ffffffeb;flex-shrink:0}.quick-link__title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favicon-preview{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:var(--text-muted);font-size:var(--font-size-sm)}.favicon-preview img{width:20px;height:20px;padding:2px;object-fit:contain;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-color)}.quick-link-wrapper.dragging{opacity:.5;transform:scale(.96);cursor:grabbing}.btn.disabled,.btn[aria-disabled=true]{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;pointer-events:none;opacity:.65;box-shadow:none;transform:none}.btn:focus-visible,#countrySelect:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.footer{margin-top:var(--space-7);padding-block:var(--space-5);border-top:1px solid var(--border-color);background:var(--bg-card)}.footer .container{display:flex;justify-content:center;align-items:center}.footer small{color:var(--text-muted);text-align:center}.footer a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-semibold)}.footer a:hover{text-decoration:underline}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--text-muted)}@media(max-width:992px){.container{width:calc(100% - (var(--space-4) * 2))}.info-grid,.checklist{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.header__brand{gap:var(--space-3)}.header__logo{width:48px;height:48px;font-size:var(--font-size-lg)}.header__brand h1{font-size:var(--font-size-lg)}.status{flex-direction:column;align-items:flex-start}.actions{flex-direction:column;align-items:stretch}.btn{min-width:unset}}@media(max-width:576px){main.container{padding-block:var(--space-5)}.card{padding:var(--space-4)}.info-grid,.checklist{grid-template-columns:1fr}.header__brand p{margin-top:0}.header__logo{min-width:48px}.status__icon{width:56px;height:56px;font-size:var(--font-size-lg)}.quick-links__header{flex-direction:column;align-items:stretch}.quick-links{max-height:320px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}