*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f5f7fb;color:#111827;display:flex;height:100vh}
aside{width:260px;background:linear-gradient(180deg,#0f2f67,#1d56b7);color:white;padding:22px;display:flex;flex-direction:column;gap:18px}
aside img{width:74px;height:74px;object-fit:contain;background:white;border-radius:16px;padding:6px}
h1{font-size:22px;line-height:1.05;margin:0}small{opacity:.8}
nav{display:flex;flex-direction:column;gap:8px}nav button{border:0;text-align:left;padding:13px;border-radius:10px;background:transparent;color:white;font-weight:600}
nav button.active,nav button:hover{background:rgba(255,255,255,.16)}footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.25);padding-top:16px;font-size:13px}
main{flex:1;padding:24px;overflow:auto}header{display:flex;gap:12px;margin-bottom:22px}
input,select,textarea,button{font:inherit}header input{flex:1;padding:15px;border:1px solid #d7deea;border-radius:12px;background:white}
button{border:1px solid #d7deea;background:white;padding:12px 16px;border-radius:10px;cursor:pointer}.primary{background:#2563eb;color:white;border-color:#2563eb}
.grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.card{background:white;border:1px solid #e5eaf3;border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.04)}
h2{margin:0 0 18px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;border-bottom:1px solid #eef2f7;padding:13px}tr:hover{background:#f8fbff}
form{display:grid;grid-template-columns:1fr 1fr;gap:10px}form input,form select,form textarea{width:100%;padding:12px;border:1px solid #d7deea;border-radius:10px}
textarea{grid-column:1/-1;min-height:110px}.actions{grid-column:1/-1;display:flex;gap:10px}#folder{font-size:13px;color:#4b5563;word-break:break-all}
@media(max-width:900px){body{display:block}aside{width:auto;height:auto}.grid{grid-template-columns:1fr}header{flex-direction:column}}