:root{--cloud-ink:#34442d;--cloud-surface:#f8f9f4;--cloud-line:#d5dccb;--cloud-error:#962f24}
.cloud-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 22px;background:var(--cloud-surface);border-bottom:1px solid var(--cloud-line);color:var(--cloud-ink);font:14px/1.6 Arial,"Microsoft YaHei",sans-serif}
.cloud-bar a,.cloud-bar button{color:var(--cloud-ink);font:inherit}.cloud-bar a{text-decoration:underline;text-underline-offset:3px}.cloud-bar button{border:1px solid var(--cloud-line);background:white;padding:5px 10px;border-radius:5px;cursor:pointer}.cloud-status{flex:1;min-width:180px}.cloud-status[data-error="true"]{color:var(--cloud-error);font-weight:600}.cloud-loading{padding:12px 22px;color:var(--cloud-ink);background:var(--cloud-surface)}
.cloud-bar select{font:inherit;max-width:100%;min-height:38px;padding:5px;border:1px solid var(--cloud-line);background:white;color:var(--cloud-ink)}
.cloud-page{max-width:1120px;margin:0 auto;padding:32px 24px 64px;font:16px/1.75 Arial,"Microsoft YaHei",sans-serif;color:var(--cloud-ink)}
.cloud-page h1{font-size:32px;font-weight:500;line-height:1.3;margin:24px 0 12px}.cloud-page h2{font-size:21px;margin-top:32px}.cloud-page p{max-width:72ch}.cloud-page label{display:grid;gap:7px}.cloud-page input,.cloud-page select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #aab69e;border-radius:5px;background:white;padding:9px 12px;font:inherit;color:var(--cloud-ink)}
.cloud-page button,.cloud-link{min-height:42px;padding:9px 15px;font:inherit;border:1px solid var(--cloud-line);border-radius:5px;color:var(--cloud-ink);background:white;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.cloud-page .primary{background:#536d40;color:white;border-color:#536d40}.cloud-page button:disabled{opacity:.6;cursor:wait}.cloud-page a{color:#38552b}.cloud-page :focus-visible,.cloud-bar :focus-visible{outline:3px solid #667f4a;outline-offset:3px}
.login-page{max-width:430px;margin:8vh auto}.login-page .brand-logo{width:124px}.login-page form{display:grid;gap:22px;margin-top:32px}.cloud-error{color:var(--cloud-error);min-height:24px;white-space:pre-wrap;overflow-wrap:anywhere}.cloud-muted{color:#56664b;font-size:14px}.cloud-filters{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:24px 0}.cloud-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.library-row{border-top:1px solid var(--cloud-line);padding:20px 0}.library-row h2{font-size:19px;margin:0 0 8px;overflow-wrap:anywhere}.library-row p{margin:6px 0;overflow-wrap:anywhere}.cloud-detail{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef2e8;padding:16px;max-height:450px;overflow:auto;font-size:14px}.member-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:end}.cloud-page details{margin-top:12px}.cloud-page summary{cursor:pointer}.cloud-page code{overflow-wrap:anywhere}
@media(max-width:700px){.cloud-page{padding:22px 18px 48px}.cloud-bar{padding:10px 16px;gap:10px}.cloud-filters,.member-form{grid-template-columns:1fr}.login-page{margin:5vh auto}.cloud-page h1{font-size:28px}.cloud-status{flex-basis:100%}.cloud-page input,.cloud-page select{font-size:16px}}
@media(min-width:701px){.sidebar{top:var(--cloud-bar-height,56px);height:calc(100dvh - var(--cloud-bar-height,56px));overflow-y:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.cloud-bar,.cloud-loading{display:none!important}}
