:root{
    --bg:#061116;
    --panel:#0e1c22;
    --text:#eafcff;
    --muted:#87a8b0;
    --accent:#00d9ff;
    --border:rgba(255,255,255,.1);
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(135deg,#050b0e,#0a1b22);color:var(--text);font-family:Arial,sans-serif}
.layout{display:flex;min-height:100vh}
aside{width:260px;background:#050d11;border-right:1px solid var(--border);padding:22px}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}
.logo{
    width:auto;
    height:auto;
    background:transparent;
    border-radius:0;
    display:block;
}

.logo-big{
    display:inline-block;
    background:transparent;
    color:inherit;
    border-radius:0;
    padding:0;
    margin-bottom:12px;
}
.brand span{display:block;color:var(--muted);font-size:13px}
aside a{display:block;color:var(--text);text-decoration:none;border:1px solid var(--border);padding:13px;border-radius:12px;margin-bottom:10px}
aside a.active,aside a:hover{background:rgba(0,217,255,.12);border-color:rgba(0,217,255,.35)}
main{flex:1;padding:28px}
h1{margin:0 0 8px;font-size:32px}
p{color:var(--muted);line-height:1.55}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}
.card,.panel,.public-box{background:rgba(14,28,34,.88);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 14px 40px rgba(0,0,0,.15)}
.card span{color:var(--muted)}
.card b{display:block;font-size:30px;color:var(--accent);margin-top:6px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}
input,
select,
textarea{
    width:100%;
    background:#071318;
    color:var(--text);
    border:1px solid var(--border);
    border-radius:12px;
    padding:18px 16px;   /* больше внутренний отступ */
    font-size:18px;      /* увеличить текст */
    font-weight:500;     /* сделать чуть жирнее */
}
textarea{min-height:90px}
.check{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;color:var(--muted);background:rgba(0,217,255,.08);border:1px solid rgba(0,217,255,.25);border-radius:12px;padding:12px}
.check input{width:auto}
.primary,.secondary{border:0;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:700; font-size:20px;text-decoration:none;display:inline-block}
.primary{background:var(--accent);color:#001014}
.secondary{background:#14252c;color:var(--text);border:1px solid var(--border)}
.small{padding:8px 10px;font-size:13px;margin:2px}
.success{background:rgba(84,227,142,.12);border:1px solid rgba(84,227,142,.35);padding:14px;border-radius:14px;margin:14px 0}
.error{background:rgba(255,91,110,.12);border:1px solid rgba(255,91,110,.35);padding:14px;border-radius:14px;margin:14px 0}
.filters form{display:flex;gap:10px;margin-bottom:14px}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:1050px}
td,th{padding:12px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}
th{color:var(--muted)}
.badge{display:inline-block;border-radius:999px;padding:6px 10px;font-size:12px}
.ok{background:rgba(84,227,142,.14);color:#54e38e}
.warn{background:rgba(255,194,65,.14);color:#ffc241}
.details td{background:rgba(255,255,255,.03);color:var(--muted)}
.status-form select{padding:8px}
.login-body,.public{display:grid;place-items:center;min-height:100vh;padding:20px}
.login-box,.public-box{width:min(720px,100%)}
.login-box{background:rgba(14,28,34,.9);border:1px solid var(--border);border-radius:20px;padding:26px;display:grid;gap:12px}
.client-form{display:grid;gap:12px}
a{color:var(--accent)}
.legal h2{margin-top:24px}
@media(max-width:900px){
    .layout{display:block}
    aside{width:auto}
    .cards,.form-grid{grid-template-columns:1fr}
    .filters form{display:grid}
}

.logo-img{
    height:50px;
    width:auto;
    display:block;
}