*{box-sizing:border-box}body{margin:0;background:#f5f4ef;color:#1d2926;font-family:Arial,sans-serif}main{max-width:760px;margin:auto;padding:52px 24px 72px}header{display:flex;justify-content:space-between;align-items:start;margin-bottom:36px}.eyebrow{font:12px monospace;letter-spacing:.12em;color:#69827c;margin:0 0 7px}h1{font-size:40px;line-height:1;margin:0;letter-spacing:-.06em}.subtitle{margin:10px 0 0;color:#60706d}button{border:0;font:inherit;cursor:pointer}.header-actions{display:flex;gap:9px;align-items:center}header button{background:#e6ebe4;width:42px;height:42px;border-radius:50%;font-size:24px;color:#30524b}.text-button{width:auto;height:36px;padding:0 12px;border-radius:9px;font-size:13px;font-weight:700}#dropzone{border:2px dashed #a9bdb4;border-radius:20px;background:#fcfcf9;padding:35px 20px;text-align:center;transition:.15s}#dropzone.drag{background:#e6f1ea;border-color:#3f796b}#picker{display:none}.upload-icon{width:38px;height:38px;border-radius:50%;margin:auto;background:#274e45;color:#fff;line-height:38px;font-size:22px}h2{font-size:18px;margin:13px 0 4px;letter-spacing:-.03em}#dropzone p{margin:0;color:#70817c;font-size:14px}label{color:#236e5b;font-weight:800;cursor:pointer;text-decoration:underline}small{font-size:12px;color:#82918d}#dropzone small{display:block;margin-top:12px}#progress{margin:16px 3px}#progress div{display:flex;justify-content:space-between;font-size:13px}#progress i{display:block;height:6px;background:#dce4df;border-radius:9px;margin-top:8px;overflow:hidden}#progress b{height:100%;display:block;background:#397964;width:0}.files,.admin{margin-top:42px}.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8dfda;padding-bottom:12px}.section-head h2{margin:0}.section-head span{font:12px monospace;color:#73827d}.file,.user-row{display:flex;gap:13px;align-items:center;padding:16px 4px;border-bottom:1px solid #e1e5df}.file-icon{color:#4d8676;font-size:23px}.file-info{min-width:0;flex:1}.file strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.file-info small{display:block;margin-top:3px}.download,.remove{width:35px;height:35px;border-radius:9px;text-align:center;line-height:34px;text-decoration:none;font-size:20px}.download{background:#e4eee9;color:#2b6859}.remove{background:transparent;color:#8c9994;font-size:25px}.remove:hover{background:#f5dfdc;color:#9a3e34}.empty{text-align:center;padding:35px;color:#82918d;font-size:14px}#addUser{display:grid;grid-template-columns:1fr 1.5fr auto;gap:8px;padding:16px 0;border-bottom:1px solid #e1e5df}#addUser input{min-width:0;border:1px solid #c8d4ce;border-radius:8px;padding:10px;font:inherit}#addUser button,.user-row button{border-radius:8px;padding:10px 12px;background:#274e45;color:#fff;font-size:13px;font-weight:700}.user-row span{flex:1;font-weight:700}.user-row small{margin-left:5px}.user-row button{background:#e4eee9;color:#2b6859}.admin #userError{grid-column:1/-1;margin:0;color:#a13d34;font-size:13px}.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(100%,420px);background:#fcfcf9;border:1px solid #dce4df;border-radius:20px;padding:34px;box-shadow:0 15px 45px #24423812}.login-card h1{margin-top:4px}.login-card form{display:grid;gap:16px;margin-top:28px}.login-card label{display:grid;gap:7px;color:#3c514c;text-decoration:none;font-size:13px}.login-card input{border:1px solid #c8d4ce;border-radius:9px;padding:12px;font:inherit;background:#fff}.login-card form button{border-radius:9px;padding:12px;background:#274e45;color:#fff;font-weight:800}.login-card #error{margin:0;color:#a13d34;font-size:13px}@media(max-width:480px){main{padding:35px 18px}h1{font-size:36px}#dropzone{padding:29px 14px}.file{gap:9px}#addUser{grid-template-columns:1fr}}