*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#15202b;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}
header{background:#13293d;color:white;padding:15px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center}
header nav{display:flex;gap:18px;align-items:center}header a{color:white}main{max-width:1200px;margin:24px auto;padding:0 18px}
.card{background:white;border-radius:12px;padding:18px;margin-bottom:18px;box-shadow:0 4px 18px #00000012}
.login{min-height:90vh;display:grid;place-items:center}.login .card{max-width:460px;text-align:center}
.toolbar{display:flex;gap:24px;flex-wrap:wrap}.toolbar form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
label{font-weight:600;font-size:.9rem}input{display:block;padding:9px 10px;border:1px solid #cbd5df;border-radius:7px;margin-top:5px}
button,.btn{background:#1769aa;color:white;border:0;border-radius:7px;padding:10px 13px;cursor:pointer;text-decoration:none;display:inline-block}
.small{padding:7px 9px;font-size:.85rem}.danger{background:#b42318}.notice{padding:12px;border-radius:8px;margin-bottom:14px}.ok{background:#eaf7ed}.err{background:#fdecec;color:#9b1c1c}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #e6ebef;vertical-align:top}
th{font-size:.82rem;color:#667085}.folder{font-weight:700;color:#1769aa;text-decoration:none}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions form{display:flex;gap:5px}
@media(max-width:850px){header{align-items:flex-start;flex-direction:column}table,tbody,tr,td{display:block}thead{display:none}tr{padding:10px 0;border-bottom:1px solid #ddd}td{border:0;padding:4px 0}.actions{margin-top:8px}.actions form{width:100%;flex-wrap:wrap}}