@import url(https://fonts.googleapis.com/css2?family=Edu+SA+Hand:wght@400..700&family=Exo+2:ital,wght@0,100..900;1,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Oswald:wght@200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap);.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000a6;border-radius:24px;box-shadow:0 4px 30px #0009;color:#fff;font-size:1rem;transition:transform .3s ease-in-out;width:100%}.card .card-title{background-color:#38383d99;border-top-left-radius:24px;border-top-right-radius:24px;color:#fff;padding:6px 24px;text-align:left}.card .card-content{padding:24px}.card.hover{cursor:pointer}.card.hover:hover{transform:scale(1.02)}.form{padding:16px 0}.form .form-item{margin-bottom:1rem}.form .form-item .form-label{color:#ffffffe6;display:block;font-size:1rem;margin-bottom:.5rem;text-align:left}.form .form-item .form-input{background-color:#ffffff26;border:2px solid #ffffff14;border-radius:10px;box-sizing:border-box;color:#fff;font-size:16px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.form .form-item .form-input.danger{border-color:#ff000080;color:#f55}.form .form-item .form-input::placeholder{color:#ffffff80}.form .form-item .form-input:focus{background-color:#ffffff40;border-color:#fff}.form .form-item .form-error{color:#f55;font-size:12px;padding-left:6px}.form.small .form-item .form-label{font-size:.9rem}.form.small .form-item .form-input{padding:10px 12px}body{margin:0}*{font-family:Exo\ 2,Arial,sans-serif;font-optical-sizing:auto;font-style:normal}#root{background-image:url(/dormdoor/static/media/background.5d68faefb5b31140e0c5.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.container{margin:0 auto;padding:24px;width:100%}.layout{background:#0000;min-height:100vh}.layout.is-load{opacity:0;pointer-events:none;transition:opacity 1s ease-out}.layout.is-load.fade-in{opacity:1;pointer-events:all}.layout .content{background-color:#0000}.layout .content .card-grid{grid-gap:20px;background-color:#f5f5f7;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));min-height:100vh;padding:20px}.layout .overlay-footer{background-color:#182751;padding:8px}.layout .footer{background-color:#2c2c2e}.layout-loading-container{opacity:1;pointer-events:all;transition:opacity 2s ease-out}.layout-loading-container.fade-out{opacity:0;pointer-events:none}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000080;border-bottom:1px solid #00000026;color:#fff;display:flex;height:48px;justify-content:space-between;padding:0 6px 0 24px;text-align:right}.header .title{cursor:pointer;font-size:20px;font-weight:600}.header .action-row,.header .title{align-items:center;display:flex;height:100%}.header .action-row{justify-content:flex-end}.header .user-action{align-items:center;border-radius:8px;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s ease-in-out;width:42px}.header .user-action:hover{background-color:#0003}.header .action{cursor:pointer;padding:0 24px;transition:all .2s ease-in-out}.header .action .action-text{margin-left:6px}.header .action:hover{background-color:#0000001a}.user-menu{min-width:150px}.user-menu .title-container{background-color:#39393f;border-radius:10px;margin-bottom:12px;padding:10px 16px}.user-menu .title-container .title{font-feature-settings:bold;-webkit-font-kerning:bold;font-kerning:bold;font-size:18px}.loading-container{align-items:center;background:#0000001a;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.loading-container .loading-card{height:auto;width:auto}.loading-container .loading-card .card-content{align-items:center;display:flex;justify-content:center}.loading-container .loading-icon{animation:spin 2s linear infinite;font-size:48px}@keyframes spin{0%{transform:scale(1) rotate(0deg)}to{transform:scale(1) rotate(1turn)}}.card{display:flex;flex-direction:column;height:320px;width:320px}.card .card-title,.card .card-title .icon{align-items:center;display:flex;flex:0 0 auto}.card .card-title .icon img{height:64px;margin-right:12px;width:64px}.card .card-title .title-container{flex:auto}.card .card-title .title-container .title{font-size:20px}.card .card-title .title-container .descript{color:#acacac;font-size:16px}.card .card-title .action{align-items:center;color:#fff6;display:flex;transition:color .2s ease-in-out}.card .card-title .action:hover{color:#fff9}.card .card-title .action .action-icon{align-items:center;display:flex;flex-direction:column;justify-content:center}.card .card-content{flex:auto}.auth-layout{background-image:url(/dormdoor/static/media/background.5d68faefb5b31140e0c5.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;min-height:100vh}.auth-layout .content{height:100%}.auth-layout .overlay-footer{background-color:#182751;padding:8px}.auth-layout .footer{background-color:#2c2c2e}#index .user-card{margin-left:auto}#index .user-card .avatar{border-radius:50%;height:120px;margin-bottom:24px;width:120px}#index .user-card .name{color:#fff;font-size:32px}#index .user-card .email{color:#acacac;font-weight:300;margin-bottom:24px}#index .user-card .info{color:#eaeaea;font-size:14px}#index .login-log-card{height:auto;margin:auto;max-width:664px;overflow:hidden;width:100%}#index .login-log-card .card-content .row-item .item{border-radius:15px;font-weight:300;padding:1rem;transition:background-color .2s ease-in-out}#index .login-log-card .card-content .row-item .item .sub-info{color:#fff9;font-size:12px}#index .login-log-card .card-content .row-item hr{border-width:0;border-bottom:1px solid #ffffff1a;margin:-1px 1rem 0}#index .login-log-card .card-content .row-item:hover .item{background-color:#ffffff1a}#index .login-log-card .card-content .row-item:hover hr{border-color:#0000}#index .login-log-card .card-content .row-item:last-child hr{border-bottom:0}@media screen and (max-width:991px){#index .qrcode-card,#index .user-card{height:auto;margin:auto;max-width:664px;width:100%}}.qrcode-card .card-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.qrcode-card .card-content .qrcode{align-items:center;background-color:#fff;border-radius:20px;display:flex;height:270px;justify-content:center;margin:0 auto;width:270px}.qrcode-card .card-content .code{color:#acacac;text-align:center}.qrcode-card .card-content .error-text{color:#ffffff80}.qrcode-card .loading-icon{animation:spin 2s linear infinite;font-size:48px}#login{height:100%;padding:3rem 1rem 1rem;position:relative}#login .card{margin:auto;max-width:450px}#login .card .title{font-size:24px;font-weight:600;margin-bottom:2rem}#login .card .title .main{color:#1677ff}