@font-face{font-family:Ndot77;src:url(/assets/Ndot77JPExtended-7n-fUsXv.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:NationalPark;src:url(/assets/NationalPark-Cg2a9HP1.otf)format("opentype");font-weight:400;font-style:normal}body{-webkit-user-select:none;user-select:none;width:100vw;height:100vh;margin:0;overflow:hidden}:root{--bg-dark:#121212;--card-bg:#1a1a1a;--text-light:#e0e0e0;--brand-blue:#616cbc;--initial-color:#2f3561;--btn-grey:#d9d9d9;--btn-red:#fa4b4e;--btn-dark-blue:#363f69;--badge-green:#5de27f}.text-dotted{letter-spacing:2px;font-family:Ndot77,monospace}.text-national-park{letter-spacing:1px;font-family:NationalPark,sans-serif}.center{height:100vh;color:var(--text-light);background-color:var(--bg-dark);justify-content:center;align-items:center;display:flex}.dashboard-container{background-color:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;display:flex}.dashboard-card{background-color:var(--card-bg);border-radius:8px;flex-direction:column;align-items:center;width:100%;max-width:400px;min-height:580px;padding:40px;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080}.title{color:#fff;text-align:center;margin-bottom:30px;font-size:24px}.avatar-section{margin-bottom:40px}.avatar-image,.avatar-fallback{border:3px solid var(--brand-blue);border-radius:50%;width:130px;height:130px}.avatar-image{object-fit:cover}.avatar-fallback{background-color:var(--brand-blue);border-color:#fff;justify-content:center;align-items:center;display:flex}.initial-text{color:var(--initial-color);margin-top:10px;font-size:64px}.info-section{flex-direction:column;gap:8px;width:100%;margin-bottom:40px;display:flex}.info-row{color:var(--text-light);justify-content:space-between;align-items:center;font-size:14px;display:flex}.full-name-row{text-align:left;margin-top:15px}.full-name{color:#fff;font-size:18px}.icon-btn{cursor:pointer;opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex}.icon-btn:hover{opacity:1}.icon-btn img{filter:invert();width:16px;height:16px}.edit-form-section{flex-direction:column;gap:16px;animation:.4s ease-in-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.edit-input-row{align-items:center;gap:12px;width:100%;display:flex}.inline-input{color:#fff;background:0 0;border:1px solid #fff;border-radius:20px;outline:none;padding:8px 16px;font-size:14px;transition:border-color .2s}.inline-input:focus{border-color:var(--brand-blue)}.username-input{width:160px}.w-100{width:100%}.badge{color:#000;border-radius:14px;justify-content:center;align-items:center;padding:6px 16px;font-size:12px;font-weight:700;display:flex}.badge-ok{background-color:var(--badge-green)}.actions-section{flex-direction:column;gap:16px;width:100%;display:flex}.mitosis-container{width:100%;height:44px;position:relative}.btn-mitosis,.btn-logout,.btn-change-password{cursor:pointer;text-align:center;border:none;border-radius:22px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.node-left{background-color:var(--btn-grey);color:#333;z-index:2;width:calc(50% - 8px);height:44px;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);position:absolute;top:0;left:0;overflow:hidden}.node-left .icon{opacity:0;transition:all .4s;position:absolute;transform:scale(0)}.node-left .button-text{transition:opacity .3s}.mitosis-container.is-editing .node-left{background-color:var(--btn-grey);width:44px}.mitosis-container.is-editing .node-left .button-text{opacity:0;pointer-events:none}.mitosis-container.is-editing .node-left .icon{opacity:1;transform:scale(1)}.node-right{background-color:var(--btn-red);opacity:0;pointer-events:none;z-index:1;width:44px;height:44px;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);position:absolute;top:0;left:calc(25% - 22px);transform:scale(.5)}.mitosis-container.is-editing .node-right{opacity:1;pointer-events:auto;left:calc(100% - 44px);transform:scale(1)}.btn-logout{background-color:var(--btn-red);color:#fff;width:calc(50% - 8px);height:44px;transition:all .4s;position:absolute;top:0;right:0}.mitosis-container.is-editing .btn-logout{opacity:0;pointer-events:none;transform:scale(.8)}.btn-change-password{background-color:var(--btn-dark-blue);color:#fff;width:100%;height:44px;transition:all .4s}.btn-change-password.hidden{opacity:0;pointer-events:none;height:0;margin:0;padding:0}