.management main{max-width:1500px;margin:24px auto}.management-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:22px;align-items:start}.sidebar{background:#123e31;color:#fff;padding:24px 16px;border-radius:12px;position:sticky;top:20px;min-height:calc(100dvh - 160px)}.sidebar-title{font-size:20px;margin-bottom:24px}.sidebar nav{display:flex;flex-direction:column;gap:9px;margin:20px 0 32px}.sidebar nav button{text-align:left;width:100%;background:transparent;color:#d3e6dd;border-color:transparent;padding:13px 15px}.sidebar nav button.selected{background:#e1efd5;color:#173e30}.sidebar nav button:disabled{opacity:.45;cursor:not-allowed}.sidebar label{font-size:12px}.sidebar select{font-size:13px;padding:9px 5px}.sidebar small{display:block;color:#b6d0c4;overflow-wrap:anywhere}.workspace{min-width:0;min-height:calc(100dvh - 160px);padding:28px 32px}.workspace h2{margin-top:0}.workspace>form{background:#f6faf7;border:1px solid #dde9e1;border-radius:10px;padding:18px;margin:18px 0 28px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}td,th{padding:13px 10px;border-bottom:1px solid #dce8e0;overflow-wrap:anywhere}th{font-weight:500;background:#f1f7f3}.screen-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.screen-cards article{background:#f1f7f3;padding:15px;border-radius:8px}.screen-cards h3{margin:0 0 8px}.screen-cards p{font-size:13px;margin:8px 0}.admin-preview{margin:18px 0;background:#0c2925;aspect-ratio:16/9;overflow:hidden;border-radius:10px}.admin-preview iframe{width:100%;height:100%;border:0;display:block}.template-import{padding:15px;background:#eaf2ed;border-radius:8px}.workspace .slot-row input{min-width:0}.workspace .slot-row{grid-template-columns:1.1fr 1fr 1fr auto}
.workspace .screen-cards{grid-template-columns:repeat(auto-fill,minmax(0,min(100%,280px)));justify-content:start;gap:16px}.screen-card{display:flex;flex-direction:column;gap:12px;align-items:flex-start;background:#f1f7f3;color:#243c35;padding:22px;text-align:left;border:1px solid #dce8e0;min-height:165px;min-width:0;overflow-wrap:anywhere}.screen-card:hover{background:#e6f2e9;border-color:#739a85}.screen-card-name{font-size:22px;font-weight:500}.screen-card small,.screen-card-status{font-size:13px;color:#52675e}.screen-card-action{font-size:13px;color:#205d49;margin-top:auto}.screen-preview-dialog{width:min(1400px,96vw);max-width:96vw;max-height:94dvh;padding:18px}.preview-dialog-header,.preview-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-dialog-header h2{font-size:22px;margin:0}.screen-preview-dialog .admin-preview{aspect-ratio:16/9;max-height:calc(94dvh - 145px);margin:16px 0}.preview-dialog-footer small{color:#52675e}
@media(max-width:900px){.management-layout{grid-template-columns:180px minmax(0,1fr);gap:14px}.workspace{padding:20px}.workspace .fields{grid-template-columns:1fr}.workspace .slot-row{grid-template-columns:1fr 1fr}.admin-preview{aspect-ratio:4/3}}
@media(max-width:600px){.management main{padding:0 8px;margin:12px auto}.management-layout{grid-template-columns:110px minmax(0,1fr);gap:8px}.sidebar{padding:14px 8px;top:8px}.sidebar-title{font-size:16px;margin-bottom:16px}.sidebar nav button{padding:12px 5px;font-size:13px}.sidebar nav{margin:14px 0}.sidebar select{font-size:12px}.workspace{padding:14px 10px}.workspace h2{font-size:21px}.workspace>form{padding:10px}.workspace .slot-row{gap:6px}.workspace label{font-size:12px}.workspace input,.workspace textarea,.workspace select{font-size:16px}.screen-cards{grid-template-columns:1fr}.table-wrap{max-width:100%}.admin-preview{aspect-ratio:3/4}}