body{color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5,h6{color:#111827;margin-top:0}a{color:inherit;text-decoration:none}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}.app-layout{background-color:#f3f4f6;width:100vw;height:100vh;display:flex}.sidebar{background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:260px;min-width:260px;height:100%;display:flex}.logo{color:#1f2937;border-bottom:1px solid #e5e7eb;padding:24px;font-size:24px;font-weight:700}.nav-menu{flex-direction:column;gap:8px;padding:16px;display:flex}.nav-item{color:#4b5563;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#8b5cf6;background-color:#f3f4f6}.nav-item.active{color:#8b5cf6;background-color:#ede9fe;font-weight:600}.main-content{flex-direction:column;flex-grow:1;width:calc(100vw - 260px);height:100%;display:flex;overflow:hidden}.top-header{background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.top-header h2{font-size:18px;font-weight:600}.user-profile{color:#8b5cf6;font-weight:600}.page-container{flex:1;width:100%;padding:32px;overflow:hidden auto}.hover-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a!important}