/* PantangAdmin System Settings Centre 2026-09-25 */
#settings{padding-bottom:40px}.sys-hero{background:linear-gradient(135deg,#2d2140,#5c3d85);color:#fff;border-radius:24px;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;box-shadow:0 18px 38px rgba(45,33,64,.12)}.sys-hero h2{margin:4px 0 6px;font-size:26px;color:#fff}.sys-hero p{margin:0;color:rgba(255,255,255,.75);font-size:12px}.sys-kicker{font-size:9px;letter-spacing:.15em;font-weight:900;color:#9d8ab5;text-transform:uppercase}.sys-hero .sys-kicker{color:rgba(255,255,255,.58)}.sys-hero-actions{display:flex;align-items:center;gap:10px}.sys-hero-actions>span{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);padding:8px 11px;border-radius:999px;font-size:10px;font-weight:850}.sys-hero-actions>span i{width:7px;height:7px;border-radius:50%;background:#6ee1a8;box-shadow:0 0 0 4px rgba(110,225,168,.12)}.sys-hero-actions>span.error i{background:#e87878}.sys-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.sys-kpi{padding:15px 16px!important}.sys-kpi span{display:block;font-size:9px;font-weight:850;color:#90899a;text-transform:uppercase;letter-spacing:.06em}.sys-kpi strong{display:block;margin:7px 0 4px;font-size:21px;color:#292230}.sys-kpi small{font-size:9px;color:#8d8694}.sys-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.sys-panel{padding:0!important;overflow:hidden}.sys-panel.infrastructure{grid-column:1/-1}.sys-panel-head{padding:16px 17px;border-bottom:1px solid #ede9f0;display:flex;justify-content:space-between;align-items:center;gap:12px}.sys-panel-head>div{display:flex;align-items:center;gap:11px}.sys-panel-head h3{margin:0 0 3px;font-size:14px;color:#2b2532}.sys-panel-head p{margin:0;font-size:9px;color:#8c8492}.sys-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:900;font-size:10px;background:#eee8f5;color:#624589}.sys-icon.content{background:#eef3fa;color:#526d96}.sys-icon.infra{background:#e9f6f1;color:#27775d}.sys-status{font-size:8px;font-weight:900;padding:6px 8px;border-radius:999px;background:#edf7f2;color:#2c795d}.sys-list{display:grid}.sys-panel.infrastructure .sys-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sys-list>button{appearance:none;border:0;border-bottom:1px solid #f0edf2;background:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;transition:.15s ease}.sys-panel.infrastructure .sys-list>button:nth-last-child(-n+2){border-bottom:0}.sys-list>button:hover{background:#faf8fc}.sys-list>button span{display:flex;flex-direction:column;gap:3px}.sys-list>button b{font-size:11px;color:#332b3a}.sys-list>button small{font-size:9px;color:#8a8390;line-height:1.4}.sys-list>button em{font-style:normal;font-size:9px;font-weight:900;color:#694b91;white-space:nowrap}.sys-safety{margin-top:14px;border:1px solid #e9e1cf;background:#fffaf0;border-radius:14px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start}.sys-safety b{font-size:10px;color:#7a5c2b;white-space:nowrap}.sys-safety span{font-size:9px;color:#8a7758;line-height:1.5}.sys-modal-bg{position:fixed;inset:0;z-index:10050;background:rgba(25,19,31,.42);display:flex;align-items:center;justify-content:center;padding:24px}.sys-modal{width:min(620px,96vw);max-height:88vh;background:#fff;border:1px solid #e9e4ed;border-radius:20px;box-shadow:0 30px 90px rgba(22,16,29,.25);overflow:hidden;display:flex;flex-direction:column}.sys-modal.wide{width:min(980px,96vw)}.sys-modal-head{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid #eeeaf1}.sys-modal-head h3{margin:2px 0 0;font-size:17px}.sys-modal-head>button{border:0;background:#f5f2f7;width:34px;height:34px;border-radius:10px;font-size:20px;cursor:pointer}.sys-modal-body{padding:18px 19px;overflow:auto}.sys-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sys-detail-grid>div{border:1px solid #ebe7ef;background:#fbfafc;border-radius:12px;padding:12px}.sys-detail-grid span{display:block;font-size:8px;text-transform:uppercase;color:#918999;font-weight:850;margin-bottom:5px}.sys-detail-grid b{font-size:11px;color:#332c3a}.sys-note{margin:13px 0;border:1px solid #e8e2ee;background:#faf8fc;border-radius:11px;padding:10px 12px;font-size:9px;line-height:1.5;color:#776d80}.sys-tablewrap{overflow:auto;border:1px solid #ece8ef;border-radius:12px;margin-top:12px}.sys-tablewrap table{width:100%;border-collapse:collapse}.sys-tablewrap th{background:#faf9fb!important}.sys-tablewrap td small{display:block;color:#908798;margin-top:3px}.sys-tablewrap code{font-size:9px;word-break:break-all}.sys-language{display:grid;grid-template-columns:1fr 1fr;gap:11px}.sys-language>div{border:1px solid #e8e3ed;border-radius:13px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.sys-language b{width:34px;height:34px;border-radius:9px;background:#eee8f5;color:#674993;display:grid;place-items:center;font-size:10px}.sys-language span{font-size:11px;font-weight:750}.sys-language em{font-style:normal;font-size:8px;font-weight:900;color:#28785c;background:#edf8f3;border-radius:999px;padding:5px 7px}.sys-log-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.sys-log-head span{font-size:9px;color:#8b8492}.sys-log{margin:0;background:#17151b;color:#d9d4df;border-radius:12px;padding:14px;max-height:520px;overflow:auto;font:10px/1.55 Consolas,monospace;white-space:pre-wrap;word-break:break-word}.sys-backup-action{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #e8e3ed;background:#fbfafc;border-radius:13px;padding:13px 14px}.sys-backup-action>div{display:flex;flex-direction:column;gap:3px}.sys-backup-action b{font-size:11px}.sys-backup-action span{font-size:9px;color:#88808f}.sys-focus-card{outline:3px solid rgba(111,74,154,.22)!important;box-shadow:0 0 0 6px rgba(111,74,154,.06)!important;transition:.2s}@media(max-width:1050px){.sys-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sys-grid{grid-template-columns:1fr}.sys-panel.infrastructure{grid-column:auto}}@media(max-width:700px){.sys-hero{flex-direction:column;align-items:flex-start}.sys-kpis{grid-template-columns:1fr 1fr}.sys-panel.infrastructure .sys-list{grid-template-columns:1fr}.sys-detail-grid,.sys-language{grid-template-columns:1fr}.sys-backup-action{align-items:flex-start;flex-direction:column}}