.admin{font-family:var(--font-body);color:var(--color-slate-900);background:var(--color-paper);min-height:100vh}.admin .chrome{background:var(--color-blue-900);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:.65rem 1.25rem}.admin .chrome .brand{display:inline-flex;align-items:center;gap:.625rem;font-weight:700}.admin .chrome .brand img{height:28px;width:auto}.admin .chrome .brand-name{font-weight:800;letter-spacing:.04em}.admin .chrome .user{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-12)}.admin .shell{display:grid;grid-template-columns:200px 1fr;min-height:calc(100vh - 48px)}.admin .rail{background:#f5f7fa;border-right:1px solid var(--color-border);padding-block:1rem}.admin .rail .group{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-slate-600);padding:.9rem 1.125rem .35rem;font-weight:700}.admin .rail a,.admin .rail button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:.5rem 1.125rem;color:var(--color-slate-600);text-decoration:none;border-left:3px solid transparent;font-size:var(--fs-12);cursor:pointer}.admin .rail a.active,.admin .rail button.active{background:#fff;color:var(--color-blue-700);border-left-color:var(--color-blue-700);font-weight:600}.admin .main{padding:1.25rem 1.5rem;min-width:0;overflow-x:hidden}.admin button.btn{font-size:var(--fs-12);padding:.45rem .8rem;border-radius:var(--radius-sm);font-weight:600;border:1px solid transparent}.admin button.btn.primary{background:var(--color-blue-700);color:#fff}.admin button.btn.ghost{background:#fff;color:var(--color-slate-600);border-color:var(--color-border)}.admin button.btn.danger{background:#fff;color:#b8001f;border-color:var(--color-border)}.admin .gate{max-width:420px;margin:4rem auto;padding:2rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-align:center}.admin .gate h1{font-size:var(--fs-22);margin-block:.5rem}.admin .gate p{color:var(--color-slate-600);font-size:var(--fs-14);margin-block:.5rem}.admin .list-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.admin .filter-bar{display:flex;gap:.5rem;margin-bottom:.75rem}@media(max-width:720px){.admin .chrome{padding:.5rem .85rem;gap:.5rem}.admin .chrome .brand{font-size:var(--fs-12);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin .chrome .user{flex-shrink:0}.admin .shell{grid-template-columns:1fr}.admin .rail{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--color-border);padding-block:0;position:sticky;top:0;z-index:5;-webkit-overflow-scrolling:touch}.admin .rail .group{display:none}.admin .rail a,.admin .rail button{width:auto;white-space:nowrap;border-left:0;border-bottom:3px solid transparent;padding:.7rem .85rem}.admin .rail a.active,.admin .rail button.active{border-left-color:transparent;border-bottom-color:var(--color-blue-700)}.admin .main{padding:1rem}.admin .list-header{flex-wrap:wrap}.admin .list-header .btn{width:100%}.admin .filter-bar{flex-direction:column}.admin .filter-bar>*{width:100%!important;flex:none!important;min-height:40px}.admin .data-table{border:0!important;background:transparent!important}.admin .data-table thead{display:none}.admin .data-table tbody,.admin .data-table tr,.admin .data-table td{display:block}.admin .data-table tbody tr{border:1px solid var(--color-border)!important;border-radius:var(--radius-md);margin-bottom:.6rem;padding:.35rem .75rem;background:#fff}.admin .data-table td{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.35rem 0!important;border:0;word-break:break-word}.admin .data-table td[data-label]:before{content:attr(data-label);font-size:11px;font-weight:700;color:var(--color-slate-600);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.admin .data-table td.col-photo{display:none}.admin .data-table td.col-action{flex-direction:column;align-items:stretch;gap:.4rem;padding-top:.5rem!important}.admin .data-table td.col-action .btn{width:100%;margin:0!important;min-height:40px}.admin .form-grid{grid-template-columns:1fr!important}.admin .name-row{flex-direction:column}.admin .name-row>input{width:100%!important;flex:none!important}.admin .main input,.admin .main select,.admin .main textarea{max-width:100%}}