@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-color:#006591;--primary-color-text:#fff;--surface-a:#fff;--surface-b:#f8f9ff;--surface-c:#eff4ff;--surface-d:#e5eeff;--surface-e:#dce9ff;--surface-f:#d3e4fe;--text-color:#0b1c30;--text-color-secondary:#3e4850;--primary-container:#0ea5e9;--secondary-color:#006b5f;--tertiary-color:#855300;--error-color:#ba1a1a;--outline-color:#6e7881;--border-radius:4px;--font-family:"Inter", sans-serif}html,body{font-family:var(--font-family);background-color:var(--surface-b);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.sidebar{background-color:#eff4ff;border-right:1px solid #bec8d2;flex-direction:column;width:260px;height:100vh;display:flex}.sidebar-menu{flex-direction:column;flex-grow:1;padding:.5rem 0;display:flex}.sidebar-item{color:#3e4850;cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s;display:flex}.sidebar-item:hover{color:#006591;background-color:#e5eeff}.sidebar-item.active{color:#0b1c30;background:linear-gradient(90deg,#6ef7e2 0%,#a2f9ec 100%);font-weight:500}.sidebar-subitem{color:#3e4850;cursor:pointer;align-items:center;gap:.75rem;padding:.6rem 1.5rem .6rem 2.75rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.sidebar-subitem:hover{color:#006591;background-color:#e5eeff}.sidebar-subitem.active{color:#0b1c30;background:linear-gradient(90deg,#6ef7e2 0%,#a2f9ec 100%);font-weight:500}.sidebar-footer{background:#e5eeff;border-top:1px solid #bec8d2;border-radius:8px;align-items:center;gap:.75rem;margin:.5rem;padding:1rem;display:flex}.user-avatar{background:#cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logout-button{cursor:pointer;color:var(--text-color-secondary);border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.logout-button:hover{color:var(--error-color);background-color:#d3e4fe}.sidebar-logo{color:#006591;padding:1.5rem;font-weight:700}.sidebar-logo .brand{font-size:1.25rem;display:block}.sidebar-logo .subtext{text-transform:uppercase;letter-spacing:.05em;color:#6e7881;font-size:.75rem}h1,.display-style{letter-spacing:-.02em;font-size:36px;font-weight:700;line-height:44px}h2,.headline-lg{letter-spacing:-.01em;font-size:28px;font-weight:600;line-height:36px}.label-md{letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:16px}.card{background:#fff;border:1px solid #bec8d2;border-radius:8px;padding:1.5rem}.status-badge{border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:12px;font-weight:500;display:inline-flex}.status-badge:before{content:"";border-radius:50%;width:6px;height:6px}.status-active{color:#006b5f;background:#e6f6f4}.status-active:before{background:#006b5f}.status-offline{color:#64748b;background:#f1f5f9}.status-offline:before{background:#64748b}.status-pending{color:#b45309;background:#fffbeb}.status-pending:before{background:#b45309}.login-container{background:linear-gradient(135deg,#f8f9ff 0%,#e5eeff 100%);position:relative;overflow:hidden}.login-container:before{content:"";z-index:0;background:radial-gradient(circle,#0ea5e926 0%,#fff0 70%);width:60%;height:80%;position:absolute;top:-20%;right:-10%}.login-container:after{content:"";z-index:0;background:radial-gradient(circle,#6ef7e233 0%,#fff0 70%);width:50%;height:60%;position:absolute;bottom:-10%;left:-5%}.login-card{z-index:1;border:1px solid #bec8d2;border-radius:8px}