.login-screen{position:fixed;inset:0;z-index:100;background:linear-gradient(135deg,#102941,#193f64);display:grid;place-items:center;padding:20px}.login-screen[hidden]{display:none}.login-card{width:min(410px,100%);padding:31px;border:1px solid #c6d9f0;border-radius:18px;background:#fff;box-shadow:0 25px 70px #061a3080;color:#2a3c57}.login-brand{display:flex;align-items:center;gap:8px;color:#183653;font:600 25px "Avenir Next",Avenir,sans-serif}.login-brand .brand-mark{transform:scale(.72);transform-origin:left center;margin-right:-10px}.login-card>span{color:#6680a1;font-size:13px}.login-card h1{margin:19px 0 3px;font:500 26px "Avenir Next",Avenir,sans-serif}.login-card p{margin:0 0 19px;color:#77879d;font-size:14px}.login-card label{display:block;margin:12px 0;color:#61728a;font-size:12px}.login-card input{display:block;width:100%;height:42px;margin-top:5px;padding:0 11px;border:1px solid #cedcec;border-radius:8px;color:#2a3d59;font:14px "Avenir Next",sans-serif;outline:0}.login-card input:focus{border-color:#397ce5;box-shadow:0 0 0 3px #e7f0ff}.login-card button{width:100%;height:43px;margin-top:10px;border:0;border-radius:8px;background:#236bda;color:#fff;font:500 14px "Avenir Next",sans-serif;cursor:pointer}.login-card small{display:block;margin-top:15px;color:#7a899e;font-size:11px;line-height:1.45}.profile-module{padding:20px;color:#33445f}.profile-page-head,.admin-panel>header{display:flex;align-items:center;gap:14px;margin-bottom:17px}.profile-page-head span,.admin-panel header span{color:#71829a;font-size:12px}.profile-page-head h2,.admin-panel h3{margin:3px 0;color:#233652;font:500 25px "Avenir Next",Avenir,sans-serif}.profile-page-head p{margin:0;color:#718097;font-size:14px}.profile-page-head .outline,.admin-panel header .outline{margin-left:auto;height:36px;padding:0 12px;border:1px solid #bdd1ed;border-radius:8px;background:#fff;color:#1f62bc;font:500 13px "Avenir Next",sans-serif}.profile-large{display:grid;width:60px;height:60px;place-items:center;border-radius:50%;background:#ddecff;color:#235caa;font:500 20px "Avenir Next",sans-serif}.profile-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.profile-card,.admin-panel{padding:17px;border:1px solid #cedced;border-radius:12px;background:#fff;box-shadow:0 4px 16px #1d416709}.profile-card h3{margin:0 0 15px;font:500 17px "Avenir Next",sans-serif;color:#2b3f5c}.profile-card dl{margin:0}.profile-card dl div{padding:9px 0;border-top:1px solid #e7edf5}.profile-card dt{color:#8190a5;font-size:11px}.profile-card dd{margin:3px 0 0;color:#2b405e;font-size:14px}.access-chips,.permission-tags{display:flex;flex-wrap:wrap;gap:6px}.access-chips span,.permission-tags i{padding:5px 8px;border-radius:6px;background:#eef5ff;color:#2863bd;font-size:11px;font-style:normal}.profile-card p{color:#7a899e;font-size:12px;line-height:1.55}.profile-security button{display:block;width:100%;margin-top:8px;padding:9px;border:1px solid #d7e3f1;border-radius:7px;background:#fbfdff;color:#46607f;text-align:left;font:13px "Avenir Next",sans-serif}.admin-panel{margin-top:17px}.admin-panel>header{margin:0 0 12px}.admin-panel h3{font-size:20px}.new-user-form{display:grid;grid-template-columns:1fr 1fr 160px auto;gap:8px;padding:11px;margin-bottom:10px;border-radius:8px;background:#f4f8ff}.new-user-form input,.new-user-form select{min-width:0;height:35px;padding:0 8px;border:1px solid #d1deee;border-radius:6px;background:#fff;font:12px "Avenir Next",sans-serif}.new-user-form button,.user-row button{border:1px solid #bcd1ed;border-radius:6px;background:#fff;color:#1c60bb;font:500 12px "Avenir Next",sans-serif}.user-row{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;align-items:center;gap:10px;padding:12px 5px;border-top:1px solid #e3ebf5}.user-row b{font-size:14px;font-weight:500}.user-row>span{color:#77879d;font-size:12px}.user-row button{height:32px;padding:0 9px}@media(max-width:880px){.profile-layout{grid-template-columns:1fr}.new-user-form{grid-template-columns:1fr 1fr}.user-row{grid-template-columns:1fr 1fr}.user-row .permission-tags{grid-column:1/3}.user-row button{grid-column:1/3}}@media(max-width:520px){.profile-module{padding:14px}.profile-page-head{align-items:flex-start}.profile-page-head .outline{display:none}.new-user-form{grid-template-columns:1fr}.user-row{grid-template-columns:1fr}.user-row .permission-tags,.user-row button{grid-column:auto}}
.permission-modal{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:20px;background:#10243b80}.permission-modal[hidden]{display:none}.permission-modal section{width:min(480px,100%);padding:20px;border:1px solid #c9daee;border-radius:14px;background:#fff;box-shadow:0 22px 60px #10243b55}.permission-modal header{display:flex;justify-content:space-between}.permission-modal header span{color:#7a8aa0;font-size:12px}.permission-modal h3{margin:3px 0;color:#263956;font:500 21px "Avenir Next",sans-serif}.permission-modal header button{border:0;background:transparent;color:#5f7089;font-size:24px}.permission-modal p{color:#74839a;font-size:13px}.permission-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.permission-checks label{display:flex;align-items:center;gap:6px;padding:9px;border:1px solid #d6e2ef;border-radius:7px;color:#3e5270;font-size:12px}.permission-modal footer{display:flex;justify-content:flex-end}.permission-modal footer button{height:37px;padding:0 13px;border:0;border-radius:7px;background:#236bda;color:#fff;font:500 13px "Avenir Next",sans-serif}@media(max-width:520px){.permission-checks{grid-template-columns:1fr 1fr}}