*{box-sizing:border-box}
body{
    margin:0;
    background:#f1eded;
    color:#1f2430;
    font-family:'Cairo',sans-serif
}
a{text-decoration:none}
.topbar{
    padding:28px 40px 0
}
.nav-shell{
    background:linear-gradient(90deg,#b9dad8,#6f9ae7);
    border-radius: 28px 20px 1px 1px;
    padding:20px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap
}
.logo-box{
    width:120px;
    height:95px;
    background:#fff4f0;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    flex-shrink:0
}
.logo-box img{
    max-width:100%;
    max-height:100%
}
.admin-nav{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    align-items:center
}
.admin-nav a{
    background:#fff4f0;
    color:#1d2436;
    padding:14px 20px;
    border-radius:16px;
    font-weight:700
}
.admin-nav a:hover{
    background:#123589;
    color:#fff
}
.page-wrap{
    max-width:1400px;
    margin:30px auto;
    padding:0 20px 60px
}
.card{
    background:#fff;
    border-radius:28px;
    padding:28px;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
    margin-bottom:24px
}
h1,h2,h3{
    margin-top:0
}
.grid-2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px
}
.grid-3{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px
}
.grid-4{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px
}
input,select,textarea,button{
    width:100%;
    border:none;
    border-radius:18px;
    padding:14px 16px;
    font-size:16px;
    font-family:'Cairo',sans-serif
}
input,select,textarea{
    background:#f5f7ff;
    border:1px solid #d8def8
}
button,.btn{
    background:#123589;
    color:#fff;
    font-weight:800;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center
}
.btn-light{
    background:#fff4f0;
    color:#8c4b37
}
.table-wrap{
    overflow:auto
}
table{
    width:100%;
    border-collapse:collapse;
    min-width:900px
}
table th,table td{
    padding:12px;
    border-bottom:1px solid #ececec;
    text-align:left
}
.msg{
    background:#e8f7eb;
    border:1px solid #b8e0c0;
    color:#167739;
    padding:14px 18px;
    border-radius:18px;
    margin-bottom:16px
}
.form-row{
    margin-bottom:14px
}
label{
    display:block;
    margin-bottom:8px;
    font-weight:700
}
.login-wrap{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px
}
.login-card{
    width:100%;
    max-width:520px;
    background:#fff;
    border-radius:30px;
    padding:30px;
    box-shadow:0 10px 40px rgba(0,0,0,.07)
}
.stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px
}
.stat-box{
    background:#f5f7ff;
    border-radius:22px;
    padding:20px
}
.stat-box strong{
    font-size:30px;
    display:block
}
@media (max-width:992px){
    .grid-2,.grid-3,.grid-4,.stats{
        grid-template-columns:1fr
    }
}

.inline-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.inline-actions > *{width:auto}
.steam-import-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.steam-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:18px 0}
.steam-stat{background:#f5f7ff;border:1px solid #d8def8;border-radius:20px;padding:14px}
.steam-stat strong{display:block;font-size:24px;margin-bottom:6px}
.steam-console{background:#111827;color:#f9fafb;border-radius:22px;padding:18px;min-height:360px;max-height:520px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:14px;line-height:1.6}
.steam-console .log-info{color:#93c5fd}.steam-console .log-success{color:#86efac}.steam-console .log-warning{color:#fcd34d}.steam-console .log-error{color:#fca5a5}
.steam-progress{height:16px;background:#e5e7eb;border-radius:999px;overflow:hidden}.steam-progress-bar{height:100%;background:linear-gradient(90deg,#123589,#6f9ae7);width:0;transition:width .2s ease}
.steam-note{background:#fff4f0;border:1px solid #f5d8cb;color:#8c4b37;border-radius:18px;padding:14px 16px;margin-bottom:18px}
@media (max-width:992px){.steam-import-controls,.steam-stat-grid{grid-template-columns:1fr}}