.app-shell[data-v-61c8196e]{min-height:100vh;padding:.75rem}.topbar[data-v-61c8196e]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;margin-bottom:.75rem;border:1px solid rgba(23,32,51,.08);border-radius:18px;background:radial-gradient(circle at top right,rgba(255,191,107,.2),transparent 18rem),linear-gradient(180deg,#fffffff0,#f8f4eaeb);box-shadow:0 12px 30px #1720330f}.eyebrow[data-v-61c8196e]{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.62rem;color:#ffbf6b}h1[data-v-61c8196e]{margin:0;font-size:1.15rem;line-height:1}.nav[data-v-61c8196e]{display:flex;gap:.5rem;flex-wrap:wrap}.nav-link[data-v-61c8196e]{padding:.45rem .75rem;border-radius:999px;color:#172033;text-decoration:none;background:#1720330f;font-size:.88rem}.nav-link.router-link-active[data-v-61c8196e]{background:#ffbf6b}.nav-button[data-v-61c8196e]{border:none;cursor:pointer;font:inherit}.main-content[data-v-61c8196e]{padding:0}@media(max-width:960px){.app-shell[data-v-61c8196e]{padding:.5rem}.topbar[data-v-61c8196e]{align-items:flex-start;flex-direction:column;padding:.75rem}.main-content[data-v-61c8196e]{padding:0}}:root{font-family:Segoe UI,Helvetica Neue,sans-serif;color:#172033;background:radial-gradient(circle at top right,rgba(255,191,107,.24),transparent 24rem),linear-gradient(180deg,#f8f4ea,#eef2f6);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}#app{min-height:100vh}button,input,select{font:inherit}a{color:inherit}.panel{border:1px solid rgba(23,32,51,.08);border-radius:16px;background:#ffffffdb;box-shadow:0 10px 28px #1720330f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-page{min-height:calc(100vh - 1.5rem);display:grid;place-items:center}.login-card{width:min(420px,100%);padding:1rem}.login-form{display:grid;gap:.85rem;margin-top:1rem}.compact-panel,.detail-hero,.table-panel{padding:.85rem;margin-bottom:.75rem}.section-label{margin:0 0 .3rem;text-transform:uppercase;letter-spacing:.16em;font-size:.64rem;color:#8c6840}h2,h3{margin:0;line-height:1.1}h2{font-size:1.2rem}h3{font-size:.98rem}.muted{color:#5d6676;font-size:.88rem}.stats-grid,.controls-grid,.list-grid,.record-stack{display:grid;gap:1rem}.page-header-stack{display:grid;gap:.75rem}.zones-page{display:grid;grid-template-rows:auto minmax(0,1fr);gap:0;height:calc(100dvh - 128px)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.75rem}.stats-grid-compact{margin-top:0}.controls-header,.zone-card-header,.detail-title-row,.record-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.zones-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;margin-bottom:.45rem;padding-bottom:.45rem;border-bottom:1px solid rgba(23,32,51,.12)}.zones-refresh-block{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}.zones-bulk-line{margin-bottom:0;flex:1 1 auto;min-height:32px}.selected-counter{margin:0;align-self:center}.bulk-actions-line,.bulk-inline-group{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.bulk-actions-line{margin-top:0}.bulk-select{min-height:32px;padding:.45rem .65rem;border:1px solid rgba(23,32,51,.12);border-radius:999px;background:#fff;font:inherit;font-size:.82rem}.controls-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.server-controls-grid{grid-template-columns:minmax(220px,1.3fr) minmax(160px,1fr) minmax(140px,1fr);align-items:end}.servers-summary-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-actions-inline{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.hosters-controls-grid{grid-template-columns:minmax(260px,1fr) auto;align-items:end}.total-field{display:inline-flex;align-items:center;justify-content:end;gap:.35rem;font-size:.84rem}.total-value{font-size:1rem}.field{display:grid;gap:.25rem;font-size:.84rem}.field>span:empty{display:none}.field input,.field select{width:100%;padding:.55rem .7rem;border:1px solid rgba(23,32,51,.12);border-radius:10px;background:#fff}.stat-card,.zone-card,.record-card{padding:.8rem}.stats-grid-compact .stat-card{padding:.35rem .55rem}.stat-inline{display:inline-flex;align-items:baseline;gap:.4rem;flex-wrap:nowrap}.stat-value{display:block;font-size:1.3rem;font-weight:700}.stat-label{color:#5d6676;font-size:.78rem}.list-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mobile-zone-actions{display:flex;gap:.5rem;flex-wrap:wrap}.zone-card-mobile{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.selected-zone-card{border-color:#8c684061;background:#fff6e7f5;box-shadow:0 0 0 2px #f1e2c8cc,0 10px 28px #1720330f}.zone-card-topline{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.zone-name-link{display:inline-flex;margin-top:.1rem;font-size:1rem;font-weight:700}.zone-name-with-favicon{display:inline-flex;align-items:center;gap:.42rem}.zone-favicon{width:16px;height:16px;flex:0 0 auto;border-radius:4px}.zone-server-ip-line{margin:.2rem 0 0;color:#5d6676;font-size:.84rem}.zone-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.75rem 0}.zone-meta dt{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:#6f7786}.zone-meta dd{margin:.15rem 0 0;font-weight:600;font-size:.86rem}.tag-chip{display:inline-flex;align-items:center;padding:.2rem .45rem;border-radius:999px;font-size:.72rem;white-space:nowrap}.country-cell{display:inline-flex;align-items:center;gap:.35rem}.ip-cell,.feature-stack{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap}.country-flag{width:16px;height:12px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #17203314;flex:0 0 auto}.primary-link,.ghost-button,.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:.45rem .75rem;border-radius:999px;border:none;text-decoration:none;font-size:.82rem;cursor:pointer}.inline-link{padding:0;border:none;background:transparent;color:#172033;font:inherit;cursor:pointer;text-align:left}.inline-input{width:100%;max-width:280px;padding:.4rem .55rem;border:1px solid rgba(23,32,51,.12);border-radius:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .35rem;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#fff;color:#172033;text-decoration:none;cursor:pointer;font-size:.72rem}.feature-button{font-weight:700;letter-spacing:.02em}.nginx-button{color:#1e8f4c}.nm-button{background:#3b3f46;color:#fff;border-color:#3b3f46}.backup-button{font-size:.82rem}.primary-link{color:#fff;background:#172033}.ghost-button{background:#f1e2c8;color:#172033}.secondary-link{background:#fff;color:#172033;border:1px solid rgba(23,32,51,.12)}.account-action-button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:.45rem .75rem;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#fff;color:#172033;text-decoration:none;font-size:.82rem;cursor:pointer}.account-action-button:disabled{opacity:.6;cursor:default}.record-content{margin:.55rem 0 0;padding:.65rem;border-radius:12px;background:#f5f7fa;overflow-wrap:anywhere;font-size:.84rem}.table-panel{overflow-x:auto}.zones-table-panel{min-height:0;margin-bottom:0;overflow:hidden}.zones-table-panel .data-table{display:flex;flex-direction:column;min-height:0;height:100%;table-layout:fixed}.zones-table-panel .data-table thead,.zones-table-panel .data-table tbody{display:block}.zones-table-panel .data-table thead tr,.zones-table-panel .data-table tbody tr{display:table;width:100%;table-layout:fixed}.zones-table-panel .data-table tbody{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.data-table{width:100%;border-collapse:collapse;font-size:.84rem}.data-table th,.data-table td{padding:.45rem .5rem;border-bottom:1px solid rgba(23,32,51,.08);text-align:left;vertical-align:middle}.checkbox-column{width:34px}.data-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#6f7786}.data-table tbody tr:hover{background:#f1e2c83d}.data-table tbody tr.expiring-row{background:#ffa7a72e}.data-table tbody tr.expiring-row:hover{background:#ffa7a747}.data-table tbody tr.unused-row{background:#d3dbe552}.data-table tbody tr.unused-row:hover{background:#d3dbe580}.table-link{color:#172033;text-decoration:none;font-weight:600}.counter-link{display:inline-flex;align-items:center}.counter-image{max-width:88px;height:auto}.expiring-text{color:#c0392b;font-weight:600}.inline-spinner{display:inline-block;width:.9rem;height:.9rem;border:2px solid rgba(23,32,51,.16);border-top-color:#8c6840;border-radius:50%;vertical-align:middle;animation:spinner-rotate .8s linear infinite}.unused-card{background:#f0f3f7f5;border-color:#6f778640}.expiring-badge{display:inline-flex;align-items:center;padding:.1rem .4rem;border-radius:999px}.expiring-badge[class]{background:#e74c3c24;color:#a52d2d}.desktop-only{display:block}.mobile-only{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0c122066;z-index:40}.modal-card{width:min(720px,100%);max-height:80vh;overflow:auto;padding:.9rem;border-radius:18px;background:#fff;box-shadow:0 24px 60px #0c122033}.modal-card-wide{width:min(920px,100%)}.modal-card-zone{width:min(1320px,96vw);max-height:90vh}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.details-pre{margin:0;padding:.8rem;border-radius:12px;background:#f5f7fa;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.hosters-actions,.actions-cell{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:nowrap}.server-form-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:.75rem}.form-span-2{grid-column:span 2}.form-span-4{grid-column:span 4}.form-span-5{grid-column:span 5}.form-span-6{grid-column:span 6}.form-span-10{grid-column:span 10}.server-form-grid textarea{width:100%;padding:.55rem .7rem;border:1px solid rgba(23,32,51,.12);border-radius:10px;background:#fff;font:inherit;resize:vertical}.server-form-wide{grid-column:1 / -1}.checkbox-field{align-content:end}.checkbox-inline{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.35rem}.checkbox-field input{width:18px;height:18px}.modal-actions{display:flex;gap:.5rem;margin-top:.9rem}.actions-column{width:180px}.error-text{margin:.75rem 0 0;color:#a52d2d;font-size:.84rem}.toast-viewport{position:fixed;right:1rem;bottom:1rem;z-index:80;display:grid;gap:.55rem;width:min(360px,calc(100vw - 2rem))}.toast-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.7rem .85rem;border:1px solid rgba(23,32,51,.1);border-radius:12px;background:#fffffff5;box-shadow:0 14px 28px #1720331f}.toast-success{border-color:#1e8f4c38;background:#f1fbf5fa}.toast-error{border-color:#c0392b38;background:#fef5f4fa}.toast-info{border-color:#8c684038;background:#fff8effa}.toast-close{border:none;background:transparent;color:#5d6676;cursor:pointer;font:inherit;line-height:1}.details-blocks{display:grid;gap:.6rem}.details-divider{width:100%;margin:.1rem 0;border:none;border-top:1px solid rgba(23,32,51,.12)}.details-heading{margin:0;font-size:.95rem}.details-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.details-table{width:100%;border-collapse:collapse;font-size:.84rem}.details-table th,.details-table td{padding:.45rem .5rem;border-bottom:1px solid rgba(23,32,51,.08);text-align:left;vertical-align:top}.details-table th{width:180px;font-size:.76rem;color:#6f7786;white-space:nowrap}.copy-value-button{padding:0;border:none;background:transparent;color:#172033;font:inherit;font-weight:600;cursor:pointer;text-align:left}.scrollable-copy-cell{width:100%;max-width:100%;overflow-x:auto}.scrollable-copy-button{display:inline-block;min-width:max-content;white-space:nowrap}.account-mobile-key{display:grid;gap:.25rem;width:100%;margin-top:.55rem}.account-mobile-key-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:#6f7786}.zone-detail-layout{display:grid;gap:.75rem}.zone-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.zone-records-panel{padding:.85rem}.zone-records-table{min-width:1120px}.records-actions-head{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.record-value-cell{max-width:360px;overflow-wrap:anywhere}.record-form-row td{padding:.65rem .5rem;background:#f5f7fadb}.record-inline-form{display:grid;grid-template-columns:110px minmax(220px,1fr) minmax(260px,1.4fr) minmax(180px,1fr);gap:.65rem;align-items:end}.record-inline-form-bulk{grid-template-columns:110px minmax(280px,1.2fr) minmax(220px,1fr) minmax(180px,1fr)}.mobile-record-form{grid-template-columns:1fr;margin-top:.75rem}.checkbox-inline-field{display:flex;align-items:center;gap:.5rem}.checkbox-inline-field input{width:18px;height:18px}.record-form-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;white-space:nowrap;justify-self:end}.action-icon-button{min-width:28px;width:28px;height:28px;padding:0;font-size:.85rem;line-height:1;box-shadow:none}.save-icon-button{color:#1e8f4c;background:#1e8f4c1f;border-color:#1e8f4c3d}.cancel-icon-button{color:#6f7786;background:#6f77861f;border-color:#6f77863d}.delete-icon-button{color:#c0392b;background:#c0392b1f;border-color:#c0392b3d}.save-icon-button:hover{background:#1e8f4c2e}.cancel-icon-button:hover{background:#6f77862e}.delete-icon-button:hover{background:#c0392b2e}.proxy-toggle-button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:.2rem;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#fff;cursor:pointer}.proxy-status-icon{width:22px;height:22px;display:block}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:960px){.zones-page{display:block;height:auto}.zones-table-panel{overflow:auto}.zones-table-panel .data-table,.zones-table-panel .data-table thead,.zones-table-panel .data-table tbody,.zones-table-panel .data-table thead tr,.zones-table-panel .data-table tbody tr{display:revert;width:auto;table-layout:auto}.zones-table-panel .data-table tbody{overflow:visible}.compact-panel{overflow-x:auto}.stats-grid,.controls-grid,.zone-meta{grid-template-columns:1fr}.stats-grid-compact{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:.45rem;min-width:320px}.stats-grid-compact .stat-card{padding:.55rem}.stats-grid-compact .stat-value{font-size:1.2rem}.stats-grid-compact .stat-label{font-size:.72rem}.controls-header,.zone-card-header,.detail-title-row,.record-heading{align-items:flex-start;flex-direction:column}.record-card .record-heading{align-items:center;justify-content:space-between;flex-direction:row;gap:.5rem;white-space:nowrap}.record-card .record-content{margin-top:.45rem}.record-card .zone-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin:.55rem 0}.record-card .zone-meta dt,.record-card .zone-meta dd{text-align:center}.record-card .mobile-zone-actions{justify-content:center;margin-top:.35rem}.zone-card-mobile .zone-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .7rem;margin:.6rem 0 0}.zone-card-mobile .zone-meta dt,.zone-card-mobile .zone-meta dd{text-align:left}.zone-card-mobile .zone-card-header{align-items:flex-start;flex-direction:row}.zone-card-mobile .section-label{margin-bottom:0}.mobile-only .zone-card .zone-card-header{align-items:flex-start;flex-direction:row}.mobile-only .zone-card .section-label,.mobile-only .zone-card h3{margin-bottom:.5rem}.mobile-only .zone-card .zone-server-ip-line{margin-top:.3rem}.mobile-only .zone-card .zone-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:.55rem 0}.mobile-only .zone-card .feature-stack{justify-content:center}.mobile-only .zone-card .zone-meta dt,.mobile-only .zone-card .zone-meta dd{text-align:center}.mobile-only .zone-card .mobile-zone-actions{justify-content:center;margin-top:.35rem}.zones-topline{align-items:flex-start;flex-direction:column}.zones-refresh-block{width:100%;justify-content:flex-start;flex-wrap:nowrap}.zones-bulk-line{width:100%;min-height:0;flex-wrap:nowrap}.zones-bulk-line .bulk-inline-group{flex:1 1 auto;min-width:0;flex-wrap:nowrap}.zones-bulk-line .bulk-select{min-width:0;flex:1 1 auto}.zones-topline>.stats-grid.stats-grid-compact{width:100%}.desktop-only{display:none}.mobile-only{display:grid}.server-controls-grid{grid-template-columns:1fr}.servers-summary-bar{align-items:flex-start;flex-direction:column}.hosters-controls-grid{grid-template-columns:1fr}.zone-records-panel{padding:0;border:none;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.modal-card-zone{width:min(100vw,100%);max-height:100vh;padding:.8rem}.server-form-grid{grid-template-columns:1fr}.form-span-2,.form-span-4,.form-span-5,.form-span-6,.form-span-10,.server-form-wide{grid-column:auto}.total-field{justify-content:start}}