@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda+SC:wght@400;500;600;700&display=swap";:root{font-family:Segoe UI,Noto Sans,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#f2f4f6;background-color:#1f2124;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Bodoni Moda SC,Times New Roman,serif;font-weight:600;letter-spacing:.02em;color:#f7f8fa}body{margin:0;min-width:320px;min-height:100vh;background-color:#1f2124;font-family:inherit}p{margin:.6rem 0}#root{min-height:100vh}.app-shell{min-height:100vh;width:100%}.panel{width:100%;max-width:560px;border:1px solid #3a3d40;background:linear-gradient(180deg,#222528,#1e2023);border-radius:16px;padding:2rem;box-shadow:0 12px 40px #00000059}.login-view{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-panel{width:min(100%,480px)}.muted{color:#b6bcc1}.login-form{display:grid;gap:.65rem;margin-top:1.2rem}.login-form label{font-size:.9rem;color:#cfd3d8}.login-form input{border:1px solid #4d5155;background-color:#16181b;color:#f2f4f6;border-radius:10px;padding:.7rem .8rem;font-size:1rem;font-family:inherit}.login-form input:focus{outline:2px solid #7a8794;outline-offset:1px}.primary-button,.ghost-button{border-radius:10px;padding:.65rem 1rem;font-size:.95rem;cursor:pointer;border:1px solid transparent;font-family:inherit}.primary-button{margin-top:.4rem;color:#f7fafc;background-color:#36414b;border-color:#4a5b69}.primary-button:hover{background-color:#41505d}.ghost-button{color:#d9dee3;background-color:transparent;border-color:#4d5155}.ghost-button:hover{background-color:#2c2f33}.primary-button:disabled,.ghost-button:disabled{opacity:.65;cursor:not-allowed}.workspace{min-height:100vh;width:100%;display:grid;grid-template-columns:75px 175px minmax(0,1fr);background-color:#1f2124}.icon-rail{border-right:1px solid #9aa0a61f;display:flex;flex-direction:column;align-items:stretch;padding:.6rem .4rem;gap:.35rem}.rail-main-button{display:grid;justify-items:center;gap:.25rem;border:1px solid transparent;background:transparent;color:#c8cdd2;border-radius:10px;padding:.55rem .3rem;cursor:pointer;font-family:Segoe UI,Noto Sans,Helvetica Neue,Arial,sans-serif}.rail-main-button:hover{background-color:#2a2d31}.rail-main-button.is-active{background-color:#32363b;border-color:#4d5258}.rail-main-icon{font-size:1.1rem;line-height:1}.rail-main-label{font-size:.72rem}.submenu-rail{border-right:1px solid #9aa0a61f;padding:1.1rem .7rem;overflow-y:auto}.submenu-rail h2{margin:0 0 .75rem;font-size:1rem}.submenu-nav{display:grid;gap:.35rem}.submenu-button{width:100%;text-align:left;background:transparent;color:#d2d7dc;border:1px solid transparent;padding:.5rem .55rem;border-radius:8px;cursor:pointer;font-family:Segoe UI,Noto Sans,Helvetica Neue,Arial,sans-serif}.submenu-button:hover{background-color:#2b2f34;border-color:#464b52}.submenu-button.is-active{background-color:#31363b;border-color:#4f555d}.content-area{padding:1.25rem 1.5rem;overflow-y:auto}.content-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.65rem}.error-text{color:#ff8a8a;margin:.35rem 0 0}.success-text{color:#9bd6a6;margin:.35rem 0 0}.profile-form{display:grid;gap:.65rem;max-width:720px}.profile-form label{font-size:.9rem;color:#cfd3d8}.profile-form input,.profile-form textarea{border:1px solid #4d5155;background-color:#16181b;color:#f2f4f6;border-radius:10px;padding:.7rem .8rem;font-size:1rem;font-family:inherit}.profile-form textarea{min-height:110px;resize:vertical}.profile-form input:focus,.profile-form textarea:focus{outline:2px solid #7a8794;outline-offset:1px}@media(max-width:860px){.workspace{grid-template-columns:75px 145px minmax(0,1fr)}}@media(max-width:700px){.workspace{grid-template-columns:68px 120px minmax(0,1fr)}.rail-main-label{font-size:.66rem}.content-area{padding:1rem}}