*{box-sizing:border-box}
body{font-family:system-ui,"Segoe UI",Tahoma,sans-serif;background:#f3f5f9;color:#1d2433;margin:0;padding:20px;max-width:1000px;margin-inline:auto}
body.center{display:flex;align-items:center;justify-content:center;min-height:100vh}
h1{font-size:1.4rem;margin:0 0 4px}h2{font-size:1.1rem;margin:0}
a{color:#1f5fbf;text-decoration:none}a:hover{text-decoration:underline}
.top{margin-bottom:16px}
.muted{color:#6b7280}.small{font-size:.85rem}
.card{background:#fff;border:1px solid #e3e7ee;border-radius:12px;padding:18px;margin-bottom:16px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.login{width:min(380px,90vw)}
.login input{width:100%;padding:12px;border:1px solid #cfd5e0;border-radius:8px;font-size:1rem;margin:14px 0}
button{cursor:pointer;border:0;border-radius:8px;padding:9px 14px;background:#1f5fbf;color:#fff;font-size:.95rem;font-family:inherit}
.login button{width:100%}
button.ghost{background:#eef2f8;color:#1d2433;padding:6px 10px;font-size:.85rem}
button.danger{color:#b91c1c}
button.link{background:none;color:#1f5fbf;padding:0;text-decoration:underline;font-size:inherit}
.err{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px}
.dropzone{border:2px dashed #b8c2d3;border-radius:12px;padding:38px;text-align:center;transition:.15s}
.dropzone.over{border-color:#1f5fbf;background:#eef4ff}
.big{font-size:2.2rem;margin-bottom:8px}
.item{border:1px solid #e3e7ee;border-radius:10px;padding:12px;margin-top:12px}
.row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.name{word-break:break-all}
.bar{height:8px;background:#e9edf3;border-radius:5px;margin:8px 0;overflow:hidden}
.fill{height:100%;width:0;background:linear-gradient(90deg,#1f5fbf,#3b82f6);transition:width .3s}
.st.ok{color:#15803d}.st.err{color:#b91c1c}
table{width:100%;border-collapse:collapse;margin-top:10px}
th,td{padding:9px 8px;border-bottom:1px solid #eef1f5;text-align:right;vertical-align:middle}
th{color:#6b7280;font-weight:600;font-size:.85rem}
.acts{white-space:nowrap}.acts button{margin-inline-start:4px}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#1d2433;color:#fff;padding:10px 18px;border-radius:8px}
@media(max-width:640px){th:nth-child(3),td:nth-child(3){display:none}.acts{white-space:normal}}