:root{--color-primary:#1c2f5b;--color-primary-light:#253d73;--color-primary-dark:#141f3d;--color-accent:#3fc38b;--color-accent-hover:#35a878;--color-accent-light:rgba(63,195,139,.12);--color-text:#131021;--color-text-secondary:#6b7280;--color-bg:#f9f9fb;--color-white:#fff;--color-border:#e2e2e2;--color-border-light:#f0f0f2;--color-success:#3fc38b;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--font-family:"Poppins", Arial, Helvetica, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:17px;--radius-pill:999px;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 30px rgba(0,0,0,.12);--shadow-card:0 0 35px rgba(140,140,140,.08);--sidebar-width:260px;--sidebar-collapsed-width:64px;--header-height:64px;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);letter-spacing:-.01em;font-weight:400;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4{letter-spacing:-.025em;font-weight:600;line-height:1.25}.text-muted{color:var(--color-text-secondary);font-size:.875rem}.public-layout{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.public-layout__container{width:100%;max-width:420px}.public-layout__logo{text-align:center;margin-bottom:2rem}.public-layout__logo .logo-mark{width:200px;height:40px}.public-layout__logo .logo-text{fill:#fff;font-family:var(--font-family);font-size:24px;font-weight:600}.auth-layout{min-height:100vh;display:flex}.auth-layout__main{margin-left:var(--sidebar-width);transition:margin-left var(--transition);flex-direction:column;flex:1;min-height:100vh;display:flex}.auth-layout__content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem}.auth-layout.sidebar-collapsed .auth-layout__main{margin-left:var(--sidebar-collapsed-width)}.sidebar{height:100vh;width:var(--sidebar-width);background:var(--color-primary);color:#fff;transition:width var(--transition);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .sidebar__title,.sidebar.collapsed .sidebar__link-text,.sidebar.collapsed .sidebar__section-label{opacity:0;pointer-events:none}.sidebar__brand{border-bottom:1px solid rgba(255,255,255,.1);align-items:center;gap:.75rem;padding:1.25rem 1rem;display:flex}.sidebar__icon{flex-shrink:0;width:32px;height:32px}.sidebar__title{white-space:nowrap;transition:opacity var(--transition);font-size:1.1rem;font-weight:600}.sidebar__nav{flex:1;padding:1rem 0;overflow-y:auto}.sidebar__section{margin-bottom:.5rem}.sidebar__section-label{text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.4);transition:opacity var(--transition);padding:.5rem 1.25rem .25rem;font-size:.7rem;font-weight:500;display:block}.sidebar__link{color:rgba(255,255,255,.7);transition:all var(--transition);border-left:3px solid transparent;align-items:center;gap:.75rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;display:flex}.sidebar__link:hover{color:#fff;background:rgba(255,255,255,.08)}.sidebar__link.active,.sidebar__link[aria-current=page]{color:#fff;border-left-color:var(--color-accent);background:rgba(255,255,255,.12)}.sidebar__link-icon{text-align:center;flex-shrink:0;width:20px;font-size:1.1rem}.sidebar__link-text{white-space:nowrap;transition:opacity var(--transition)}.header{height:var(--header-height);background:var(--color-white);border-bottom:1px solid var(--color-border);z-index:50;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.header__left{align-items:center;gap:1rem;display:flex}.header__menu-btn{border-radius:var(--radius-sm);width:36px;height:36px;transition:background var(--transition);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.header__menu-btn:hover{background:var(--color-bg)}.header__right{align-items:center;gap:1rem;display:flex}.header__user{align-items:center;gap:.5rem;display:flex}.header__avatar{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:600;display:flex}.header__username{color:var(--color-text);font-size:.875rem;font-weight:500}.page__header{margin-bottom:2rem}.page__header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.page__header-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.page__header-right{align-items:center;gap:.75rem;display:flex}.page__title{color:var(--color-text);font-size:1.75rem}.page__subtitle{color:var(--color-text-secondary);margin-top:.25rem;font-size:.9rem}.page__breadcrumb{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;display:flex}.page__filters{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page--full-height{min-height:calc(100vh - var(--header-height) - 4rem);flex-direction:column;display:flex}.breadcrumb__link{color:var(--color-accent);font-weight:500}.breadcrumb__link:hover{text-decoration:underline}.breadcrumb__sep,.breadcrumb__current{color:var(--color-text-secondary)}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light)}.card__header{border-bottom:1px solid var(--color-border-light);padding:1.25rem 1.5rem}.card__title{font-size:1rem;font-weight:600}.card__body{padding:1.5rem}.stat-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border-light);padding:1.5rem}.stat-card__label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:500}.stat-card__value{color:var(--color-text);letter-spacing:-.03em;margin-top:.25rem;font-size:2rem;font-weight:600}.stat-card__subtitle{color:var(--color-text-secondary);margin-top:.25rem;font-size:.8rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.25rem;display:grid}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.25rem;display:grid}.btn{border-radius:var(--radius-lg);transition:all var(--transition);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;font-weight:500;display:inline-flex;position:relative}.btn--sm{padding:.4rem .85rem;font-size:.8rem}.btn--md{padding:.6rem 1.25rem;font-size:.875rem}.btn--lg{padding:.75rem 1.75rem;font-size:1rem}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-md)}.btn--secondary{background:var(--color-white);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-text-secondary)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){background:#dc2626}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--loading{pointer-events:none}.btn__spinner{border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;position:absolute}.btn__content--hidden{visibility:hidden}.form{flex-direction:column;gap:1.25rem;display:flex}.form__grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;display:grid}.form__actions{border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1.25rem;display:flex}.form-field{flex-direction:column;gap:.4rem;display:flex}.form-field__label{color:var(--color-text);font-size:.85rem;font-weight:500}.form-field__input,.form-field__textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-white);transition:border-color var(--transition), box-shadow var(--transition);padding:.6rem .85rem;font-size:.9rem}.form-field__input::placeholder{color:var(--color-text-secondary);opacity:.6}.form-field__textarea::placeholder{color:var(--color-text-secondary);opacity:.6}.form-field__input:focus,.form-field__textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.form-field__textarea{resize:vertical;min-height:80px}.form-field__error{color:var(--color-danger);font-size:.8rem}.form-field--error .form-field__input,.form-field--error .form-field__textarea{border-color:var(--color-danger)}.form-field--mono .form-field__textarea{font-family:var(--font-mono);font-size:.85rem}.radio-group{flex-direction:column;gap:.75rem;display:flex}.radio-option{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.radio-option:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.radio-option input[type=radio]{accent-color:var(--color-accent);margin-top:.2rem}.radio-option__label{font-size:.9rem;font-weight:500}.radio-option__desc{color:var(--color-text-secondary);margin-top:.15rem;font-size:.8rem;display:block}.search-box__input{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-white);width:280px;transition:border-color var(--transition), box-shadow var(--transition);padding:.55rem .85rem;font-size:.875rem}.search-box__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.filter-chips{gap:.5rem;display:flex}.chip{border-radius:var(--radius-pill);color:var(--color-text-secondary);background:var(--color-white);border:1px solid var(--color-border);transition:all var(--transition);padding:.35rem .85rem;font-size:.8rem;font-weight:500}.chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.chip--active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.table-wrapper{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-card);overflow:auto hidden}.table{border-collapse:collapse;width:100%}.table__head{background:var(--color-bg)}.table__th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.table__td{border-bottom:1px solid var(--color-border-light);padding:.85rem 1rem;font-size:.875rem}.table tbody tr{transition:background var(--transition)}.table tbody tr:hover{background:var(--color-bg)}.table tbody tr:last-child .table__td{border-bottom:none}.badge{border-radius:var(--radius-pill);align-items:center;gap:.35rem;padding:.2rem .7rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge--default{background:var(--color-bg);color:var(--color-text-secondary)}.badge--success{color:#1a7d4e;background:rgba(63,195,139,.12)}.badge--warning{color:#b45309;background:rgba(245,158,11,.12)}.badge--danger{color:#b91c1c;background:rgba(239,68,68,.12)}.badge--info{color:#1d4ed8;background:rgba(59,130,246,.12)}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.badge--success{background:var(--color-success)}.status-dot.badge--danger{background:var(--color-danger)}.status-dot.badge--warning{background:var(--color-warning)}.status-dot.badge--default{background:var(--color-text-secondary)}.status-dot.badge--info{background:var(--color-info)}.tabs__bar{border-bottom:2px solid var(--color-border-light);gap:0;margin-bottom:1.5rem;display:flex}.tabs__tab{color:var(--color-text-secondary);transition:all var(--transition);border-bottom:2px solid transparent;margin-bottom:-2px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500}.tabs__tab:hover{color:var(--color-text)}.tabs__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-panel{min-height:200px}.modal-overlay{backdrop-filter:blur(4px);z-index:200;background:rgba(0,0,0,.4);justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal__header{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal__title{font-size:1.1rem;font-weight:600}.modal__close{width:32px;height:32px;color:var(--color-text-secondary);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.modal__close:hover{background:var(--color-bg)}.modal__body{padding:1.5rem}.toast-container{z-index:300;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.toast{border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.85rem 1.25rem;font-size:.875rem;font-weight:500;animation:.3s slide-in}.toast--success{background:var(--color-success);color:#fff}.toast--error{background:var(--color-danger);color:#fff}.toast--info{background:var(--color-info);color:#fff}.spinner{justify-content:center;align-items:center;display:flex}.spinner__ring{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.page-spinner{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.page-spinner__text{color:var(--color-text-secondary);font-size:.875rem}.empty-state{text-align:center;background:var(--color-white);border-radius:var(--radius-lg);border:1px dashed var(--color-border);flex-direction:column;align-items:center;padding:4rem 2rem;display:flex}.empty-state__icon{color:var(--color-text-secondary);opacity:.4;margin-bottom:1rem;font-size:3rem}.empty-state__title{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.empty-state__description{color:var(--color-text-secondary);max-width:400px;font-size:.9rem}.empty-state__actions{margin-top:1.5rem}.login-page__card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2.5rem}.login-page__title{text-align:center;margin-bottom:.25rem;font-size:1.5rem}.login-page__subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:2rem;font-size:.9rem}.login-page__error{color:var(--color-danger);border-radius:var(--radius-sm);background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.login-page__form{flex-direction:column;gap:1rem;display:flex}.login-page__form .btn{width:100%;margin-top:.5rem}.notice{color:#b45309;border-radius:var(--radius-sm);background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25);margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.zone-editor{flex:1;gap:1rem;min-height:0;display:flex}.zone-editor__main{flex-direction:column;flex:1;display:flex}.zone-editor__textarea-wrapper{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1;position:relative;overflow:hidden}.zone-editor__textarea{width:100%;height:100%;min-height:500px;font-family:var(--font-mono);color:var(--color-text);resize:none;tab-size:4;background:0 0;border:none;outline:none;padding:1rem;font-size:.85rem;line-height:1.6}.zone-editor__panel{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);width:300px;padding:1rem;overflow-y:auto}.zone-editor__panel-title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:.75rem;font-size:.85rem;font-weight:600}.zone-editor__valid{color:var(--color-success);font-size:.85rem;font-weight:500}.zone-editor__errors{list-style:none}.zone-editor__errors li{color:var(--color-danger);border-bottom:1px solid var(--color-border-light);padding:.5rem 0;font-size:.8rem}.zone-editor__errors li:last-child{border-bottom:none}.zone-content{font-family:var(--font-mono);background:var(--color-bg);border-radius:var(--radius-sm);white-space:pre;padding:1rem;font-size:.85rem;line-height:1.6;overflow-x:auto}.diff-viewer{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.diff-viewer__header{border-bottom:1px solid var(--color-border);display:flex}.diff-viewer__side{flex:1;padding:.75rem 1rem;font-size:.8rem;font-weight:500}.diff-viewer__side--old{border-right:1px solid var(--color-border);background:rgba(239,68,68,.05)}.diff-viewer__side--new{background:rgba(63,195,139,.05)}.diff-viewer__body{font-family:var(--font-mono);padding:1rem;font-size:.85rem}.diff-lines{flex-direction:column;gap:0;display:flex}.diff-line{font-family:var(--font-mono);white-space:pre;border-left:3px solid transparent;padding:.1rem .5rem;font-size:.82rem;line-height:1.5;display:flex}.diff-line__prefix{-webkit-user-select:none;user-select:none;color:var(--color-text-secondary);opacity:.7;flex:0 0 1.5rem}.diff-line__content{white-space:pre-wrap;word-break:break-word;flex:1}.diff-line--equal{color:var(--color-text);background:0 0}.diff-line--add{color:#1a7d4e;background:rgba(63,195,139,.12);border-left-color:rgba(63,195,139,.7)}.diff-line--del{color:#b91c1c;background:rgba(239,68,68,.1);border-left-color:rgba(239,68,68,.7)}.checkbox-option{cursor:pointer;align-items:flex-start;gap:.6rem;display:flex}.checkbox-option input[type=checkbox]{margin-top:.2rem}.form-field__hint{color:var(--color-text-secondary);margin-top:.35rem;font-size:.78rem;display:block}.deploy-section .deploy-actions{align-items:center}.deploy-preview{flex-direction:column;gap:1rem;display:flex}.deploy-preview__server{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);overflow:hidden}.deploy-preview__head{background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.65rem .9rem;display:flex}.deploy-preview__name{font-size:.9rem;font-weight:600}.deploy-preview__serials{font-family:var(--font-mono);color:var(--color-text-secondary);margin-left:auto;font-size:.78rem}.deploy-preview__diff{max-height:22rem;padding:.75rem .9rem;overflow:auto}.deploy-status{flex-direction:column;gap:.5rem;display:flex}.deploy-status__title{margin-bottom:.25rem;font-size:.9rem;font-weight:600}.deploy-status__row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);align-items:center;gap:.75rem;padding:.55rem .75rem;display:flex}.deploy-status__server{min-width:10rem;font-size:.88rem;font-weight:500}.deploy-status__state{align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.deploy-status__state .spinner{width:1rem;height:1rem}.deploy-status__state--ok{color:#1a7d4e;font-weight:500}.deploy-status__state--err{color:#b91c1c;font-weight:500}.deploy-status__error{font-family:var(--font-mono);color:#b91c1c;margin-left:.5rem;font-size:.78rem}.version-timeline{flex-direction:column;gap:0;padding-left:1.25rem;display:flex;position:relative}.version-timeline:before{content:"";background:var(--color-border);width:2px;position:absolute;top:.5rem;bottom:.5rem;left:.35rem}.version-card{gap:1rem;padding:.5rem 0;display:flex;position:relative}.version-card__dot{background:var(--color-accent);border:2px solid var(--color-white);width:.75rem;height:.75rem;box-shadow:0 0 0 1px var(--color-border);border-radius:50%;position:absolute;top:1.1rem;left:-1.1rem}.version-card__body{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex:1;padding:.85rem 1rem}.version-card__header{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.version-card__check{cursor:pointer;align-items:center;display:inline-flex}.version-card__serial{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.78rem}.version-card__meta{color:var(--color-text-secondary);margin-left:auto;font-size:.78rem}.version-card__summary{color:var(--color-text);margin-bottom:.5rem;font-size:.88rem}.version-card__actions{gap:.5rem;display:flex}.detail-list{flex-direction:column;gap:0;display:flex}.detail-list__item{border-bottom:1px solid var(--color-border-light);justify-content:space-between;padding:.65rem 0;display:flex}.detail-list__item:last-child{border-bottom:none}.detail-list__item dt{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.detail-list__item dd{color:var(--color-text);font-size:.85rem;font-family:var(--font-mono)}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.not-found h1{color:var(--color-text-secondary);opacity:.3;font-size:6rem;line-height:1}.not-found p{color:var(--color-text-secondary);margin-top:.5rem;font-size:1.25rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.activity-feed{flex-direction:column;list-style:none;display:flex}.activity-feed__item{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.activity-feed__item:last-child{border-bottom:none}.activity-feed__main{align-items:baseline;gap:.5rem;min-width:0;display:flex}.activity-feed__action{color:var(--color-text);font-weight:500}.activity-feed__entity{color:var(--color-text-secondary);font-size:.8rem;font-family:var(--font-mono)}.activity-feed__meta{color:var(--color-text-secondary);white-space:nowrap;align-items:baseline;gap:.75rem;font-size:.8rem;display:flex}.activity-feed__user{font-weight:500}.error-card{background:var(--color-white);border:1px solid var(--color-danger);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border-left-width:4px;padding:1.5rem}.error-card__title{color:var(--color-danger);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.error-card__text{color:var(--color-text-secondary);font-size:.875rem}@media (width<=768px){.sidebar{width:var(--sidebar-collapsed-width)}.sidebar .sidebar__title,.sidebar .sidebar__link-text,.sidebar .sidebar__section-label{opacity:0;pointer-events:none}.auth-layout__main{margin-left:var(--sidebar-collapsed-width)}.auth-layout__content{padding:1rem}.page__header-row{flex-direction:column;align-items:flex-start}.zone-editor{flex-direction:column}.zone-editor__panel{width:100%}.dashboard-grid,.detail-grid{grid-template-columns:1fr}.search-box__input{width:100%}}@media (width<=640px){.stats-grid,.dashboard-grid,.detail-grid,.form__grid{grid-template-columns:1fr}.modal-overlay{align-items:flex-end;padding:1rem}.modal{max-width:100%;max-height:85vh}.toast-container{left:1rem;right:1rem}.toast{width:100%}.form__actions{flex-direction:column-reverse;align-items:stretch}.form__actions .btn,.form__actions .btn--md{width:100%}.activity-feed__item{flex-direction:column;align-items:flex-start;gap:.35rem}.page__header-right{flex-wrap:wrap}}.acl-grant-form,.audit-filters{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.acl-grant-form .form-field,.audit-filters .form-field{min-width:12rem;margin-bottom:0}.acl-grant-form .form__actions,.audit-filters .form__actions{margin-top:0}.details-cell{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;max-width:28rem;font-size:.8rem}