:root { color-scheme: light; --ink:#171919; --muted:#717775; --line:#e8ebe7; --bg:#f8faf6; --surface:#fff; --accent:#d5ee6b; --accent-dark:#25452b; --radius:22px; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
a {color:inherit;text-decoration:none}
.wrap { max-width:1000px; margin:auto; padding:26px 22px 72px; }
.header { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0 30px; }
.brand { font-weight:900;font-size:26px;letter-spacing:-1.4px; }
.brand .dot { color:#5f9f48; }
.micro { font-size:11px;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);font-weight:750; }
.hero { background:var(--ink);color:#fff;padding:48px 48px 43px;border-radius:var(--radius);position:relative;overflow:hidden; }
.hero:after {content:'';position:absolute;right:-95px;top:-115px;width:330px;height:330px;border-radius:50%;border:65px solid rgba(213,238,107,.15);pointer-events:none}
h1 { font-size:clamp(34px,5vw,62px);letter-spacing:-2.3px;line-height:1.06;margin:16px 0;max-width:730px;position:relative;z-index:1; }
.hero p {font-size:16px;line-height:1.6;color:#c9cecb;max-width:560px;margin:0;position:relative;z-index:1}
.kicker {color:var(--accent);font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;}
.panel {border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;margin:24px 0;box-shadow:0 8px 30px rgba(26,34,26,.025)}
.panel-head {padding:25px 28px;border-bottom:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between}
h2 { font-size:22px;letter-spacing:-.55px;margin:0; }
.meta {font-size:13px;color:var(--muted)}
.file {padding:18px 28px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);transition:background .15s}
.file:last-child {border-bottom:none}.file:hover {background:#fbfcf8}
.file-icon {flex:none;display:grid;place-items:center;background:#f1f5eb;border-radius:12px;width:45px;height:45px;color:var(--accent-dark);font-size:23px}
.file-body {flex:1;min-width:0}.file-name {font-size:15px;font-weight:760;overflow-wrap:anywhere}.file-desc {font-size:12px;color:var(--muted);margin-top:4px}
.action {font-size:13px;font-weight:750;border:1px solid #dee3dc;padding:9px 13px;border-radius:10px;white-space:nowrap;background:#fff}
.action:hover {background:var(--accent);border-color:var(--accent)}
.folder-link {display:flex;align-items:center;gap:16px;flex:1;min-width:0}
.buttons {display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.button {display:inline-block;background:var(--accent);border:0;border-radius:12px;padding:13px 20px;font-size:14px;font-weight:800;cursor:pointer;color:var(--ink)}
.button.dark {background:var(--ink);color:white}.button:hover {filter:brightness(.97)}
.subtle {color:var(--muted);font-size:13px;line-height:1.6}.muted-link {text-decoration:underline;text-underline-offset:3px}
.footer {text-align:center;margin-top:38px;color:var(--muted);font-size:12px}
.login,.form-box {max-width:610px;margin:32px auto;padding:34px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
label {font-weight:750;font-size:13px;display:block;margin:20px 0 8px}
input[type='text'],input[type='password'],input[type='url'] {width:100%;border:1px solid #d8dfd6;border-radius:11px;padding:15px;font-size:15px;font-family:inherit;outline:0}
input:focus {border-color:#55793e;box-shadow:0 0 0 3px #dcf1d0}
.notice {padding:14px 16px;background:#fff4e1;border:1px solid #f2ddb8;border-radius:12px;font-size:14px;color:#76520e;margin:20px 0}
.notice.error {background:#fff0ef;color:#8b3832;border-color:#f3d7d1}
.url {font-family:ui-monospace,monospace;font-size:13px;overflow-wrap:anywhere;background:#f2f5ed;padding:13px;border-radius:10px}
.empty {padding:30px 28px;color:var(--muted)}
.breadcrumb {margin:22px 2px 0;color:var(--muted);font-size:13px}.breadcrumb a{text-decoration:underline}
.eyebrow {color:var(--muted);font-size:13px;line-height:1.6}
@media(max-width:660px){.hero{padding:30px 25px}h1{letter-spacing:-1.3px}.panel-head{padding:20px}.file{padding:16px;gap:10px}.action{padding:8px}.wrap{padding:12px 12px 50px}.brand{font-size:23px}.file-icon{width:36px;height:36px}}