/* Compact administration layout. */
button{padding:8px 12px;border-radius:7px;font-size:12px}
input,textarea{padding:8px 10px;border-radius:7px;font-size:12px}
label{font-size:12px;margin:12px 0}
label input,label textarea{margin-top:6px}
aside{width:220px;padding:20px 14px}
main{margin-left:220px;padding:20px 24px}
main>header{margin-bottom:12px;min-height:34px}
nav{gap:5px}
nav button{padding:8px 10px;min-height:44px;gap:9px}
nav button span{font-size:12px}
nav .nav-icon{--icon-size:28px;border-radius:7px}
.nav-label{margin:28px 12px 12px}
#refresh{padding:5px 9px;gap:6px;font-size:11px}
#refresh .action-icon{--action-size:24px}
#logout{padding:8px 10px;gap:9px;font-size:12px}
#logout .action-icon{--action-size:28px}
.aside-bottom{padding:12px;font-size:11px}
#settings-content{max-width:1200px;margin:0 auto}
.settings-tabs{padding:3px;gap:3px;border-radius:9px;margin-bottom:14px}
.settings-tabs button{min-width:85px;padding:8px 18px;font-size:12px;border-radius:6px}
.settings-card{padding:16px;border-radius:10px}
.settings-card h2{font-size:15px;margin-bottom:10px}
.settings-card h3{font-size:13px;margin:0 0 10px}
.settings-card p{margin:8px 0;line-height:1.6}
.settings-card code{padding:9px 11px;font-size:11px}
.settings-grid{gap:16px}
.sepay-intro{padding:16px;margin-bottom:14px;gap:12px}
.sepay-intro h2{font-size:18px}
.sepay-intro p{margin:5px 0}
.webhook-card{gap:12px;margin-bottom:14px}
.webhook-card button{white-space:nowrap}
.sepay-form{margin-bottom:16px}
.sepay-form .form-row{gap:12px;margin-bottom:8px}
.sepay-form small{margin-top:5px;font-size:11px;line-height:1.5}
.sepay-form .notice{margin-top:14px}
.form-actions{margin-top:16px;gap:8px}
.notice{padding:10px 12px;margin-bottom:14px;font-size:11px}
#telegram-icons-form>.settings-grid>div{border:1px solid #e6ece8;border-radius:8px;padding:12px;background:#fcfdfc}
input[type=file]{padding:6px;font-size:11px}
input[type=file]::file-selector-button{border:1px solid #dbe5de;background:white;color:#38604a;border-radius:5px;padding:5px 8px;font:inherit;margin-right:8px;cursor:pointer}
.stats{gap:14px;margin:16px 0}
.stat{padding:16px}
.stat strong{font-size:23px}
.panel-heading{padding:16px}
th,td{padding:12px 16px}
.product-card{padding:16px}
.product-card h3{margin:14px 0 8px}
.card-actions{padding-top:12px;margin-top:14px}
.toolbar{margin-bottom:16px}
footer{margin-top:24px;padding-top:16px}
@media(min-width:1500px){#telegram-icons-form>.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){aside{width:100%;padding:12px}main{margin-left:0;padding:14px 12px}nav button{min-height:40px;padding:7px 9px}nav .nav-icon{--icon-size:25px}.settings-tabs{width:fit-content}.settings-tabs button{flex:initial;min-width:85px}.settings-card{padding:13px}.sepay-intro{padding:13px}.settings-grid{gap:12px}.sepay-form .form-row{gap:0}.webhook-card{gap:8px}th,td{padding:10px 12px}}