@font-face{font-family:Roboto;src:url(./fonts/roboto-reduced.ttf)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;padding:0;font-family:Roboto,sans-serif;font-size:16px;color:#242529}.banner{box-sizing:border-box;width:100%;position:absolute;display:flex;justify-content:space-between;align-items:center;padding:12px;background-image:linear-gradient(to left,#008ccf,#00aeef);min-height:54px}.logo-container{display:flex;align-items:center}.text-banner{font-size:14px;color:#fefefe;font-weight:300;display:flex;align-items:center;gap:4px}@media (max-width: 440px){.text-banner{font-size:12px}.text-banner svg{width:16px;height:16px}.icon-of{height:24px;width:40.8px}.text-of{height:19.2px;width:67.2px}}@media (max-width: 360px){.text-banner{font-size:10px}.text-banner svg{width:12px;height:12px}.icon-of{height:24px;width:40.8px}.text-of{height:19.2px;width:67.2px}}.main-wrap{width:100%;padding-top:54px}.image-container{width:100%;height:180px;display:flex;justify-content:center;align-items:center;overflow:hidden}.image-container img{width:100%;height:auto;object-fit:cover}.profile-header{margin-top:-32px;padding:48px 16px 16px;box-sizing:border-box}.profile-user{display:flex;flex-direction:column;gap:14px}.profile-user img{margin-top:-50px;margin-left:-2px;margin-right:14px;z-index:1;border:2px solid #fff;border-radius:50%}.username-row{margin-bottom:4px;display:flex;align-items:center}.username-row svg{width:19px;height:19px}.username{font-weight:500;font-size:19px}.user-realname{font-size:14px;color:#8a96a3}.user-info{margin-bottom:12px}.user-info_content{white-space:pre-line}.divider{background-color:#f6f7f8;height:8px;border-top:1px solid rgba(138,150,163,.25)}.block-wrap{box-sizing:border-box;padding:24px;display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center;height:100%}.text-warning{color:#8a96a3;text-align:center}.container{max-width:960px;margin:0 auto;padding:16px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 1px 2px #0000000a}.form{display:grid;gap:12px}.form label{display:grid;gap:6px;font-size:14px;color:#6b7280}.form input,.form textarea,.form button{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#111827}.form textarea{min-height:110px;resize:vertical}.form button{background:#111827;color:#fff;border:none;font-weight:600;cursor:pointer;height:44px}.message{color:#059669}.error{color:#dc2626}.admin .admin-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.admin img{max-width:100%;height:auto;display:block}.admin .avatar{width:96px;height:96px;border-radius:999px;object-fit:cover;border:1px solid #e5e7eb}.admin banner-img{width:auto;height:100px;max-height:none;border-radius:8px;display:block}.admin .admin-topbar button{background:#111827;color:#fff;border:1px solid #111827;padding:8px 12px;border-radius:8px;cursor:pointer;height:40px;font-weight:600}.admin .card{width:100%}.login{display:grid;place-items:center;min-height:70vh}.login .card{width:100%;max-width:420px}.login h2{margin-top:0}.login .form input,.login .form textarea,.login .form button{padding:12px 14px;font-size:16px}@media (max-width: 480px){.container,.card{padding:12px}}