/* KeskinSoft B2C V2.7: actual PHP admin and read-only demo refinement */
.ks-admin-page{max-width:1520px}.ks-admin-aside{background:linear-gradient(166deg,#101f3e,#0d2548 60%,#12294e)}
.ks-admin-nav a{min-height:39px;transition:background .15s,color .15s}.ks-admin-nav a:focus-visible,.ks27-demo a:focus-visible{outline:3px solid #ff9c40;outline-offset:3px}
.ks-admin-body{background:linear-gradient(145deg,#f4f7fc,#fbfdff)}.ks-admin-body .panel,.ks-dash-card,.ks-dash-metric{box-shadow:0 9px 32px rgba(13,37,75,.055);border-color:#e2e9f2}.ks-admin-body input,.ks-admin-body select,.ks-admin-body textarea{max-width:100%;min-width:0}.ks-admin-body button,.ks-admin-body a{touch-action:manipulation}
.ks-admin-body .panel h2,.ks-admin-body .panel h3{letter-spacing:-.025em}.ks-admin-body .admin-grid{gap:18px}
.ks27-demo{padding-top:30px;padding-bottom:48px}.ks27-demo-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.ks27-demo-head small{font-size:11px;color:#ed6700;font-weight:800;letter-spacing:.12em}.ks27-demo-head h1{font-size:clamp(27px,4vw,40px);margin:4px 0 8px;color:#102a4d;letter-spacing:-.04em}.ks27-demo-head p{color:#64758f;font-size:14px;margin:0}.ks27-demo-back{background:#fff;border:1px solid #dde6f2;border-radius:12px;padding:13px 18px;font-size:13px;font-weight:750;white-space:nowrap;color:#133a69}.ks27-demo-layout{display:grid;grid-template-columns:225px minmax(0,1fr);border-radius:22px;border:1px solid #dce6f2;box-shadow:0 20px 60px #1228460b;overflow:hidden;background:#f7f9fd}.ks27-demo-nav{padding:24px 13px;background:linear-gradient(150deg,#101d39,#17365d);display:flex;flex-direction:column;gap:6px}.ks27-demo-nav a{display:block;color:#cedbee;padding:13px 15px;border-radius:11px;font-size:13px;font-weight:700}.ks27-demo-nav a.active,.ks27-demo-nav a:hover{background:#fff1;color:#fff}.ks27-demo-main{padding:27px;min-height:400px}.ks27-demo-warning{background:#fff5e9;color:#935216;border:1px solid #f9d8ae;border-radius:12px;padding:14px 17px;font-size:12px;line-height:1.6;margin-bottom:23px}.ks27-demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.ks27-demo-metrics>div{display:flex;flex-direction:column;background:#fff;border:1px solid #e1e9f3;border-radius:15px;padding:20px 16px;gap:8px;min-height:120px}.ks27-demo-metrics span{color:#627490;font-size:12px}.ks27-demo-metrics strong{color:#102d53;font-size:clamp(24px,3vw,33px);line-height:1}.ks27-demo-metrics small{font-size:10px;color:#9baac0}.ks27-demo-panel{background:white;border:1px solid #e1e9f3;border-radius:15px;padding:24px;color:#546a86}.ks27-demo-panel h2{font-size:20px;color:#173451;margin:0 0 12px}.ks27-demo-panel p{line-height:1.7}.ks27-demo-table{overflow-x:auto}.ks27-demo-table table{width:100%;border-collapse:collapse}.ks27-demo-table th,.ks27-demo-table td{text-align:left;padding:13px;border-bottom:1px solid #e8eef5;font-size:13px}.ks27-demo-table th{color:#6c809a;background:#f6f9fd}.ks27-demo-table td{color:#254565}
@media(max-width:900px){.ks27-demo-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.ks27-demo-head{align-items:flex-start;flex-direction:column}.ks27-demo-layout{display:flex;flex-direction:column}.ks27-demo-nav{display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap;padding:11px}.ks27-demo-nav a{padding:9px 12px}.ks27-demo-main{padding:15px}.ks27-demo-panel{padding:15px}.ks27-demo-metrics{gap:8px}.ks27-demo-metrics>div{min-height:102px;padding:13px}}