*{box-sizing:border-box}.film-login{margin:0;min-height:100dvh;background:#121315;color:#e8ebee;font-family:system-ui,"Microsoft YaHei",sans-serif;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:24px}.film-login-layout{flex:none;margin:auto;width:min(1000px,100%);display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #35383e;border-radius:20px;overflow:hidden;background:#202225;box-shadow:0 24px 100px #0005}.film-login-intro{background:linear-gradient(145deg,#292d32,#17191c);padding:36px;display:flex;flex-direction:column;justify-content:space-between;gap:80px}.film-login-brand{font-size:23px;font-weight:700}.film-login-brand span{font-size:12px;font-weight:400;color:#909aa5;margin-left:8px}.film-login-intro h1{font-size:34px;line-height:1.5;letter-spacing:1px}.film-login-intro p{color:#a7b0bc;line-height:1.9}.film-kicker{font-size:12px;color:#a5d9cc!important}.film-login-intro small,.film-login-card small{font-size:12px;color:#8f99a5}.film-login-card{padding:52px 40px;align-self:center}.film-login-card h2{font-size:27px;margin:12px 0}.film-login-card>p{font-size:13px;color:#919ca7;margin-bottom:26px}.film-login-card form{display:grid;gap:18px;margin-bottom:24px}.film-login label{display:grid;gap:10px;font-size:13px}.film-login input,.film-account-dialog input,.film-account-dialog select{width:100%;background:#17191c;color:#e8ebef;border:1px solid #41464e;border-radius:8px;padding:11px 12px;font:inherit;outline:none}.film-login input:focus-visible,.film-account-dialog input:focus-visible{border-color:#73cbb5;box-shadow:0 0 0 2px #73cbb51c}.film-password{position:relative}.film-password input{padding-right:60px}.film-password button{position:absolute;right:7px;top:8px;background:none;border:0;color:#a6afb9;cursor:pointer;padding:6px}.film-account-primary{background:#70d9be;border:0;border-radius:8px;padding:13px;color:#132a24;font-weight:600;cursor:pointer}.film-account-primary:disabled{opacity:.5}.film-login #loginMessage{margin:0;color:#f0b39d;font-size:13px;line-height:1.6}.film-account-dialog{width:min(500px,calc(100vw - 24px));max-height:calc(100dvh - 28px);background:#232529;color:#e5e9ef;border:1px solid #454a52;border-radius:14px;padding:24px;overflow:auto;font:13px/1.7 system-ui,"Microsoft YaHei",sans-serif}.film-account-dialog::backdrop{background:#000a}.film-users-dialog{width:min(940px,calc(100vw - 24px))}.film-account-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.film-account-heading h2{margin:0;font-size:20px}.film-account-heading p{margin:5px 0 0;color:#97a3af}.film-create-user{display:grid;grid-template-columns:1fr 1fr 120px auto;align-items:end;gap:12px;padding:18px;background:#1b1d20;border:1px solid #363b42;border-radius:10px}.film-create-user h3{grid-column:1/-1;margin:0;font-size:14px}.film-create-user label{display:grid;gap:7px;color:#aeb9c5}.film-create-user input,.film-create-user select{font-size:12px;padding:9px}.film-user-search{display:flex;align-items:center;gap:14px;margin:18px 0}.film-user-search input{max-width:330px}.film-user-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid #363b42}.film-user-row p{margin:5px 0 0;font-size:11px;color:#97a3af}.film-user-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.film-account-dialog button{cursor:pointer;background:#30343a;color:#e5ebf1;border:1px solid #484e58;padding:8px 12px;border-radius:7px;font:inherit}.film-account-dialog button.primary{background:#6ed6bc;color:#172e27;border-color:#6ed6bc}.film-account-dialog button:disabled{opacity:.4;cursor:default}.film-account-dialog #filmAccountMessage{color:#9cdac7;min-height:20px}.film-account-dialog #filmAccountMessage.error,#filmUserActionMessage{color:#f2b8a3}#filmUserPassword[hidden]{display:none}#filmProfile[hidden]{display:none}@media(max-width:700px){.film-login-layout{grid-template-columns:1fr;max-width:440px}.film-login-intro{padding:24px;gap:24px}.film-login-intro>div:nth-child(2){display:none}.film-login-intro small{display:none}.film-login-card{padding:30px 24px}.film-create-user{grid-template-columns:1fr 1fr}.film-user-row{align-items:start;flex-direction:column;gap:10px}.film-account-dialog{padding:18px}.film-user-actions{gap:6px}}