body{display:flex;flex-direction:column}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.large-icon{width:58px;height:58px;fill:none;stroke:var(--brand);stroke-width:1.3;opacity:.8}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;border:1px solid var(--card-border);border-radius:10px;background:var(--surface);color:var(--text-main);font-size:.8rem;font-weight:600;white-space:nowrap;transition:filter .2s}.button:hover{filter:brightness(1.1)}.button.primary{background:var(--brand-gradient);border-color:transparent;color:white;box-shadow:0 4px 20px #cc33cc22}.button.subtle{background:transparent}.button.danger{color:var(--status-error)}.icon-button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--card-border);background:transparent;color:var(--muted-soft);border-radius:9px;font-size:22px}.icon-button:hover{background:var(--surface);color:var(--text-main)}.icon-button.danger{color:var(--status-error)}.muted{color:var(--muted-soft)}.small{font-size:.75rem}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.wide{width:100%}.eyebrow{display:block;color:var(--brand);font-size:.67rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.notice{position:fixed;top:96px;right:24px;max-width:540px;z-index:200;padding:16px 22px;background:var(--dropdown-bg);border:1px solid var(--success-color);box-shadow:var(--glass-shadow);border-radius:14px;white-space:pre-wrap;font-size:.85rem}.notice.error{border-color:var(--error-color);color:var(--status-error)}.boot{display:flex;justify-content:center;align-items:center;flex:1;min-height:60vh}.login-shell{display:grid;place-items:center;padding:70px 24px;flex:1}.login-card{padding:40px;width:min(100%,450px)}.brand-icon{width:56px;height:56px;display:grid;place-items:center;background:var(--brand-gradient);border-radius:16px;color:white;margin-bottom:32px}.brand-icon .icon{width:28px;height:28px}.login-card h1{font-size:1.8rem;letter-spacing:-1px;margin-bottom:12px}.login-card form{margin-top:28px;display:grid;gap:20px}label{display:flex;flex-direction:column;gap:8px;font-size:.78rem;color:var(--muted-soft)}input,select,textarea{width:100%;min-width:0;color:var(--text-main);background:var(--input-bg);padding:11px 12px;border:1px solid var(--card-border);border-radius:9px;min-height:42px;font-size:.82rem}textarea{min-height:96px;resize:vertical}select{background:var(--dropdown-bg)}.login-assurance{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted-soft);font-size:.7rem;margin-top:28px}
.app-layout{display:grid;grid-template-columns:206px minmax(0,1fr);gap:40px;width:100%;min-height:calc(100vh - 156px)}.sidebar{padding:36px 24px 24px 0;border-right:1px solid var(--card-border);display:flex;flex-direction:column;gap:30px}.workspace-label{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:9px}.workspace-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 16px #cc33cc99}.sidebar nav{display:grid;gap:8px}.nav-item{display:flex;gap:12px;align-items:center;min-height:44px;width:100%;background:transparent;color:var(--muted-soft);border:1px solid transparent;border-radius:10px;text-align:left;padding:11px 13px;font-size:.8rem}.nav-item:hover{background:var(--surface)}.nav-item.active{color:var(--text-main);border-color:#cc33cc33;background:linear-gradient(90deg,#cc33cc20,#cc33cc07)}.nav-item.active .icon{color:var(--brand)}.nav-heading{display:block;color:var(--muted-soft);font-size:.6rem;letter-spacing:1.5px;text-transform:uppercase;margin:32px 12px 12px}.sidebar-bottom{display:flex;gap:9px;align-items:center;margin-top:auto;padding-top:30px;font-size:.75rem;min-width:0}.sidebar-bottom>div:nth-child(2){flex:1;min-width:0}.sidebar-bottom strong{display:block;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom span{display:block}.account-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#cc33cc20;color:var(--focus);font-weight:700;flex-shrink:0}.sidebar-bottom .icon-button{width:26px;border:0}.content{padding:38px 0 42px;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.page-heading h1{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:600;letter-spacing:-1.2px;margin-bottom:12px}.page-heading p{font-size:.84rem}.secure-label{display:flex;align-items:center;gap:7px;font-size:.65rem;color:var(--muted-soft);white-space:nowrap}.secure-label .icon{color:var(--status-success)}.overview{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:18px;margin-bottom:26px}.metric{padding:20px 24px;position:relative;min-height:108px}.metric>span{display:block;font-size:.73rem;margin-bottom:10px}.metric strong{font-size:1.75rem;font-weight:600;letter-spacing:-.8px}.metric>.icon{position:absolute;right:22px;top:24px;color:var(--brand);opacity:.8}.sync-metric strong{font-size:1rem;letter-spacing:0}
.zone-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.panel-heading h2{font-size:1rem;font-weight:600;letter-spacing:-.3px}.zone-list-panel{padding:20px 16px}.zone-list-panel .panel-heading{padding:0 4px}.search{display:flex;flex-direction:row;align-items:center;gap:8px;background:var(--input-bg);border:1px solid var(--card-border);border-radius:9px;padding:0 10px;color:var(--muted-soft);min-width:0}.search input{border:0;background:transparent;min-height:40px;font-size:.74rem;padding:10px 0;outline-offset:2px}.search .icon{width:15px;height:15px}.zone-list{margin-top:14px;display:grid;gap:7px;max-height:590px;overflow:auto}.zone-item{display:flex;gap:10px;align-items:center;min-width:0;width:100%;text-align:left;border:1px solid transparent;border-radius:10px;padding:14px 9px;background:transparent;color:var(--text-main)}.zone-item:hover{background:var(--surface)}.zone-item.selected{background:#cc33cc13;border-color:#cc33cc44}.zone-item>.icon{color:var(--muted-soft);width:16px}.zone-item.selected>.icon{color:var(--brand)}.zone-item>div{min-width:0;flex:1}.zone-item strong{font-weight:500;font-size:.76rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zone-item .badge{margin-top:5px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:3px 7px;font-size:.6rem;font-weight:500;line-height:1.2}.badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.badge.active{color:var(--status-success);background:#10b98112}.badge.pending,.badge.deleting{color:var(--status-pending);background:#f59e0b12}.badge.error,.badge.deleted{color:var(--status-error);background:#ef444412}.records-panel{overflow:hidden;min-height:440px}.zone-detail-heading{padding:24px 24px 0}.zone-detail-heading h2{font-size:1.2rem;overflow-wrap:anywhere;margin-bottom:8px}.zone-label{font-size:.55rem;letter-spacing:1.7px;color:var(--muted-soft);margin-bottom:7px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.detail-actions .button{font-size:.62rem;padding:6px 8px;min-height:34px}.nameserver-strip{display:flex;gap:11px;margin:0 24px 20px;padding:12px 15px;background:var(--surface);border-radius:10px;align-items:center}.nameserver-strip .icon{color:var(--brand)}#nameservers{margin-top:3px;overflow-wrap:anywhere}.record-toolbar{padding:0 24px 18px;display:flex;gap:12px;justify-content:space-between}.record-toolbar .search{max-width:235px}.record-toolbar .button{font-size:.73rem}.table-wrap{overflow:auto}.records-table{width:100%;border-collapse:collapse;font-size:.73rem}.records-table th{color:var(--muted-soft);text-align:left;font-size:.6rem;letter-spacing:.6px;text-transform:uppercase;padding:12px 12px;background:var(--surface);font-weight:500;white-space:nowrap}.records-table th:first-child,.records-table td:first-child{padding-left:24px}.records-table th:last-child,.records-table td:last-child{padding-right:24px}.records-table td{padding:15px 12px;border-bottom:1px solid var(--card-border);vertical-align:middle}.record-value{max-width:320px;overflow-wrap:anywhere;font-family:ui-monospace,Consolas,monospace;font-size:.7rem}.record-type{padding:4px 7px;border-radius:5px;color:var(--focus);background:#cc33cc15;font-size:.62rem;font-weight:700}.row-actions{display:flex;gap:5px}.row-actions button{font-size:.66rem;background:transparent;border:0;color:var(--muted-soft);padding:5px}.row-actions button:hover{color:var(--brand)}.row-actions button.danger{color:var(--status-error)}.records-table input,.records-table select{min-width:65px;font-size:.72rem;padding:7px;min-height:34px}.records-table td:nth-child(3) input{min-width:180px}.panel-footnote{padding:17px 24px;font-size:.62rem;color:var(--muted-soft);display:flex;align-items:center;gap:8px}.panel-footnote .icon{width:14px;height:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;min-height:430px;padding:35px}.empty-state h2{font-size:1.1rem;font-weight:500}.empty-state p{font-size:.8rem;max-width:300px}.empty-list{padding:26px 10px;font-size:.75rem;color:var(--muted-soft);text-align:center}.inline-error{margin:16px 24px;padding:12px;border:1px solid #ef444455;border-radius:10px;color:var(--status-error);font-size:.75rem;overflow-wrap:anywhere}
.section-panel{padding:24px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.template-card{padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.template-card .brand-icon{margin:0;width:42px;height:42px}.template-card h3{font-size:1rem}.template-card p{font-size:.8rem;color:var(--muted-soft);flex:1}.activity-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:14px;padding:18px 0;border-bottom:1px solid var(--card-border)}.activity-item .icon{color:var(--brand);margin-top:4px}.activity-item h3{font-size:.8rem;font-weight:500}.activity-item p{font-size:.7rem;color:var(--muted-soft);margin-top:3px}.activity-item time{font-size:.7rem;color:var(--muted-soft)}.audit-detail{margin-top:10px}.audit-detail summary{font-size:.72rem;cursor:pointer;color:var(--focus)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.7rem;padding:14px;background:var(--input-bg);border:1px solid var(--card-border);border-radius:9px;max-height:320px;overflow:auto;margin-top:10px}.modal{margin:auto;color:var(--text-main);width:min(600px,calc(100vw - 32px));padding:28px;max-height:90vh;overflow:auto;background:var(--dropdown-bg)}.modal::backdrop{background:#020617aa;backdrop-filter:blur(5px)}.modal .panel-heading h2{font-size:1.15rem}.modal form{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.modal p{font-size:.82rem;color:var(--muted-soft);margin-bottom:18px}.scope-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-label{display:flex;flex-direction:row;align-items:center;gap:9px}.check-label input{width:16px;min-height:16px}.token-secret{width:100%;font-family:ui-monospace,monospace;min-height:96px}.template-preview{margin-bottom:18px}.token-secret:focus{outline:2px solid var(--brand)}
@media(min-width:1600px){.zone-workspace{grid-template-columns:270px minmax(0,1fr)}}@media(max-width:1200px){.app-layout{grid-template-columns:175px minmax(0,1fr);gap:24px}.zone-workspace{grid-template-columns:1fr}.zone-list{display:flex;max-height:160px;overflow:auto}.zone-item{min-width:180px;width:auto}.zone-list-panel>.search{max-width:300px}.zone-list-panel{padding:16px}.secure-label{display:none}}@media(max-width:800px){.container{padding:0 18px}.app-layout{grid-template-columns:1fr;gap:0}.sidebar{padding:20px 0 12px;border-right:0;border-bottom:1px solid var(--card-border);gap:14px}.sidebar nav{display:flex;gap:5px;overflow:auto}.sidebar nav>.admin-only{display:flex}.nav-item{width:auto;white-space:nowrap;padding:9px 11px;font-size:.7rem}.nav-heading,.sidebar-bottom,.workspace-label{display:none}.content{padding:26px 0}.page-heading{margin-bottom:22px}.overview{gap:10px}.metric{padding:16px;min-height:100px}.metric>.icon{display:none}.metric strong{font-size:1.5rem}.sync-metric strong{font-size:.78rem}.metric>span{font-size:.65rem}.logo{width:140px}.product-label{font-size:16px}.header-actions{gap:10px}.header-actions .button{font-size:.7rem;padding:7px 9px}.brand-lockup{gap:10px}.product-label{padding-left:10px}.zone-detail-heading{padding:20px 16px 0}.nameserver-strip{margin:0 16px 16px}.record-toolbar{padding:0 16px 16px}.record-toolbar .button{font-size:.63rem;padding:9px 10px}.zone-detail-heading{align-items:flex-start}.detail-actions .button{font-size:.58rem}.template-grid{grid-template-columns:1fr}.activity-item{grid-template-columns:24px minmax(0,1fr)}.activity-item time{grid-column:2}.form-grid{grid-template-columns:1fr}.footer-inner{justify-content:center;text-align:center}.legal-link{margin:0 12px}.page-heading h1{letter-spacing:-.7px}.page-heading p{font-size:.76rem}.notice{left:16px;right:16px}.zone-detail-heading h2{font-size:1rem}}
@media(max-width:800px){.sidebar-bottom{display:flex;max-width:280px;margin-top:0;padding-top:8px}.zone-detail-heading>div:first-child{min-width:0}.zone-detail-heading .detail-actions{max-width:160px;flex-shrink:0}.panel-footnote{align-items:flex-start}}
@media(max-width:450px){.logo{width:100px}.brand-lockup{gap:8px}.product-label{font-size:14px;padding-left:8px}.header-actions{gap:8px}.lang-btn{padding:0 9px;gap:4px}.lang-btn .icon{display:none}.switch{font-size:14px}.record-toolbar{flex-wrap:wrap}.record-toolbar .search{flex:1;max-width:none}.record-toolbar .button{padding:9px}.metric{padding:13px}.metric strong{font-size:1.35rem}.sync-metric strong{font-size:.72rem}}
.sidebar,.records-panel,.zone-list-panel{min-width:0}
@media(max-width:1200px){.zone-workspace{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){.app-layout{grid-template-columns:minmax(0,1fr)}.sidebar nav{min-width:0}}